From 5b861f730f29745b7d1f882c8dd24bb5d75d54e0 Mon Sep 17 00:00:00 2001
From: Jottyfan <jottyfan@mail.de>
Date: Sat, 6 May 2023 20:39:34 +0200
Subject: [PATCH] added filter to privilege dropdowns

---
 build.gradle                                     |  2 +-
 src/main/resources/static/js/mytoggle.js         | 16 +++++++++++++++-
 .../templates/admin/privileges/campbased.html    |  3 ++-
 .../templates/admin/privileges/userbased.html    |  3 ++-
 4 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/build.gradle b/build.gradle
index 73504bd..e77a4e3 100644
--- a/build.gradle
+++ b/build.gradle
@@ -18,7 +18,7 @@ apply plugin: 'war'
 apply plugin: 'application'
 
 group = 'de.jottyfan.camporganizer'
-version = '0.5.0'
+version = '0.5.1'
 sourceCompatibility = 17
 mainClassName = "de.jottyfan.camporganizer.Main"
 
diff --git a/src/main/resources/static/js/mytoggle.js b/src/main/resources/static/js/mytoggle.js
index 9420db1..6c06551 100644
--- a/src/main/resources/static/js/mytoggle.js
+++ b/src/main/resources/static/js/mytoggle.js
@@ -5,4 +5,18 @@ class MyToggle {
 	toggle(divid) {
 		$("[id='" + divid + "']").toggle();
 	}
-}
\ No newline at end of file
+}
+
+filterAllOfClass = function(filterselector, haystackselector) {
+  $(haystackselector).each(function() {
+    var t = $($(this).children()[0]).text();
+    var filter = $(filterselector).val();
+    if (filter == '' || filter == '*') {
+	    $(this).show();
+    } else if (t.toUpperCase().indexOf(filter.toUpperCase()) > -1) {
+	    $(this).show();
+    } else {
+	    $(this).hide();
+    }
+  });
+}
diff --git a/src/main/resources/templates/admin/privileges/campbased.html b/src/main/resources/templates/admin/privileges/campbased.html
index a42ba2e..1b71c64 100644
--- a/src/main/resources/templates/admin/privileges/campbased.html
+++ b/src/main/resources/templates/admin/privileges/campbased.html
@@ -13,7 +13,8 @@
 						<span th:text="${selected}" th:if="${selected}"></span> <span th:unless="${selected}">-- bitte wählen --</span>
 					</button>
 					<ul class="dropdown-menu">
-						<li th:each="e : ${list}"><a class="dropdown-item" th:href="@{/admin/privileges/campbased/{r}(r=${e.pk})}"><span th:text="${e.fullname}"></span></a></li>
+						<li style="padding: 8px"><input type="text" id="needle" onkeyup="filterAllOfClass('#needle', '.haystack')" placeholder="Filter" class="form-control" /></li>
+						<li th:each="e : ${list}" class="haystack"><a class="dropdown-item" th:href="@{/admin/privileges/campbased/{r}(r=${e.pk})}" th:text="${e.fullname}"></a></li>
 					</ul>
 				</div>
 				<div class="card" th:if="${selected}">
diff --git a/src/main/resources/templates/admin/privileges/userbased.html b/src/main/resources/templates/admin/privileges/userbased.html
index a66d2b8..da4d1cd 100644
--- a/src/main/resources/templates/admin/privileges/userbased.html
+++ b/src/main/resources/templates/admin/privileges/userbased.html
@@ -13,7 +13,8 @@
 						<span th:text="${selected}" th:if="${selected}"></span> <span th:unless="${selected}">-- bitte wählen --</span>
 					</button>
 					<ul class="dropdown-menu">
-						<li th:each="e : ${list}"><a class="dropdown-item" th:href="@{/admin/privileges/userbased/{r}(r=${e.pk})}"><span th:text="${e.fullname}"></span></a></li>
+						<li style="padding: 8px"><input type="text" id="needle" onkeyup="filterAllOfClass('#needle', '.haystack')" placeholder="Filter" class="form-control" /></li>
+						<li th:each="e : ${list}" class="haystack"><a class="dropdown-item" th:href="@{/admin/privileges/userbased/{r}(r=${e.pk})}" th:text="${e.fullname}"></a></li>
 					</ul>
 				</div>
 				<div class="card" th:if="${selected}">