63 lines
1.8 KiB
Plaintext
63 lines
1.8 KiB
Plaintext
<table id="employee-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Name</th>
|
|
<th>Active</th>
|
|
<th>
|
|
<a href="javascript:void(0)"
|
|
hx-get="employees/form"
|
|
hx-target="#employee-form"
|
|
hx-on::after-request="toggleContent('form')"
|
|
class="btn-add"
|
|
>
|
|
+
|
|
</a>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
#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"
|
|
href="javascript:void(0)"
|
|
hx-delete="/employees/#(employee.id)"
|
|
hx-target="#employee-table"
|
|
hx-swap="outerHTML"
|
|
hx-confirm="Are you sure you want to delete this employee?"
|
|
>
|
|
#extend("img/trash-can")
|
|
</a>
|
|
<a class="btn btn-edit" hx-get="/employees/#(employee.id)"
|
|
hx-target="#employee-form"
|
|
hx-on::after-request=" if(event.detail.successful) toggleContent('form')"
|
|
>
|
|
#extend("img/pencil")
|
|
</a>
|
|
</td>
|
|
|
|
</tr>
|
|
#endfor
|
|
</tbody>
|
|
</table>
|