stats page

1 files changed, 25 insertions, 0 deletions

diff --git a/174bg/database/volumes/pocketbase/pb_hooks/views/stats.html b/174bg/database/volumes/pocketbase/pb_hooks/views/stats.html
new file mode 100644
index 0000000..b59c1a7
--- /dev/null
+++ b/174bg/database/volumes/pocketbase/pb_hooks/views/stats.html
@@ -0,0 +1,25 @@
+{{define "title"}}
+    stats
+{{end}}
+
+{{define "body"}}
+    <p id="timeDifference">Time Difference: {{.timeDifference}}</p>
+    <p id="withinThreshold">Within Threshold: {{.withinThreshold}}</p>
+
+    <script>
+        window.addEventListener("load", () => {
+            setInterval(fetchStats, 100);
+        });
+
+        async function fetchStats() {
+            let heartbeat = await fetch("/api/heartbeat");
+            heartbeat = await heartbeat.json();
+
+            const timeDifference = heartbeat.timeDifference;
+            const withinThreshold = heartbeat.withinThreshold;
+
+            document.getElementById("timeDifference").textContent = `Time Difference: ${timeDifference}`;
+            document.getElementById("withinThreshold").textContent = `Within Threshold: ${withinThreshold}`;
+        }
+    </script>
+{{end}}
\ No newline at end of file