list added

.classpath

@@ -12,18 +12,7 @@
 			<attribute name="gradle_used_by_scope" value="main,test"/>
 		</attributes>
 	</classpathentry>
-	<classpathentry kind="src" output="bin/test" path="src/test/java">
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-11/"/>
-		<attributes>
-			<attribute name="test" value="true"/>
-			<attribute name="gradle_scope" value="test"/>
-			<attribute name="gradle_used_by_scope" value="test"/>
-		</attributes>
-	</classpathentry>
-	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER/org.eclipse.jdt.internal.debug.ui.launcher.StandardVMType/JavaSE-11/">
-		<attributes>
-			<attribute name="module" value="true"/>
-		</attributes>
-	</classpathentry>
 	<classpathentry kind="con" path="org.eclipse.buildship.core.gradleclasspathcontainer"/>
 	<classpathentry kind="output" path="bin/default"/>
 </classpath>

.settings/org.eclipse.wst.common.component

@@ -1,17 +1,27 @@
 <?xml version="1.0" encoding="UTF-8"?><project-modules id="moduleCoreId" project-version="1.5.0">
         	
+    
     <wb-module deploy-name="timetrack">
                 		
+        
         <property name="context-root" value="timetrack"/>
                 		
+        
         <wb-resource deploy-path="/WEB-INF/classes" source-path="src/main/resources"/>
                 		
+        
         <wb-resource deploy-path="/WEB-INF/classes" source-path="src/main/webapp"/>
                 		
+        
         <wb-resource deploy-path="/WEB-INF/classes" source-path="src/main/java"/>
                 		
+        
         <wb-resource deploy-path="/" source-path="src/main/webapp"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/java"/>
+        <wb-resource deploy-path="/WEB-INF/classes" source-path="/src/main/resources"/>
+                	
     
     </wb-module>
         
+
 </project-modules>

src/main/resources/static/css/style.css

@@ -7,6 +7,10 @@ body {
 	height: calc(100% - 76px);
 }
 
+.glassy {
+	background-color: rgba(1,1,1,0.1);
+}
+
 .formpane {
 	margin: 24px;
   border: 1px solid silver;

src/main/resources/templates/contact/list.html

@@ -10,17 +10,58 @@
 				Kontakt anlegen</a></li>
 	</ul>
 	<main layout:fragment="content">
-		<div class="row row-cols-12 ro-cols-lg-4 ro-cols-md-3 ro-cols-sd-2 g-4" style="margin: 8px">
+		<div class="accordion" id="acdiv">
-			<div class="col" th:each="contact : ${contactList}">
+			<div class="accordion-item glassy">
-				<div class="card text-dark bg-light shadow" style="width: 18rem">
+				<h2 class="accordion-header" id="headingDashboard">
-					<div class="card-header text-center">
+					<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#dashboard" aria-expanded="true"
-						<font th:text="${contact.forename} + ' ' + ${contact.surname}" style="font-size: larger"></font>
+						aria-controls="dashboard">Dashboard</button>
+				</h2>
+				<div id="dashboard" class="accordion-collapse collapse show" aria-labelledby="headingDashboard" data-bs-parent="#acdiv">
+					<div class="accordion-body">
+						<div class="row row-cols-12 ro-cols-lg-4 ro-cols-md-3 ro-cols-sd-2 g-4" style="margin: 8px">
+							<div class="col" th:each="contact : ${contactList}">
+								<div class="card text-dark bg-light shadow" style="width: 18rem">
+									<div class="card-header text-center">
+										<font th:text="${contact.forename} + ' ' + ${contact.surname}" style="font-size: larger"></font>
+									</div>
+									<div class="card-body">
+										<div class="d-flex justify-content-center align-items-center">
+											<span th:text="${contact.type} + ': ' + ${contact.contact}"></span> <a
+												th:href="@{/contact/edit/{id}(id=${contact.pk})}" sec:authorize="hasRole('timetrack_user')"
+												style="margin-left: 8px;"> <i class="fa fa-edit"></i>
+											</a>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
 					</div>
-					<div class="card-body">
+				</div>
-						<div class="d-flex justify-content-center align-items-center">
+				<div class="accordion-item glassy">
-							<span th:text="${contact.type} + ': ' + ${contact.contact}"></span> <a th:href="@{/contact/edit/{id}(id=${contact.pk})}"
+					<h2 class="accordion-header" id="headingTable">
-								sec:authorize="hasRole('timetrack_user')" style="margin-left: 8px;"> <i class="fa fa-edit"></i>
+						<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#list"
-							</a>
+							aria-expanded="false" aria-controls="list">Liste</button>
+					</h2>
+					<div id="list" class="accordion-collapse collapse" aria-labelledby="headingTable" data-bs-parent="#acdiv">
+						<div class="accordion-body" style="background-color: white">
+							<table class="table table-striped table-condensed">
+								<thead>
+									<tr>
+										<th>Vorname</th>
+										<th>Nachname</th>
+										<th>Kontakt</th>
+										<th>Typ</th>
+									</tr>
+								</thead>
+								<tbody>
+									<tr th:each="contact : ${contactList}">
+										<td><a th:href="@{/contact/edit/{id}(id=${contact.pk})}"><span th:text="${contact.forename}"></span></a></td>
+										<td><a th:href="@{/contact/edit/{id}(id=${contact.pk})}"><span th:text="${contact.surname}"></span></a></td>
+										<td><a th:href="@{/contact/edit/{id}(id=${contact.pk})}"><span th:text="${contact.contact}"></span></a></td>
+										<td><a th:href="@{/contact/edit/{id}(id=${contact.pk})}"><span th:text="${contact.type}"></span></a></td>
+									</tr>
+								</tbody>
+							</table>
 						</div>
 					</div>
 				</div>