This commit is contained in:
Christopher Cookman 2025-09-01 00:46:18 -06:00
parent a986654332
commit aa13c1ffbb
2 changed files with 42 additions and 53 deletions

View file

@ -19,7 +19,19 @@ router.get('/', async (req, res) => {
}); });
router.get('/add', (req, res) => { // Render form to add new ACL entry router.get('/add', (req, res) => { // Render form to add new ACL entry
res.render('acl-add', { user: req.session.user }); const dbData = db.query('PRAGMA table_info(ACL)').then(columns => {
const doorList = {};
columns.forEach(col => {
if (col.name !== 'Name' && col.name !== 'CardNumber' && col.name !== 'PIN' && col.name !== 'StartDate' && col.name !== 'EndDate') {
doorList[col.name] = false;
}
});
return doorList;
}).catch(err => {
log.error(`Database error fetching ACL columns: ${err}`);
return {};
});
res.render('acl-add', { user: req.session.user, doorList });
}); });
router.put('/', async (req, res) => { // Attempt to create new ACL entry. Fail if cardNumber already exists router.put('/', async (req, res) => { // Attempt to create new ACL entry. Fail if cardNumber already exists

View file

@ -4,7 +4,7 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Edit ACL Entry</title> <title>Add ACL Entry</title>
<style> <style>
form#acl-edit-form { form#acl-edit-form {
max-width: 500px; max-width: 500px;
@ -70,7 +70,7 @@
</head> </head>
<body> <body>
<form id="acl-edit-form" method="put" action="/acl"> <form id="acl-edit-form" method="patch" action="/acl">
<div> <div>
<label for="Name">Name:</label> <label for="Name">Name:</label>
<input type="text" id="Name" name="Name" value="" required> <input type="text" id="Name" name="Name" value="" required>
@ -85,55 +85,30 @@
</div> </div>
<div> <div>
<label for="StartDate">Start Date:</label> <label for="StartDate">Start Date:</label>
<input type="date" id="StartDate" name="StartDate" value=""> <input type="date" id="StartDate" name="StartDate"
value="<%= new Date().toISOString().slice(0,10) %>" required>
</div> </div>
<div> <div>
<label for="EndDate">End Date:</label> <label for="EndDate">End Date:</label>
<input type="date" id="EndDate" name="EndDate" value=""> <input type="date" id="EndDate" name="EndDate"
value="<%= new Date(Date.now() + 99*365.25*24*60*60*1000).toISOString().slice(0,10) %>" required>
</div> </div>
<fieldset> <fieldset>
<legend>Doors</legend> <legend>Doors</legend>
<% Object.keys(doorsList).forEach(function(door) { %> <% Object.keys(doorList).forEach(function(door) { %>
<legend>Doors</legend>
<% Object.keys(doorsList).forEach(function(door) { %>
<div> <div>
<label> <label>
<input type="checkbox" name="doors[<%= door %>]" value="1"> <input type="checkbox" name="doors[<%= door %>]" value="1" <% if (doorsList[door] &&
doorsList[door]==1) { %> checked <% } %> >
<%= door %> <%= door %>
<% doorsList[door] %>
</label> </label>
</div> </div>
<% }) %> <% }) %>
</fieldset> </fieldset>
<button type="submit">Create</button> <button type="submit">Save</button>
</form> </form>
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: 'PUT',
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 create ACL entry');
}).catch(err => {
alert('Error: ' + err.message);
});
});
</script>
<script> <script>
document.getElementById('acl-edit-form').addEventListener('submit', function (e) { document.getElementById('acl-edit-form').addEventListener('submit', function (e) {
e.preventDefault(); e.preventDefault();
@ -157,10 +132,12 @@
}).then(res => { }).then(res => {
console.log(res.status, res.statusText); console.log(res.status, res.statusText);
if (res.ok) window.location.href = '/acl'; if (res.ok) window.location.href = '/acl';
else alert('Failed to create ACL entry'); else alert('Failed to update ACL entry');
}).catch(err => { }).catch(err => {
alert('Error: ' + err.message); alert('Error: ' + err.message);
}); });
}); });
</script> </script>
</body> </body>
</html>