blob: b9b9829ddc42368bb3ce1928b3896e3039a7e413 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
<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 {UserIcon, UsersIcon, WatchIcon} from "svelte-feather-icons";
let showUsers = true;
const session = get_session_data();
</script>
<Layout>
<div class="grid gap-md">
<div class="row">
<h1 class="margin-bottom-xs">Hello {session.profile?.username}</h1>
<p>This is your portal to Greatoffice, here you will find all your great apps and management options.</p>
</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"
target="_blank"
title="Open Projects in a new tab"
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>
</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 information"
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="Users"
description="Manage your users"
title="Go to your users management page"
text="Open"
href="{projects_base()}">
<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>
|
