Add debounce timer to search, GH-370

krateng · Jan 16, 2025 · 26f26f3 · 26f26f3
1 parent 1462883
commit 26f26f3
Showing 1 changed file with 17 additions and 11 deletions.
diff --git a/maloja/web/static/js/search.js b/maloja/web/static/js/search.js
@@ -1,17 +1,23 @@
 var searches = []
+var debounceTimer;
 
 function search(searchfield) {
-	txt = searchfield.value;
-	if (txt == "") {
-		reallyclear()
-	}
-	else {
-		xhttp = new XMLHttpRequest();
-		searches.push(xhttp)
-		xhttp.onreadystatechange = searchresult
-		xhttp.open("GET","/api/search?max=5&query=" + encodeURIComponent(txt), true);
-		xhttp.send();
-	}
+    clearTimeout(debounceTimer);
+    debounceTimer = setTimeout(() => {
+        const txt = searchfield.value;
+        if (txt == "") {
+            reallyclear();
+        }
+        else {
+            const xhttp = new XMLHttpRequest();
+            searches.push(xhttp);
+            xhttp.onreadystatechange = searchresult
+            xhttp.open("GET","/api/search?max=5&query=" + encodeURIComponent(txt), true);
+            xhttp.send();
+        }
+    }, 1000);
+
+
 }