javascript-jquery-starter/search.html at master · mjpalad/javascript-jquery-starter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>

<html>
    <head>
        <title>Your prismic.io project</title>
        <script src="js/vendor/jquery-2.0.3.min.js"></script>
        <script src="js/vendor/prismic.io-1.0.4.min.js"></script>
        <script src="js/prismic-configuration.js"></script>
        <script src="js/prismic-helpers.js"></script>
        <script src="js/prismic-templates.js"></script>
    </head>
    <body class="loading">

        <header>
            <script type="text/template">
                <a href="index.html?<%= ctx.maybeRefParam %>">
                    <h1>Your prismic.io project</h1>
                </a>
            </script>
        </header>

        <h2 id="title">
            <script type="text/template">
                <% if(docs.length > 0) { %>
                    <%= docs.length %> documents
                <% } else { %>
                    No results found
                <% } %>
            </script>
        </h2>

        <ul id="results">
            <script type="text/template">
                <% for(var i=0; i<docs.length; i++) { %>
                    <li>
                        <a href="<%= ctx.linkResolver(docs[i]) %>">
                            <%= docs[i].slug %>
                        </a>
                    </li>
                <% } %>
            </script>
        </ul>

        <footer>
            <script type="text/template">
                <% if(!ctx.oauth().hasPrivilegedAccess) { %>
                    <hr><a href="signin.html">Sign in to preview changes</a>
                <% } %>
            </script>
        </footer>

        <!-- Logic -->

        <script type="text/javascript">
            $(function() {

                Helpers.withPrismic(function(ctx) {

                    // Retrieve the query
                    var q = Helpers.queryString['q'];

                    ctx.api.form("everything").ref(ctx.ref).query('[[:d = fulltext(document, "' + q + '")]]').submit(function(docs) {

                        // Feed the templates
                        $('header, #results, footer').render({
                            docs: docs,
                            ctx: ctx
                        });

                    });

                });

            });
        </script>

    </body>
</html>
No results found