From 0aab082b1730f28b63206babe6f28509d22d6262 Mon Sep 17 00:00:00 2001
From: Nicolai Ort <info@nicolai-ort.com>
Date: Wed, 18 Aug 2021 16:50:46 +0200
Subject: [PATCH] Added basic login call logic

---
 src/lib/Apiclient.js                          | 11 +++++++++++
 src/routes/login/__layout.reset.svelte        |  7 +++++++
 .../{login.svelte => login/index.svelte}      | 19 +++++++++++++++++--
 3 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/login/__layout.reset.svelte
 rename src/routes/{login.svelte => login/index.svelte} (77%)

diff --git a/src/lib/Apiclient.js b/src/lib/Apiclient.js
index 51d71d6..e739e94 100644
--- a/src/lib/Apiclient.js
+++ b/src/lib/Apiclient.js
@@ -43,4 +43,15 @@ export default class Apiclient {
 			})
 		).status;
 	}
+
+	static async login(username, password) {
+		return (
+			await axios.post(`https://kauft.es/api/auth/login`, {
+				auth: {
+					username,
+					password
+				}
+			})
+		).data;
+	}
 }
diff --git a/src/routes/login/__layout.reset.svelte b/src/routes/login/__layout.reset.svelte
new file mode 100644
index 0000000..2478b25
--- /dev/null
+++ b/src/routes/login/__layout.reset.svelte
@@ -0,0 +1,7 @@
+<script>
+	import '../../app.postcss';
+</script>
+
+<div class="bg-white dark:bg-gray-800 h-screen">
+	<slot />
+</div>
diff --git a/src/routes/login.svelte b/src/routes/login/index.svelte
similarity index 77%
rename from src/routes/login.svelte
rename to src/routes/login/index.svelte
index 8f501b9..da73694 100644
--- a/src/routes/login.svelte
+++ b/src/routes/login/index.svelte
@@ -1,7 +1,20 @@
 <script>
+import Apiclient from '$lib/Apiclient';
+
 	import UserStore from '$lib/UserStore';
 
-	$: logged_in = $UserStore.isLoggedIn;
+	$: username = "";
+	$: password = "";
+
+	async function login() {
+		let login = await Apiclient.login(username, password);
+		if (login.status != 200 && login.status != 201) {
+			error = login.message;
+		} else {
+			UserStore.login(login);
+			location.replace("/");
+		}
+	}
 </script>
 
 <div class="w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-md dark:bg-gray-800">
@@ -21,6 +34,7 @@
 					type="text"
 					placeholder="Username"
 					aria-label="Username"
+					value={username}
 				/>
 			</div>
 
@@ -30,11 +44,12 @@
 					type="password"
 					placeholder="Password"
 					aria-label="Password"
+					value={password}
 				/>
 			</div>
 
 			<div class="flex items-center justify-between mt-4">
-				<button
+				<button on:click={login}
 					class="px-4 py-2 leading-5 text-white transition-colors duration-200 transform bg-gray-700 rounded hover:bg-gray-600 focus:outline-none"
 					type="button"
 				>