pocketbase/ui/src/components/settings/SettingsSidebar.svelte

97 lines
3.1 KiB
Svelte

<script>
import { link } from "svelte-spa-router";
import active from "svelte-spa-router/active";
import PageSidebar from "@/components/base/PageSidebar.svelte";
import { hideControls } from "@/stores/app";
</script>
<PageSidebar class="settings-sidebar">
<div class="sidebar-content">
<div class="sidebar-title">System</div>
<a href="/settings" class="sidebar-list-item" use:active={{ path: "/settings" }} use:link>
<i class="ri-home-gear-line" />
<span class="txt">Application</span>
</a>
<a
href="/settings/mail"
class="sidebar-list-item"
use:active={{ path: "/settings/mail/?.*" }}
use:link
>
<i class="ri-send-plane-2-line" />
<span class="txt">Mail settings</span>
</a>
<a
href="/settings/storage"
class="sidebar-list-item"
use:active={{ path: "/settings/storage/?.*" }}
use:link
>
<i class="ri-archive-drawer-line" />
<span class="txt">Files storage</span>
</a>
<a
href="/settings/backups"
class="sidebar-list-item"
use:active={{ path: "/settings/backups/?.*" }}
use:link
>
<i class="ri-archive-line" />
<span class="txt">Backups</span>
</a>
{#if !$hideControls}
<div class="sidebar-title">
<span class="txt">Sync</span>
</div>
<a
href="/settings/export-collections"
class="sidebar-list-item"
use:active={{ path: "/settings/export-collections/?.*" }}
use:link
>
<i class="ri-uninstall-line" />
<span class="txt">Export collections</span>
</a>
<a
href="/settings/import-collections"
class="sidebar-list-item"
use:active={{ path: "/settings/import-collections/?.*" }}
use:link
>
<i class="ri-install-line" />
<span class="txt">Import collections</span>
</a>
{/if}
<div class="sidebar-title">Authentication</div>
<a
href="/settings/auth-providers"
class="sidebar-list-item"
use:active={{ path: "/settings/auth-providers/?.*" }}
use:link
>
<i class="ri-lock-password-line" />
<span class="txt">Auth providers</span>
</a>
<a
href="/settings/tokens"
class="sidebar-list-item"
use:active={{ path: "/settings/tokens/?.*" }}
use:link
>
<i class="ri-key-line" />
<span class="txt">Token options</span>
</a>
<a
href="/settings/admins"
class="sidebar-list-item"
use:active={{ path: "/settings/admins/?.*" }}
use:link
>
<i class="ri-shield-user-line" />
<span class="txt">Admins</span>
</a>
</div>
</PageSidebar>