feat: a whole lot of stuff

2021-12-11 12:01:36 +01:00
parent a2f22843ee
commit eba1a4543f
10 changed files with 428 additions and 36 deletions
--- a/src/pages/Dash.svelte
+++ b/src/pages/Dash.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+    import { Container, Col, Row, TabContent, TabPane, Card } from 'sveltestrap';
+    import { navigate, useLocation } from "svelte-navigator";
+    import { currentUser, loggedIn } from '../stores';
+    
+    import PrivateSystem from '../lib/cards/PrivateSystem.svelte';
+    import PKAPI from '../api';
+    import type Sys from '../api/system';
+
+    let location = useLocation();
+
+    let tabPane = $location.state && $location.state.tab;
+
+    if (tabPane === undefined) {
+        tabPane = "system";
+    }
+
+    let current;
+    currentUser.subscribe(value => {
+        current = value;
+    });
+
+    if (!current) {
+        login(localStorage.getItem("pk-token"));
+    }
+
+    let user = current !== null ? current : JSON.parse(localStorage.getItem("pk-user"));
+
+    if (!localStorage.getItem("pk-token") && !user) {
+        navigate("/");
+    }
+
+    async function login(token: string) {
+        const api = new PKAPI();
+        try {
+            if (!token) {
+                throw new Error("Token cannot be empty.")
+            }
+            const res: Sys = await api.getSystem({token: token});
+            localStorage.setItem("pk-token", token);
+            localStorage.setItem("pk-user", JSON.stringify(res));
+            loggedIn.update(() => true);
+            currentUser.update(() => res);
+            user = res;
+        } catch (error) {
+            console.log(error);
+            localStorage.removeItem("pk-token");
+            localStorage.removeItem("pk-user");
+            currentUser.update(() => null);
+            navigate("/");
+        }
+    }
+    
+</script>
+
+{#if user && user.banner}
+<div class="banner" style="background-image: url({user.banner})" />
+{/if}
+<Container>
+    <Row>
+        <Col class="mx-auto" xs={12} lg={9}>
+            <TabContent class="mt-3">
+                <TabPane tabId="system" tab="System" active={tabPane === "system"}>
+                    <Card style="border-radius: 0; border: none;">
+                        <PrivateSystem bind:user={user}/>
+                    </Card>
+                </TabPane>
+                <TabPane tabId="members" tab="Members" active={tabPane === "members"}>
+                    <Card style="border-radius: 0; border: none;">
+                        alo
+                    </Card>
+                </TabPane> 
+            </TabContent>
+        </Col>
+    </Row>
+</Container>
+
+<svelte:head>
+    <title>pk-webs | dash</title>
+</svelte:head>