finetuning

src/main/resources/templates/projectmanagement/app/assign.html

@@ -7,7 +7,7 @@
 	<font layout:fragment="title">Projekt</font>
 	<ul layout:fragment="menu">
 		<li class="nav-item" sec:authorize="hasRole('timetrack_user')">
-			<a class="nav-link btn btn-secondary btn-white-text" th:href="@{/projectmanagement}">zur Projektübersicht</a>
+			<a class="btn btn-outline-secondary" th:href="@{/projectmanagement}">zur Projektübersicht</a>
 		</li>
 	</ul>
 	<main layout:fragment="content">
@@ -39,7 +39,7 @@
 				</div>
 			</div>
 			<div class="card-footer">
-				<table class="table table-striped">
+				<table name="table" class="table table-striped">
 					<thead>
 						<tr>
 							<th>Name</th>
@@ -49,13 +49,23 @@
 					</thead>
 					<tbody>
 						<tr th:each="p : ${workpackages}">
-							<td><input type="checkbox" th:checked="${p.isIn(linked)}" /> <a th:href="@{/projectmanagement/workpackage/{w}/apps(w=${p.pkWorkpackage})}" th:text="${p.name}"></a></td>
+							<td><input type="checkbox" th:checked="${p.isIn(linked)}" /> <a th:href="@{/projectmanagement/workpackage/{w}/apps(w=${p.pkWorkpackage})}" th:text="${p.name}" th:title="${p.projectName}"></a></td>
 							<td th:text="${p.description}"></td>
 							<td><a th:href="@{/projectmanagement/workpackage/{w}/app/{a}/toggle(w=${p.pkWorkpackage},a=${app.pkApp})}" class="btn btn-outline-secondary">
 									<span th:if="${p.isIn(linked)}">rausschmeißen</span> <span th:unless="${p.isIn(linked)}">zuweisen</span>
 								</a></td>
 						</tr>
 				</table>
+				<script type="text/javascript">
+					$(document).ready(function() {
+						var localeUrl = '[[@{/js/dataTables/de.json}]]';
+						$("#table").DataTable({
+							"language" : {
+								"url" : localeUrl
+							}
+						});
+					});
+				</script>
 			</div>
 		</div>
 	</main>