instant. fucking. suche.

2 files changed, 36 insertions, 0 deletions

diff --git a/assets/css/list.css b/assets/css/list.css
index 7e6dde9..601f69b 100644
--- a/assets/css/list.css
+++ b/assets/css/list.css
@@ -24,4 +24,9 @@
     background-size: cover;
     width: 64px;
     height: 64px;
+}
+
+.search-results {
+        top: -50px;
+        z-index: 2;
 }
\ No newline at end of file
diff --git a/assets/js/search.js b/assets/js/search.js
new file mode 100644
index 0000000..0f544ab
--- /dev/null
+++ b/assets/js/search.js
@@ -0,0 +1,31 @@
+var strokeTimeout = null;
+
+function instantSearch() {
+        value = document.getElementById("search").value;
+
+        if (strokeTimeout) {
+                clearTimeout(strokeTimeout);
+        }
+        strokeTimeout = setTimeout(doSearch, 150, value);
+}
+
+function doSearch(value) {
+        if (value == "") {
+                strokeTimeout = null;
+                return;
+        }
+        var xhr = new XMLHttpRequest();
+        xhr.onreadystatechange = function() {
+        if (xhr.readyState == XMLHttpRequest.DONE) {
+                        if (xhr.status === 404 || xhr.status === 400 || typeof xhr.response === 'undefined') {
+                                console.log(xhr.status);
+                                document.getElementById("search-results").innerHTML = '';
+                        }
+                        document.getElementById("search-results").innerHTML = xhr.response;
+                }
+        }
+        console.log(value);
+        xhr.open('GET', '/search/gril_instant/' + value, true);
+        xhr.send(null);
+        strokeTimeout = null;
+}
\ No newline at end of file