update instancejson more

MY HEAD HURTS NOW ;( . . more work Finish rewrite all finished
2024-09-16 19:11:05 -05:00 · 2024-09-16 19:11:05 -05:00 · 758bd7cc7a
commit 758bd7cc7a
parent 3a61417de2
113 changed files with 12520 additions and 20427 deletions
--- a/src/webpage/home.ts
+++ b/src/webpage/home.ts
@ -0,0 +1,89 @@
+import { mobile } from "./login.js";
+console.log(mobile);
+const serverbox = document.getElementById("instancebox") as HTMLDivElement;
+
+fetch("/instances.json")
+  .then((_) => _.json())
+  .then(
+    (
+      json: {
+        name: string;
+        description?: string;
+        descriptionLong?: string;
+        image?: string;
+        url?: string;
+        display?: boolean;
+        online?: boolean;
+        uptime: { alltime: number; daytime: number; weektime: number };
+        urls: {
+          wellknown: string;
+          api: string;
+          cdn: string;
+          gateway: string;
+          login?: string;
+        };
+      }[]
+    ) => {
+      console.warn(json);
+      for (const instance of json) {
+        if (instance.display === false) {
+          continue;
+        }
+        const div = document.createElement("div");
+        div.classList.add("flexltr", "instance");
+        if (instance.image) {
+          const img = document.createElement("img");
+          img.src = instance.image;
+          div.append(img);
+        }
+        const statbox = document.createElement("div");
+        statbox.classList.add("flexttb");
+
+        {
+          const textbox = document.createElement("div");
+          textbox.classList.add("flexttb", "instatancetextbox");
+          const title = document.createElement("h2");
+          title.innerText = instance.name;
+          if (instance.online !== undefined) {
+            const status = document.createElement("span");
+            status.innerText = instance.online ? "Online" : "Offline";
+            status.classList.add("instanceStatus");
+            title.append(status);
+          }
+          textbox.append(title);
+          if (instance.description || instance.descriptionLong) {
+            const p = document.createElement("p");
+            if (instance.descriptionLong) {
+              p.innerText = instance.descriptionLong;
+            } else if (instance.description) {
+              p.innerText = instance.description;
+            }
+            textbox.append(p);
+          }
+          statbox.append(textbox);
+        }
+        if (instance.uptime) {
+          const stats = document.createElement("div");
+          stats.classList.add("flexltr");
+          const span = document.createElement("span");
+          span.innerText = `Uptime: All time: ${Math.round(
+            instance.uptime.alltime * 100
+          )}% This week: ${Math.round(
+            instance.uptime.weektime * 100
+          )}% Today: ${Math.round(instance.uptime.daytime * 100)}%`;
+          stats.append(span);
+          statbox.append(stats);
+        }
+        div.append(statbox);
+        div.onclick = (_) => {
+          if (instance.online) {
+            window.location.href =
+              "/register.html?instance=" + encodeURI(instance.name);
+          } else {
+            alert("Instance is offline, can't connect");
+          }
+        };
+        serverbox.append(div);
+      }
+    }
+  );