From 473e13b9d0aa7fb0f3112d4228b916348f500c12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rg=20Henke?= <joerg.henke@uni-greifswald.de>
Date: Wed, 6 Jul 2022 17:23:10 +0200
Subject: [PATCH] filterable tables

---
 src/main/resources/templates/contact/list.html | 12 +++++++++++-
 src/main/resources/templates/note/list.html    | 12 +++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/templates/contact/list.html b/src/main/resources/templates/contact/list.html
index 6f621bb..922a01c 100644
--- a/src/main/resources/templates/contact/list.html
+++ b/src/main/resources/templates/contact/list.html
@@ -39,7 +39,7 @@
 			</div>
 			<div id="div_list" class="tab-pane fade tab-pane-table">
 				<div class="accordion-body" style="background-color: white">
-					<table class="table table-striped table-condensed">
+					<table id="table" class="table table-striped table-condensed">
 						<thead>
 							<tr>
 								<th>Vorname</th>
@@ -57,6 +57,16 @@
 							</tr>
 						</tbody>
 					</table>
+					<script type="text/javascript">
+						$(document).ready(function(){
+							var localeUrl = '[[@{/js/dataTables/de.json}]]';
+							$("#table").DataTable({
+								"language" : {
+									"url" : localeUrl
+								}
+							});
+						});
+					</script>
 				</div>
 			</div>
 		</div>
diff --git a/src/main/resources/templates/note/list.html b/src/main/resources/templates/note/list.html
index 8f54503..e1e5566 100644
--- a/src/main/resources/templates/note/list.html
+++ b/src/main/resources/templates/note/list.html
@@ -41,7 +41,7 @@
 			</div>
 			<div id="div_list" class="tab-pane fade tab-pane-table">
 				<div class="accordion-body" style="background-color: white">
-					<table class="table table-striped table-condensed">
+					<table id="table" class="table table-striped table-condensed">
 						<thead>
 							<tr>
 								<th>Titel</th>
@@ -59,6 +59,16 @@
 							</tr>
 						</tbody>
 					</table>
+					<script type="text/javascript">
+						$(document).ready(function(){
+							var localeUrl = '[[@{/js/dataTables/de.json}]]';
+							$("#table").DataTable({
+								"language" : {
+									"url" : localeUrl
+								}
+							});
+						});
+					</script>
 				</div>
 			</div>
 		</div>