Everything till generating empty game board

1 files changed, 26 insertions, 27 deletions

diff --git a/frontend/ts/login.ts b/frontend/ts/login.ts
index 5b09e89..ec4defa 100644
--- a/frontend/ts/login.ts
+++ b/frontend/ts/login.ts
@@ -1,35 +1,34 @@
-import { json } from "express";
-import startGame from "./startGame.js";
-// import { Data, Color } from "../../helpers/helpers.js";
+import StartGame from "./startGame.js";
+import Helpers from "../../helpers/helpers.js";
 
-let html = /* html */ `
+class Login {
+  static html = /* html */ `
 	<div class="container text-center fs-1" style="margin-top: 45vh;">
   	<label for="username">Vad heter du?</label>
-    <input type="text" name="username" required>
-		<button type="button" class="btn btn-light btn-lg" onclick="login">Starta spelet</button>
+    <input type="text" name="username" value="maks" required>
+		<button type="button" class="btn btn-light btn-lg" onclick="Login.login">Starta spelet</button>
   </div>
 `;
 
-async function login(username = "") {
-  if (username === "")
-    username = document.getElementsByTagName("input")[0].value;
-  let res = await fetch("/login", {
-    method: "POST",
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({ name: username })
-  });
-  startGame(await res.json());
-}
+  static async start() {
+    let res = await (await fetch("/startPoint")).json();
+    if (res.status === true) {
+      new StartGame(JSON.parse(res.data[0].data));
+    } else {
+      document.body.innerHTML = Login.html;
+      document.getElementsByTagName("button")[0].onclick = () => Login.login();
+
+      // !!
+      document.getElementsByTagName("button")[0].click();
+    }
+  }
 
-(async () => {
-  let res = await (await fetch("/startPoint")).json();
-  if (res.status === true) {
-    startGame(JSON.parse(res.data[0].data));
-  } else {
-    document.body.innerHTML = html;
-    document.getElementsByTagName("button")[0].onclick = () => login();
+  static async login(username = "") {
+    if (username === "")
+      username = document.getElementsByTagName("input")[0].value;
+    
+    let res = await Helpers.mFetch("/login", { name: username });
+    new StartGame(await res.json());
   }
-})()
\ No newline at end of file
+}
+Login.start();
\ No newline at end of file