53 lines
1.7 KiB
Plaintext
53 lines
1.7 KiB
Plaintext
<div id="employee-detail" class="float" #if(!employee): style="display:none;" #endif>
|
|
#if(employee):
|
|
<button class="closebtn"
|
|
onclick="toggleContent('employee-detail');">
|
|
×
|
|
</button>
|
|
<form hx-put="/employees/#(employee.id)"
|
|
hx-target="#employee_#(employee.id)"
|
|
hx-swap="outerHTML"
|
|
hx-disable-elt="this"
|
|
hx-on::after-request="window.location.href='/employees'; toggleContent('employee-detail');"
|
|
>
|
|
<div class="row">
|
|
<label for="firstName"><h3 class="label">First Name:</h3></label>
|
|
<input type="text" name="firstName" value="#(employee.firstName)">
|
|
<label for="lastName"><h3 class="label">Last Name:</h3></label>
|
|
<input type="text" name="lastName" value="#(employee.lastName)">
|
|
</div>
|
|
<div class="row">
|
|
<div class="active-row">
|
|
<h3 class="label">Active:</h3>
|
|
#if(employee.active):
|
|
<a class="toggle"
|
|
hx-patch="/employees/#(id)/toggle-active"
|
|
hx-target="#employee_#(id)"
|
|
hx-swap="outerHTML"
|
|
>
|
|
<img class="toggle" src="/images/toggle-on.svg" alt="Active">
|
|
</a>
|
|
#else:
|
|
<a class="toggle"
|
|
hx-patch="/employees/#(id)/toggle-active"
|
|
hx-target="#employee_#(id)"
|
|
hx-swap="outerHTML"
|
|
>
|
|
<img class="toggle" src="/images/toggle-off.svg" alt="Active">
|
|
</a>
|
|
#endif
|
|
</div>
|
|
</div>
|
|
<div class="btn-row">
|
|
<button class="edit"
|
|
type="submit"
|
|
hx-swap="outerHTML"
|
|
>
|
|
Update
|
|
</button>
|
|
<button class="danger">Delete</button>
|
|
</div>
|
|
</form>
|
|
#endif
|
|
</div>
|