feat: Reorganizing views

Resources/Views/employees/table.leaf

@@ -0,0 +1,47 @@
+<table id="employee-table">
+  <tr>
+    <th>Name</th>
+    <th>Active</th>
+    <th></th>
+  </tr>
+  #for(employee in employees):
+  <tr id="employee_#(employee.id)">
+    <td>#capitalized(employee.firstName) #capitalized(employee.lastName)</td>
+    <td style="width: 10%; text-align: center;">
+      #if(employee.active):
+      <a class="toggle"
+              hx-post="/employees/#(employee.id)/toggle-active"
+              hx-target="#employee-table"
+              hx-swap="outerHTML"
+              >
+        <img src="images/toggle-on.svg" alt="Active">
+      </a>
+      #else:
+      <a class="toggle"
+              hx-post="/employees/#(employee.id)/toggle-active"
+              hx-target="#employee-table"
+              hx-swap="outerHTML"
+              >
+        <img src="images/toggle-off.svg" alt="Active">
+      </a>
+      #endif
+    </td>
+    <td style="width: 100px;">
+        <a class="btn btn-delete"
+                hx-delete="/employees/#(employee.id)"
+                hx-target="#employee-table"
+                hx-swap="outerHTML"
+                hx-confirm="Are you sure you want to delete this employee?"
+                >
+          <img src="images/trash-can.svg" alt="Delete">
+        </a>
+        <a class="btn btn-edit" hx-get="/employees/#(employee.id)"
+           hx-target="#employee-form"
+           >
+           <img src="images/pencil.svg", alt="Edit">
+        </a>
+    </td>
+
+  </tr>
+  #endfor
+</table>