From 23699abd686c1571f781c9b9824a7684ecb73320 Mon Sep 17 00:00:00 2001
From: sprechtl <sprechtl@htl-steyr.ac.at>
Date: Mon, 26 Sep 2022 01:02:45 +0200
Subject: [PATCH] Page logs you out if you arent logged in correctly

---
 frontend/svelte/src/models/PomeloUtils.ts | 18 ++++++++++++++
 frontend/svelte/src/routes/+page.svelte   | 29 +++++++++++++++++++++++
 2 files changed, 47 insertions(+)

diff --git a/frontend/svelte/src/models/PomeloUtils.ts b/frontend/svelte/src/models/PomeloUtils.ts
index 6cc8f6b..62c9903 100644
--- a/frontend/svelte/src/models/PomeloUtils.ts
+++ b/frontend/svelte/src/models/PomeloUtils.ts
@@ -1,3 +1,21 @@
+/**
+ * Capitalises first letter of string.
+ * @param str
+ */
 export function capitalizeFirstLetter(str: string) {
     return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+/**
+ * Fetches with applied bearer token.
+ * @param endpoint ex.: /users/me
+ * @param jwt Java Web Token used to authorize
+ * @param baseUrl Base Url of request
+ */
+export async function bearerFetch(endpoint: string, jwt: string, baseUrl: string = "http://localhost:1337/api") {
+    return await fetch(baseUrl + endpoint, {
+        headers: {
+            Authorization: `Bearer ${jwt}`
+        }
+    });
 }
\ No newline at end of file
diff --git a/frontend/svelte/src/routes/+page.svelte b/frontend/svelte/src/routes/+page.svelte
index 517b1b3..871b615 100644
--- a/frontend/svelte/src/routes/+page.svelte
+++ b/frontend/svelte/src/routes/+page.svelte
@@ -1,5 +1,34 @@
 <script lang="ts">
     import type {Note} from "../types";
+    import {onMount} from "svelte";
+    import {parseCookies} from "nookies";
+    import {bearerFetch} from "../models/PomeloUtils";
+    import {User} from "../models/user";
+
+    let user: User;
+
+
+    onMount(async () => {
+        const jwt = parseCookies("/").jwt;
+        let invalid = !jwt;
+
+        if (!invalid) {
+            const request = await bearerFetch("/users/me", jwt);
+            const response = await  request.json();
+
+            if ('error' in response){
+                invalid = true;
+            } else {
+                user = new User(response);
+            }
+        }
+
+        if (invalid) {
+            window.location = "/login";
+        }
+    });
+
+
 
     //TODO: TEMP!!!
     const tempJson = "[{\"id\":0,\"title\":\"samc\",\"content\":\"SAAAAAAAAAAMC\",\"lastOpened\":\"2022-09-25T10:45:49.903Z\"},{\"id\":1,\"title\":\"Push\",\"content\":\"Kollege Pusch\",\"lastOpened\":\"2022-09-25T10:50:49.903Z\"},{\"id\":2,\"title\":\"Mike\",\"content\":\"C Meister\",\"lastOpened\":\"2022-09-25T10:09:13.903Z\"},{\"id\":3,\"title\":\"kekw\",\"content\":\"OMEGALUL\",\"lastOpened\":\"2022-09-25T12:03:49.903Z\"}]";