From d69e30cbf2cd76bdf87de138db030209ca43b2e1 Mon Sep 17 00:00:00 2001
From: Dan McGee <dan@archlinux.org>
Date: Mon, 24 Sep 2012 20:15:54 -0500
Subject: Add typeahead dropdown to front page packages search

This uses the existing OpenSearch query endpoint to perform the search
and displays the results accordingly.

Signed-off-by: Dan McGee <dan@archlinux.org>
---
 templates/public/index.html | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'templates')

diff --git a/templates/public/index.html b/templates/public/index.html
index 60ae442d..4af5995e 100644
--- a/templates/public/index.html
+++ b/templates/public/index.html
@@ -215,4 +215,22 @@ <h4>More Resources</h4>
 
 </div>
 {% endcache %}
+
+{% load cdn %}{% jquery %}
+<script type="text/javascript" src="{% static "bootstrap-typeahead.js" %}"></script>
+<script type="text/javascript">
+$(document).ready(function() {
+    $('#pkgsearch-field').typeahead({
+        source: function(query, callback) {
+            $.getJSON('/opensearch/packages/suggest', {q: query}, function(data) {
+                callback(data[1]);
+            });
+        },
+        matcher: function(item) { return true; },
+        sorter: function(items) { return items; },
+        menu: '<ul class="pkgsearch-typeahead"></ul>',
+        items: 10
+    }).attr('autocomplete', 'off');
+});
+</script>
 {% endblock %}
-- 
cgit v1.2.3-54-g00ecf