From 15278e08cff2a3630239c7ab7eefc98405b4393b Mon Sep 17 00:00:00 2001
From: Giovanni Harting <539@idlegandalf.com>
Date: Mon, 20 Sep 2021 23:55:35 +0200
Subject: [PATCH] added lazy-search

---
 tpl/packages.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/tpl/packages.html b/tpl/packages.html
index ff8cb14..3d2c8a4 100644
--- a/tpl/packages.html
+++ b/tpl/packages.html
@@ -30,7 +30,7 @@
 
         <div class="d-flex justify-content-end">
             <input type="search" placeholder="Search for packages.." class="form-control" id="table-sort-input"
-                   onkeyup="searchFilter()" title="Type in a name"/>
+                   title="Type in a name"/>
         </div>
     </div>
 </nav>
@@ -101,6 +101,15 @@
 <script crossorigin="anonymous" integrity="sha384-U1DAWAznBHeqEIlVSCgzq+c9gqGAJn5c/t99JyeKa9xxaYpSvHU5awsuZVVFIhvj"
         src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.0/dist/js/bootstrap.bundle.min.js"></script>
 <script>
+    let input = document.getElementById('table-sort-input');
+    let timeout = null;
+
+    input.addEventListener('keyup', function (e) {
+        clearTimeout(timeout);
+
+        timeout = setTimeout(searchFilter, 200);
+    });
+
     function searchFilter() {
         let input, filter, table, tr, td, i, txtValue;
         input = document.getElementById('table-sort-input')