search.html

---
# Copyright 2017 Yahoo Holdings. Licensed under the terms of the Apache 2.0 license. See LICENSE in the project root.
title: ""
index: false
---

<!-- Number of hits -->
<div id="hits"></div>

<!-- result div -->
<div id="result"></div>

<!-- powered by -->
<div style="margin-top:40px;">
    <b><em>Powered by <img src="img/vespa-logo-small.png" /> Vespa</em></b>
</div>

<script>
(function() {
    var params = {};
    decodeURIComponent(window.location.search.substr(1)).split("&").forEach( function(item) { var key = item.split("=")[0]; var val = item.split("=")[1]; params[key] = val; });
    var query = params["q"];
    if (query) {
        query = decodeURI(query).replace(/\+/g, " ");
    }

    if (query && query.length > 0) {
        $("#search").attr("value", query);
        $("#result").html("<p>Searching for '" + query + "' ...</p>");

        var url = "{{site.search.endpoint}}/search/?jsoncallback=?"
        $.getJSON(url, {
            query: query,
            hits: 400,
            ranking: "documentation"
        })
        .done(function( data ) {
            $("#result").html("");
            var hits = data.root.children;
            if (hits && hits.length > 0) {
                $("<p>").text(hits.length + " hit(s)").appendTo("#hits");

                var ul = $("<ul>").addClass("media-list").appendTo("#result");

                $.each( data.root.children, function( i, item ) {
                    var modified_url = item.fields.path;
                    var modified_content = item.fields.content.replace("<sep />", " ... ").replace("<hi>", "<mark>").replace("</hi>", "</mark>");
                    var modified_title = item.fields.title == "null" ? "No title" : item.fields.title;
                    var link = "<h4><a href=\"" + modified_url + "\">" + modified_title + "</a></h4>";
                    var content = "<p>" + modified_content + "<br /><small class=\"text-success\">" + item.fields.path + "</small></p>";
                    $("<li>").addClass("media").html(link+content).appendTo(ul);
                });

            } else {
                $("<p>").text("No hits found!").appendTo("#result");
            }
        });
    }

})();
</script>

</body>
</html>