Create

2025-12-12 22:00:48 +01:00
commit 04d4a94b50
37 changed files with 1336 additions and 0 deletions
@@ -0,0 +1,28 @@
+var form = null
+
+async function submit(e) {
+    e.preventDefault()
+
+    const formData = new FormData(form)
+
+    try {
+        const response = await fetch("https://example.org/post", {
+            method: "POST",
+            body: formData,
+        })
+
+        const data = await response.json()
+
+        window.sessionStorage.setItem("user", data.user)
+        window.sessionStorage.setItem("session", data.session)
+
+        window.location.assign("/");
+    } catch (e) {
+        console.error(e);
+    }
+}
+
+window.onload = () => {
+    form = document.getElementById("login-form")
+    form.addEventListener("submit", submit)
+}
@@ -0,0 +1,26 @@
+/** @type {HTMLElement} */
+var serverList
+
+window.onload = () => {
+    serverList = document.getElementById("server-list")
+    loadServerList()
+}
+
+async function loadServerList() {
+    serversResponse = await fetch("/api/servers", {
+        method: "POST",
+        body: JSON.stringify({
+            token: window.sessionStorage.getItem("session")
+        })
+    })
+
+
+}
+
+function addServerElement(name) {
+    const container = new HTMLDivElement()
+    const nameHeader = new HTMLHeadingElement()
+    nameHeader.textContent = name
+    container.appendChild(nameHeader)
+    document.appendChild(container)
+}
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link href="style.css" rel="stylesheet">
+    <script src="js/login.js"></script>
+</head>
+<body>
+    <div class="fixed-center">
+        <h1>Login</h1>
+        <form id="login-form">
+            <table>
+                <tr>
+                    <td><label for="username">Username</label></td>
+                    <td><input autocomplete="username" type="text" id="username"></td>
+                </tr>
+                <tr>
+                    <td><label for="password">Password</label></td>
+                    <td><input autocomplete="current-password" type="password" id="password"></td>
+                </tr>
+            </table>
+            <button type="submit">Login</button>
+        </form>
+    </div>
+</body>
+</html>
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Title</title>
+    <link href="style.css" rel="stylesheet">
+    <script src="js/server-list-insert.js"></script>
+</head>
+!!!file header.html!!!
+<body>
+<div class="center" id="server-list">
+
+</div>
+</body>
+</html>
@@ -0,0 +1,15 @@
+body {
+    margin: 0;
+}
+
+.center {
+
+}
+
+.fixed-center {
+    margin: 0;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}