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-08-31 23:26:26 -06:00
parent 78cdf093ef
commit 0c672e717a
1 changed files with 51 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
views/event-logs.ejs
View file

@ -1,5 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<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">
@ -11,6 +12,7 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.container { .container {
/* max-width: 900px; */ /* max-width: 900px; */
margin: 40px auto; margin: 40px auto;
@ -19,25 +21,31 @@
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
} }
h1 { h1 {
text-align: center; text-align: center;
margin-bottom: 32px; margin-bottom: 32px;
color: #333; color: #333;
} }
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-bottom: 16px; margin-bottom: 16px;
} }
th, td {
th,
td {
padding: 12px 8px; padding: 12px 8px;
border-bottom: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
text-align: left; text-align: left;
} }
th { th {
background: #f0f0f0; background: #f0f0f0;
color: #444; color: #444;
} }
tr:hover { tr:hover {
background: #f9f9f9; background: #f9f9f9;
} }
@ -76,7 +84,9 @@
<td>${log.EventIndex}</td> <td>${log.EventIndex}</td>
<td>${formattedDate}</td> <td>${formattedDate}</td>
<td>${eventTypes[log.Type] || log.Type}</td> <td>${eventTypes[log.Type] || log.Type}</td>
<td>${log.Granted ? "True" : "False"}</td> <td style="${log.Type === 1 ? `background:${log.Granted ? '#c8f7c5' : '#f7c5c5'};` : ''}">
${log.Granted ? "True" : "False"}
</td>
<td>${log.Door}</td> <td>${log.Door}</td>
<td>${directions[log.Direction] || log.Direction}</td> <td>${directions[log.Direction] || log.Direction}</td>
<td>${log.CardNumber}</td> <td>${log.CardNumber}</td>
@ -98,6 +108,7 @@
}; };
</script> </script>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<h1>Event Log Viewer</h1> <h1>Event Log Viewer</h1>
@ -118,12 +129,14 @@
<tbody> <tbody>
<% logs.forEach(function(log) { %> <% logs.forEach(function(log) { %>
<tr> <tr>
<td><%= log.Controller %></td>
<td><%= log.EventIndex %></td>
<td> <td>
<% <%= log.Controller %>
const date = new Date(log.Timestamp); </td>
const pad = n => n.toString().padStart(2, '0'); <td>
<%= log.EventIndex %>
</td>
<td>
<% const date=new Date(log.Timestamp); const pad=n=> n.toString().padStart(2, '0');
const yyyy = date.getFullYear(); const yyyy = date.getFullYear();
const mm = pad(date.getMonth() + 1); const mm = pad(date.getMonth() + 1);
const dd = pad(date.getDate()); const dd = pad(date.getDate());
@ -135,16 +148,29 @@
%> %>
<%= `${yyyy}-${mm}-${dd} ${HH}:${MM}:${ss} ${tz}` %> <%= `${yyyy}-${mm}-${dd} ${HH}:${MM}:${ss} ${tz}` %>
</td> </td>
<td><%= dataTypes.EventType[log.Type] %></td> <td>
<td><%= log.Granted ? "True" : "False" %></td> <%= dataTypes.EventType[log.Type] %>
<td><%= log.Door %></td> </td>
<td><%= dataTypes.Direction[log.Direction] %></td> <td style="<%= log.Type === 1 ? `background:${log.Granted ? '#c8f7c5' : '#f7c5c5'};` : '' %>">
<td><%= log.CardNumber %></td> <%= log.Granted ? "True" : "False" %>
<td><%= dataTypes.EventReason[log.Reason] %></td> </td>
<td>
<%= log.Door %>
</td>
<td>
<%= dataTypes.Direction[log.Direction] %>
</td>
<td>
<%= log.CardNumber %>
</td>
<td>
<%= dataTypes.EventReason[log.Reason] %>
</td>
</tr> </tr>
<% }); %> <% }); %>
</tbody> </tbody>
</table> </table>
</div> </div>
</body> </body>
</html> </html>