From ab09de5ba8a08bb10828811ffff7c1e5682ef051 Mon Sep 17 00:00:00 2001
From: LD-Reborn <lucretia.dietz@gmx.de>
Date: Sun, 26 Oct 2025 08:29:00 +0100
Subject: [PATCH] Added table filter to Locations, Moved table filter js to
 site.js

---
 src/Views/Home/Assets.cshtml    | 29 -----------------------------
 src/Views/Home/Locations.cshtml |  7 +++++++
 src/wwwroot/js/site.js          | 27 +++++++++++++++++++++++++++
 3 files changed, 34 insertions(+), 29 deletions(-)

diff --git a/src/Views/Home/Assets.cshtml b/src/Views/Home/Assets.cshtml
index c86af76..ec812a3 100644
--- a/src/Views/Home/Assets.cshtml
+++ b/src/Views/Home/Assets.cshtml
@@ -70,35 +70,6 @@
     </div>
 </div>
 
-<!-- Table filter -->
-<script>
-document.addEventListener('DOMContentLoaded', () => {
-    const filters = document.querySelectorAll('.column-filter');
-    const table = document.querySelector('table');
-    const tbody = table.querySelector('tbody');
-
-    filters.forEach(filter => {
-        filter.addEventListener('input', () => {
-            const rows = tbody.querySelectorAll('tr');
-            const filterValues = Array.from(filters).map(f => f.value.toLowerCase().trim());
-
-            rows.forEach(row => {
-                const cells = row.querySelectorAll('td');
-                let visible = true;
-
-                filterValues.forEach((val, i) => {
-                    if (val && !cells[i].textContent.toLowerCase().includes(val)) {
-                        visible = false;
-                    }
-                });
-
-                row.style.display = visible ? '' : 'none';
-            });
-        });
-    });
-});
-</script>
-
 <!-- Asset Delete Confirmation Modal -->
 <div class="modal fade" id="deleteModal" tabindex="-1" aria-labelledby="deleteModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
diff --git a/src/Views/Home/Locations.cshtml b/src/Views/Home/Locations.cshtml
index b432a01..bb14412 100644
--- a/src/Views/Home/Locations.cshtml
+++ b/src/Views/Home/Locations.cshtml
@@ -27,6 +27,13 @@
                     <th>@T["Seat"]</th>
                     <th>@T["Action"]</th>
                 </tr>
+                <tr>
+                    <th><input type="text" class="form-control form-control-sm column-filter" placeholder="@T["Location ID"]" data-column="0" /></th>
+                    <th><input type="text" class="form-control form-control-sm column-filter" placeholder="@T["Location Name"]" data-column="1" /></th>
+                    <th><input type="text" class="form-control form-control-sm column-filter" placeholder="@T["Room Number"]" data-column="2" /></th>
+                    <th><input type="text" class="form-control form-control-sm column-filter" placeholder="@T["Seat"]" data-column="3" /></th>
+                    <th class="text-center">-</th>
+                </tr>
             </thead>
             <tbody>
             @{
diff --git a/src/wwwroot/js/site.js b/src/wwwroot/js/site.js
index a4e7ae9..209386b 100644
--- a/src/wwwroot/js/site.js
+++ b/src/wwwroot/js/site.js
@@ -89,3 +89,30 @@ function idToEAN13(id) {
     const padded = id.toString().padStart(12, "0"); // 12 digits
     return padded;
 }
+
+// Table filter
+document.addEventListener('DOMContentLoaded', () => {
+    const filters = document.querySelectorAll('.column-filter');
+    const table = document.querySelector('table');
+    const tbody = table.querySelector('tbody');
+
+    filters.forEach(filter => {
+        filter.addEventListener('input', () => {
+            const rows = tbody.querySelectorAll('tr');
+            const filterValues = Array.from(filters).map(f => f.value.toLowerCase().trim());
+
+            rows.forEach(row => {
+                const cells = row.querySelectorAll('td');
+                let visible = true;
+
+                filterValues.forEach((val, i) => {
+                    if (val && !cells[i].textContent.toLowerCase().includes(val)) {
+                        visible = false;
+                    }
+                });
+
+                row.style.display = visible ? '' : 'none';
+            });
+        });
+    });
+});