soruh/centralex
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

refactors

Browse Source
This commit is contained in:
soruh
2023-06-11 02:39:01 +02:00
parent ccb0ce87e1
commit 50fa67409c
9 changed files with 76 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/index.html
View File

@@ -9,6 +9,9 @@
</head>
<body>
<p id="last_update" />
<pre id="data"></pre>
<list id="list" />
</body>

4
web/main.css
View File

@@ -1,3 +1,3 @@
.body {
background-color: gray;
body {
background-color: #eee;
}

8
web/main.js
View File

@@ -1,19 +1,25 @@
window.onload = () => {
const evtSource = new EventSource("/events");
const data = document.getElementById("data");
const last_update = document.getElementById("last_update");
evtSource.addEventListener("change", event => {
console.log(event);
last_update.innerText = `last update at ${new Date(+event.data * 1000)}`;
const newElement = document.createElement("li");
const eventList = document.getElementById("list");
newElement.textContent = `change at ${+event.data}`;
eventList.appendChild(newElement);
fetch("/data").then(res => res.json().then(res => console.log(res)));
fetch("/data").then(res => res.json().then(res => data.innerText = JSON.stringify(res, null, 1)));
});
evtSource.addEventListener("ping", event => {
console.log(event);
last_update.innerText = `last update at ${new Date(+event.data * 1000)}`;
const newElement = document.createElement("li");
const eventList = document.getElementById("list");
newElement.textContent = `ping at ${+event.data}`;