Enable CORS for dashboard

2026-07-28 18:29:19 +00:00
--- a/dashboard/index.html
+++ b/dashboard/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <title>Ghaymah SRE Dashboard</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+<h1>Ghaymah SRE Dashboard</h1>
+
+
+<div class="card">
+
+    <h2>Status</h2>
+    <p id="status">Checking...</p>
+
+
+    <h2>Response Time</h2>
+    <p id="response">-</p>
+
+
+    <h2>Total Requests</h2>
+    <p id="requests">-</p>
+
+</div>
+
+
+<script src="script.js"></script>
+
+</body>
+
+</html>
--- a/dashboard/script.js
+++ b/dashboard/script.js
@@ -0,0 +1,67 @@
+const API_URL =
+"https://ghaymah-sre-api-20e343cababc.hosted.ghaymah.systems";
+
+
+async function checkApplication(){
+
+    try {
+
+        let start = Date.now();
+
+
+        let healthResponse =
+            await fetch(API_URL + "/health");
+
+
+        let end = Date.now();
+
+
+        let responseTime =
+            end - start;
+
+
+
+        let statsResponse =
+            await fetch(API_URL + "/stats");
+
+
+        let stats =
+            await statsResponse.json();
+
+
+
+        document.getElementById("status").innerHTML =
+            healthResponse.ok ? "UP" : "DOWN";
+
+
+        document.getElementById("response").innerHTML =
+            responseTime + " ms";
+
+
+        document.getElementById("requests").innerHTML =
+            stats.requests;
+
+
+
+    }
+
+    catch(error){
+
+        document.getElementById("status").innerHTML =
+            "DOWN";
+
+        console.log(error);
+
+    }
+
+}
+
+
+
+checkApplication();
+
+
+setInterval(
+    checkApplication,
+    30000
+);
--- a/dashboard/style.css
+++ b/dashboard/style.css
@@ -0,0 +1,32 @@
+body {
+
+    font-family: Arial, sans-serif;
+    text-align: center;
+    background: #f4f4f4;
+
+}
+
+
+h1 {
+
+    margin-top: 40px;
+
+}
+
+
+.card {
+
+    background: white;
+    width: 350px;
+    margin: 40px auto;
+    padding: 25px;
+    border-radius: 10px;
+
+}
+
+
+p {
+
+    font-size: 22px;
+
+}