www/index.html

www/js/logic.js - Implemented a fix to reset the "display" property of hidden rows after the input clear
edgarchinchilla · Aug 7, 2024 · 875929f · 875929f
1 parent 6b216bb
commit 875929f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/www/index.html b/www/index.html
@@ -52,7 +52,7 @@
     <!-- FILTER FIELD-->
     <form id="searchBox">
         <input type="text" id="filter" placeholder="Filter by App name...">
-        <button type="reset" id="clear">x</button>
+        <button type="reset" id="clear" onClick="resetTableFilters()">x</button>
     </form>
 
     <!-- DYNAMIC APPS LIST HOLDER -->

diff --git a/www/js/logic.js b/www/js/logic.js
@@ -141,4 +141,15 @@ function addTableFiltering() {
             row.style.display = shouldShowRow ? '' : 'none';
         }
     });
+}
+
+// RESET TABLE FILTERS
+function resetTableFilters() {
+    const tableElement = document.getElementById('appsList');
+    const tableRows = tableElement.querySelectorAll('tbody tr');
+
+    for (let i = 0; i < tableRows.length; i++) {
+        const row = tableRows[i];
+        row.style.display = '';
+    }
 }