Test
This commit is contained in:
parent
a986654332
commit
aa13c1ffbb
|
@ -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
|
||||||
|
|
|
@ -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>
|
Loading…
Reference in a new issue