1 files changed, 103 insertions, 0 deletions
diff --git a/old-apps/portal/src/app/pages/home.svelte b/old-apps/portal/src/app/pages/home.svelte
new file mode 100644
index 0000000..0e325ee
--- /dev/null
+++ b/old-apps/portal/src/app/pages/home.svelte
@@ -0,0 +1,103 @@
+<script>
+	import {projects_base} from "$shared/lib/configuration";
+	import {get_session_data} from "$shared/lib/session";
+	import {push} from "svelte-spa-router";
+	import Layout from "./_layout@loggedin.svelte";
+	import LinkCard from "$shared/components/link-card.svelte";
+    import Alert from "$shared/components/alert.svelte";
+	import {UserIcon, UsersIcon, WatchIcon, SendIcon, ListIcon} from "svelte-feather-icons";
+
+	let showUsers = true;
+	const session = get_session_data();
+</script>
+
+<Layout>
+    <div class="grid gap-md">
+        <div class="row">
+            <Alert closeable="true"
+                   closeableCooldown="~"
+                   id="welcome-note"
+                   title="Hello {session.profile?.username}" 
+                   message="This is your portal to Greatoffice, here you will find all your great apps and management options."/>
+        </div>
+        <div class="row">
+            <h2 class="margin-bottom-xs">Apps</h2>
+            <div class="grid-auto-md gap-sm">
+                <LinkCard name="Projects"
+                          description="The home for your projects"
+                          text="Open in a new tab"
+                          title="Open Projects"
+                          href="{projects_base()}">
+                    <figure slot="icon">
+                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
+                            <WatchIcon size="42"
+                                       class="color-primary"
+                                       strokeWidth="1.2"/>
+                        </div>
+                    </figure>
+                </LinkCard>
+                <LinkCard name="Tickets"
+                          description="The home for your tickets"
+                          class="c-disabled user-select-none"
+                          text="Coming soon"
+                          title="Open Tickets"
+                          href="{projects_base()}">
+                    <figure slot="icon">
+                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
+                            <SendIcon size="42"
+                                       class="color-primary"
+                                       strokeWidth="1.2"/>
+                        </div>
+                    </figure>
+                </LinkCard>
+                <LinkCard name="Todo"
+                          description="The home for your todos"
+                          class="c-disabled user-select-none"
+                          text="Coming soon"
+                          title="Open Todo"
+                          href="{projects_base()}">
+                    <figure slot="icon">
+                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
+                            <ListIcon size="42"
+                                       class="color-primary"
+                                       strokeWidth="1.2"/>
+                        </div>
+                    </figure>
+                </LinkCard>
+            </div>
+        </div>
+        <div class="row">
+            <h2 class="margin-bottom-xs">Manage</h2>
+            <div class="grid-auto-md gap-sm">
+                <LinkCard name="Profile"
+                          description="Manage your profile"
+                          text="Open"
+                          title="Go to your profile management page"
+                          on:click={() => push("/profile")}>
+                    <figure slot="icon">
+                        <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
+                            <UserIcon size="42"
+                                      class="color-primary"
+                                      strokeWidth="1.2"/>
+                        </div>
+                    </figure>
+                </LinkCard>
+                {#if showUsers}
+                    <LinkCard name="Organisation"
+                              description="Manage your organisation"
+                              title="Go to your organisations management page"
+                              text="Open"
+                              on:click={() => push("/admin")}>
+                        <figure slot="icon">
+                            <div class="bg-primary bg-opacity-10% padding-xs border-left border-primary border-2">
+                                <UsersIcon size="42"
+                                           class="color-primary"
+                                           strokeWidth="1.2"/>
+                            </div>
+                        </figure>
+                    </LinkCard>
+                {/if}
+            </div>
+        </div>
+    </div>
+</Layout>