w1cdn/spothole
1
0
Fork 0
mirror of https://git.ianrenton.com/ian/spothole.git synced 2025-10-27 08:49:27 +00:00
Code Issues 11 Packages Projects Releases Wiki Activity

Start of web interface

Browse Source
This commit is contained in:
Ian Renton
2025-09-27 16:03:48 +01:00
parent cf1798663d
commit 78871902ad
6 changed files with 59 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
webassets/index.html Normal file
View File

@@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>Spot tool</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-ui@1.13.2/dist/jquery-ui.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js"></script>
</head>
<body>
<div id="table-container"></div>
<script src="js/code.js"></script>
</body>
</html>

13
webassets/js/code.js Normal file
View File

@@ -0,0 +1,13 @@
$.getJSON('/api/spots', function(jsonData) {
let headers = Object.keys(jsonData[0]);
let table = $('<table>').append('<thead><tr></tr></thead><tbody></tbody>');
headers.forEach(header => table.find('thead tr').append(`<th>${header}</th>`));
jsonData.forEach(row => {
let $tr = $('<tr>');
headers.forEach(header => $tr.append(`<td>${row[header]}</td>`));
table.find('tbody').append($tr);
});
$('#table-container').html(table);
});