From 86912e22728b8428d25b075be57cd35d6e484692 Mon Sep 17 00:00:00 2001
From: Alexandre Flament <alex@al-f.net>
Date: Wed, 10 Mar 2021 19:41:05 +0100
Subject: [mod] oscar: get bootstrap and typeahead from NPM

---
 searx/static/themes/oscar/src/js/autocompleter.js | 37 +++++++++++++++--------
 1 file changed, 24 insertions(+), 13 deletions(-)

(limited to 'searx/static/themes/oscar/src/js')

diff --git a/searx/static/themes/oscar/src/js/autocompleter.js b/searx/static/themes/oscar/src/js/autocompleter.js
index 26d567507..56293f4f3 100644
--- a/searx/static/themes/oscar/src/js/autocompleter.js
+++ b/searx/static/themes/oscar/src/js/autocompleter.js
@@ -15,31 +15,42 @@
  * (C) 2014 by Thomas Pointhuber, <thomas.pointhuber@gmx.at>
  */
 
-if(searx.autocompleter) {
-    searx.searchResults = new Bloodhound({
-        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
-        queryTokenizer: Bloodhound.tokenizers.whitespace,
-        remote: './autocompleter?q=%QUERY'
-    });
-    searx.searchResults.initialize();
-}
-
 $(document).ready(function(){
     var original_search_value = '';
     if(searx.autocompleter) {
-		$("#q").on('keydown', function(e) {
+        var searchResults = new Bloodhound({
+            datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'),
+            queryTokenizer: Bloodhound.tokenizers.whitespace,
+            remote: {
+                url: './autocompleter?q=%QUERY',
+                wildcard: '%QUERY'
+            }
+        });
+        searchResults.initialize();
+
+        $("#q").on('keydown', function(e) {
 			if(e.which == 13) {
                 original_search_value = $('#q').val();
 			}
 		});
-        $('#q').typeahead(null, {
+        $('#q').typeahead({
             name: 'search-results',
+            highlight: false,
+            hint: true,
             displayKey: function(result) {
                 return result;
             },
-            source: searx.searchResults.ttAdapter()
+            classNames: {
+                input: 'tt-input',
+                hint: 'tt-hint',
+                menu: 'tt-dropdown-menu',
+                dataset: 'tt-dataset-search-results',
+            },
+        }, {
+            name: 'autocomplete',
+            source: searchResults,
         });
-        $('#q').bind('typeahead:selected', function(ev, suggestion) {
+        $('#q').bind('typeahead:select', function(ev, suggestion) {
             if(original_search_value) {
                 $('#q').val(original_search_value);
             }
-- 
cgit v1.2.3