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

table for workpackages

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

@@ -9,6 +9,7 @@
     <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></li>
   </ul>
   <main layout:fragment="content">
+    <div class="container">
     <div class="row">
       <div class="col-2">Name</div>
       <div class="col-10" th:text="${app.name}"></div>
@@ -29,18 +30,33 @@
           <div th:text="${b.description}"></div>
         </h:block>
       </div>
-      <th:block th:each="p : ${workpackages}"> 
-        <div class="col-2">
+    </div>
+    <div class="row">
+      <div class="col-12">
+      <table class="table table-striped">
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th>Beschreibung</th>
+            <th>Zuordnung</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr th:each="p : ${workpackages}"> 
+        <td>
           <input type="checkbox" th:checked="${p.isIn(linked)}" /> <span th:text="${p.name}"></span>
-        </div>
-        <div class="col-8" th:text="${p.description}"></div>
-        <div class="col-2">
+        </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>
-        </div>
-      </th:block>
+        </td>
+          </tr>
+      </table>
+      </div>
+    </div>
     </div>
   </main>
 </body>