From 39134b5229c2408618284d5f9fcfc89120e03d94 Mon Sep 17 00:00:00 2001
From: Raine <raine@ixvd.net>
Date: Mon, 16 Oct 2023 01:35:06 +0200
Subject: [PATCH] feat: realtime services

---
 public/index.html         | 11 +++++------
 public/obj/css/main.css   | 14 ++++++++++++++
 public/obj/js/services.js | 30 ++++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 6 deletions(-)
 create mode 100644 public/obj/js/services.js
diff --git a/public/index.html b/public/index.html
index 79288a9..1bf8def 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,17 +6,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>IXVD - Home</title>
     <link rel="stylesheet" href="/obj/css/main.css">
+    <script src="obj/js/services.js" defer></script>
 </head>
 <body>
     <main>
         <h1>IXVD</h1>
         <p>Home of people that love software, games and developing!</p>
-        <div>
-            <h2>Links</h2>
-            <div id="links">
-                <a href="//pad.ixvd.net">IXVD's cryptpad</a>
-                <a href="//git.ixvd.net">IXVD's git server</a>
-                <a href="//s.ixvd.net">IXVD's status page</a>
+        <div id="services">
+            <h2>Services</h2>
+            <div id="service-holder">
+                Nothing (yet)!
             </div>
         </div>
         <br/>
diff --git a/public/obj/css/main.css b/public/obj/css/main.css
index f201cde..0b4361f 100644
--- a/public/obj/css/main.css
+++ b/public/obj/css/main.css
@@ -23,6 +23,20 @@ main {
     background-color: #fff;
 }
 
+#service-holder {
+    display: flex;
+    flex-direction: column;
+}
+
+#service-holder .service {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+}
+
+#service-holder .service > .service-status {
+    text-align: right;
+}
+
 a {
     color: #000;
     transition: 0.5s all;
diff --git a/public/obj/js/services.js b/public/obj/js/services.js
new file mode 100644
index 0000000..7fc15bc
--- /dev/null
+++ b/public/obj/js/services.js
@@ -0,0 +1,30 @@
+const SERVICE_BLACKLIST = [
+    'ixvd.net',
+    'proxy',
+    '2d.neo.ixvd.net',
+    'pad.sandbox.neo.ixvd.net',
+];
+
+const serviceHolderDiv = document.querySelector('#service-holder');
+
+async function update() {
+    serviceHolderDiv.innerHTML = 'Loading...';
+    let fetchResult = await (await fetch('https://s.ixvd.net/api/v1/endpoints/statuses')).json()
+    serviceHolderDiv.innerHTML = '';
+
+    fetchResult.forEach(s => {
+        if (!s.results || s.results.length === 0) return;
+        let service = s.results[0];
+        if (service.hostname && !SERVICE_BLACKLIST.includes(service.hostname) && service.status === 200) {
+            let serviceDiv = document.createElement('div');
+            serviceDiv.classList.add('service');
+            serviceDiv.innerHTML = `
+                <span class="service-name"><a href="https://${service.hostname}" target="_blank" style="color: #de4aff">${service.hostname}</a></span>
+                <span class="service-status"><b style="color: ${service.success ? '#4f4' : 'red'}">${service.success ? 'Online' : 'Offline'}</b></span>
+            `;
+            serviceHolderDiv.appendChild(serviceDiv);
+        }
+    })
+}
+
+update();
\ No newline at end of file
