portfu_admin 1.3.0

Library of Admin tools build on toip of Portfu
Documentation 
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

<script>
    import { contentTab } from '$lib/stores.js';
    import FileEditor from "../components/FileEditor.svelte";
    import FileManager from "../components/FileManager.svelte";
    import Profile from "../components/Profile.svelte";
    import BlogEditor from "../components/BlogEditor.svelte";
    import DatabaseEditor from "../components/DatabaseEditor.svelte";
    import Home from "../components/Home.svelte";
    import UserManager from "../components/UserManager.svelte";
    // Initialize the contentTab store
    import { onMount } from 'svelte';
    onMount(() => {
        contentTab.set('HM');
    });
</script>

<div class="content">
    {#if $contentTab === 'HM'}
        <Home />
    {:else if $contentTab === 'FE'}
        <FileEditor />
    {:else if $contentTab === 'FM'}
        <FileManager />
    {:else if $contentTab === 'DE'}
        <DatabaseEditor />
    {:else if $contentTab === 'BE'}
        <BlogEditor />
    {:else if $contentTab === 'AC'}
        <Profile />
    {:else if $contentTab === 'UM'}
        <UserManager />
    {:else}
        <div>Select a tab to display content.</div>
    {/if}
</div>

<style>
    div.content {
        display: flex;
        min-height: 88.5vh;
        padding: 30px 10px;
    }
</style>