ChrisChrome/uhppoted-db-web
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Test

Browse source
This commit is contained in:
Christopher Cookman 2025-09-01 00:34:24 -06:00
parent f477579b27
commit 4c31841a2b
1 changed files with 78 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

79
views/acl-edit.ejs
View file

@ -1,4 +1,10 @@
<style> <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edit ACL Entry</title>
<style>
form#acl-edit-form { form#acl-edit-form {
max-width: 500px; max-width: 500px;
margin: 2em auto; margin: 2em auto;
@ -51,3 +57,74 @@ form#acl-edit-form input[type="checkbox"] {
margin-right: 0.5em; margin-right: 0.5em;
} }
</style> </style>
</head>
<body>
<form id="acl-edit-form" method="patch" action="/acl/<%= aclEntry.CardNumber %>">
<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="<%= new Date(aclEntry.StartDate).toISOString().slice(0,10) %>">
</div>
<div>
<label for="EndDate">End Date:</label>
<input type="date" id="EndDate" name="EndDate" value="<%= new Date(aclEntry.EndDate).toISOString().slice(0,10) %>">
</div>
<fieldset>
<legend>Doors</legend>
<% Object.keys(doorsList).forEach(function(door) { %>
<div>
<label>
<input type="checkbox" name="doors[<%= door %>]" value="1"
<% if (doorsList[door] && doorsList[door] == 1) { %> checked <% } %> >
<%= door %>
<% doorsList[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 => {
console.log(res.status, res.statusText);
if (res.ok) window.location.href = '/acl';
else alert('Failed to update ACL entry');
}).catch(err => {
alert('Error: ' + err.message);
});
});
</script>
</body>
</html>