Change to PW

src/components/Login.svelte

@@ -20,38 +20,34 @@
 <script lang="ts">
     import {l} from "../util/util.ts";
     import {t} from "astro-i18n";
+    import {get} from "svelte/store";
 
     let username = "";
-    let token = "";
+    let pw = "";
 
     let error = "";
 
     async function login() {
-        let {tokenStore} = await import("./repo/repo.ts");
-        if (username === "" || token === "") {
-            token = "";
+        let {tokenStore, authRepo} = await import("./repo/repo.ts");
+        if (username === "" || pw === "") {
+            pw = "";
             error = t("login.error");
             return;
         }
-        try {
-            let res = await fetch(import.meta.env.PUBLIC_API_SERVER + "/data/me", {
-                headers: {
-                    "Authorization": "Bearer " + token
-                }
-            }).then(res => res.json());
 
-            if (res.name !== username) {
+        try {
+            let auth = await get(authRepo).login(username, pw);
+            if (auth == undefined) {
+                pw = "";
                 error = t("login.error");
-                token = "";
                 return;
             }
 
-            tokenStore.set(token);
+            tokenStore.set(auth);
             window.location.href = l("/dashboard");
-        } catch (e) {
+        } catch (e: any) {
+            pw = "";
             error = t("login.error");
-            token = "";
-            return;
         }
     }
 </script>
@@ -61,11 +57,11 @@
     <div class="ml-2 flex flex-col">
         <label for="username">{t("login.label.username")}</label>
         <input type="text" id="username" name="username" placeholder={t("login.placeholder.username")} bind:value={username} />
-        <label for="token">{t("login.label.token")}</label>
-        <input type="password" id="token" name="token" placeholder={t("login.placeholder.token")} bind:value={token} />
+        <label for="password">{t("login.label.password")}</label>
+        <input type="password" id="password" name="password" placeholder={t("login.placeholder.password")} bind:value={pw} />
     </div>
     <p class="mt-2">
-        <a class="text-neutral-500 hover:underline" href={l("/token-erstellen")}>{t("login.generateToken")}</a></p>
+        <a class="text-neutral-500 hover:underline" href={l("/token-erstellen")}>{t("login.setPassword")}</a></p>
 
     {#if error}
         <p class="mt-2 text-red-500">{error}</p>