Work on autocomplete

1 files changed, 9 insertions, 3 deletions

diff --git a/chimere/templates/search/search.html b/chimere/templates/search/search.html
index 28b2b3a..4405381 100644
--- a/chimere/templates/search/search.html
+++ b/chimere/templates/search/search.html
@@ -1,4 +1,4 @@
-{% load url from future %}{% load i18n%}
+{% load url from future %}{% load i18n %}
 {% if query %}
 <script type='text/javascript'>
 var new_ids = [{% for result in page.object_list %}{{result.object.pk}}{% if not forloop.last %}, {% endif %}{% endfor %}];
@@ -31,17 +31,23 @@ for (idx=0 ; idx < new_ids.length ; idx++){
 {% endif %}
 
 {% else %}
-<form id='search-form'>
-    {{ form.q }} <button name='haystack-search' id='haystack-search' type='button'>{% trans "Search" %}</button>
+<form id='search-form' class='autocomplete-me'>
+    <input type="text" id="id_q" name="q" autocomplete="off"/>
+    <button name='haystack-search' id='haystack-search' type='button' disabled='disabled' class="btn btn-default">{% trans "Search" %}</button>
 </form>
 <div id='search-result'></div>
 <script type='text/javascript'>
+no_result_message = "{% trans 'No results found.' %}";
 $(function(){
     $('#haystack-search').click(
         function(evt){
             $("#main-map").chimere("razMap");
             haystack_search(evt);
     });
+    window.autocomplete = new Autocomplete({
+        form_selector: '.autocomplete-me'
+    });
+    window.autocomplete.setup();
 });
 </script>
 {% endif %}