add remove button to departments

Author: kaleidox

src/main/java/de/kaleidox/workbench/repo/CustomerRepository.java

@@ -8,6 +8,7 @@
 import org.springframework.data.repository.query.Param;
 import org.springframework.stereotype.Controller;
 import org.springframework.stereotype.Repository;
+import org.springframework.web.bind.annotation.DeleteMapping;
 import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.PostMapping;
@@ -49,4 +50,17 @@ default void addDepartment(@PathVariable("customerName") String customerName, @R
 
         customer.getDepartments().add(department);
     }
+
+    @ResponseBody
+    @Transactional
+    @DeleteMapping("/{customerName}/departments")
+    default void removeDepartment(
+            @PathVariable("customerName") String customerName,
+            @RequestBody String departmentName
+    ) {
+        var department = bean(DepartmentRepository.class).getOrCreate(departmentName);
+        var customer   = findById(customerName).orElseThrow();
+
+        customer.getDepartments().remove(department);
+    }
 }

src/main/resources/static/customers.js

@@ -18,6 +18,16 @@ function createDepartment(customer) {
     }).then(handleResponse)
 }
 
+function removeDepartment(customer, department) {
+    if (!confirm(`Abteilung ${department} von ${customer} entfernen?`)) return
+
+    fetch(`/api/customers/${customer}/departments`, {
+        method: 'DELETE', headers: {
+            'Content-Type': 'application/json'
+        }, body: department
+    }).then(handleResponse)
+}
+
 function handleResponse(response) {
     if (response.ok) window.location.reload()
     else alert('Interner Fehler')

src/main/resources/templates/customer/index.html

@@ -20,7 +20,9 @@ <h2>Kunden</h2>
             <td>
                 <div class="ui-button" th:attr="onclick=|createDepartment('${entry.key}')|">Neu...</div>
                 <ul>
-                    <li th:each="department: ${entry.value}" th:text="${department}"></li>
+                    <li th:each="department: ${entry.value}"><span th:text="${department}"></span>
+                        <span style="font-size: 80%; color: red" th:attr="onclick=|removeDepartment('${entry.key}', '${department}')|">Entfernen</span>
+                    </li>
                 </ul>
             </td>
         </tr>