66 lines
2 KiB
Plaintext
66 lines
2 KiB
Plaintext
<%
|
|
// Assume aclEntry is passed to this view with all fields
|
|
// doorsList is an object of door names to grant access, e.g. { "Door1": 1, "Door2": 0, ... }
|
|
%>
|
|
<form id="acl-edit-form" method="post" action="/acl/<%= aclEntry.CardNumber %>?_method=PATCH">
|
|
<div>
|
|
<label for="Name">Name:</label>
|
|
<input type="text" id="Name" name="Name" value="<%= aclEntry.Name %>" required>
|
|
</div>
|
|
<div>
|
|
<label for="CardNumber">Card Number:</label>
|
|
<input type="text" id="CardNumber" name="CardNumber" value="<%= aclEntry.CardNumber %>" readonly>
|
|
</div>
|
|
<div>
|
|
<label for="PIN">PIN:</label>
|
|
<input type="text" id="PIN" name="PIN" value="<%= aclEntry.PIN %>">
|
|
</div>
|
|
<div>
|
|
<label for="StartDate">Start Date:</label>
|
|
<input type="date" id="StartDate" name="StartDate" value="<%= aclEntry.StartDate %>">
|
|
</div>
|
|
<div>
|
|
<label for="EndDate">End Date:</label>
|
|
<input type="date" id="EndDate" name="EndDate" value="<%= aclEntry.EndDate %>">
|
|
</div>
|
|
<fieldset>
|
|
<legend>Doors</legend>
|
|
<% Object.keys(doorsList).forEach(function(door) { %>
|
|
<div>
|
|
<label>
|
|
<input type="checkbox" name="doors[<%= door %>]" value="1"
|
|
<% if (aclEntry.doors && aclEntry.doors[door]) { %> checked <% } %> >
|
|
<%= door %>
|
|
</label>
|
|
</div>
|
|
<% }) %>
|
|
</fieldset>
|
|
<button type="submit">Save</button>
|
|
</form>
|
|
|
|
<script>
|
|
document.getElementById('acl-edit-form').addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
const form = e.target;
|
|
const formData = new FormData(form);
|
|
const data = {
|
|
Name: formData.get('Name'),
|
|
CardNumber: formData.get('CardNumber'),
|
|
PIN: formData.get('PIN'),
|
|
StartDate: formData.get('StartDate'),
|
|
EndDate: formData.get('EndDate'),
|
|
doors: {}
|
|
};
|
|
<% Object.keys(doorsList).forEach(function(door) { %>
|
|
data.doors['<%= door %>'] = formData.get('doors[<%= door %>]') ? 1 : 0;
|
|
<% }) %>
|
|
fetch(form.action, {
|
|
method: 'PATCH',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify(data)
|
|
}).then(res => {
|
|
if (res.ok) window.location.href = '/acl';
|
|
else alert('Failed to update ACL entry');
|
|
});
|
|
});
|
|
</script> |