Implement filter function

fastruby · Jan 4, 2022 · 3d4f11c · 3d4f11c
1 parent 6d244f5
commit 3d4f11c
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/app/assets/javascripts/project.js b/app/assets/javascripts/project.js
@@ -64,3 +64,22 @@ window.addEventListener("load", () => {
     });
   });
 });
+
+const filterStories = () => {
+  const searchTerm = document.getElementById("title_contains").value.toLowerCase().trim();
+  if (searchTerm.length == 0) {
+    $("#stories").sortable("enable");
+  } else {
+    $("#stories").sortable("disable");
+  }
+
+  document.querySelectorAll("#stories tr").forEach(function(element) {
+    const cl = element.classList
+    const storyTitle = element.querySelector("td:first-child").innerText.toLowerCase()
+    if (storyTitle.includes(searchTerm)) {
+      cl.remove("hidden")
+    } else {
+      cl.add("hidden")
+    }
+  })
+};