mirror of
https://github.com/maxdorninger/MediaManager.git
synced 2026-04-20 03:54:19 +02:00
119 lines
2.7 KiB
Svelte
119 lines
2.7 KiB
Svelte
<script lang="ts" module>
|
|
import { Clapperboard, Home, Info, LifeBuoy, Send, Settings, TvIcon } from 'lucide-svelte';
|
|
import { PUBLIC_VERSION } from '$env/static/public';
|
|
|
|
const data = {
|
|
navMain: [
|
|
{
|
|
title: 'Dashboard',
|
|
url: '/dashboard',
|
|
icon: Home,
|
|
isActive: true
|
|
},
|
|
{
|
|
title: 'TV',
|
|
url: '/dashboard/tv',
|
|
icon: TvIcon,
|
|
isActive: true,
|
|
items: [
|
|
{
|
|
title: 'Add a show',
|
|
url: '/dashboard/tv/add-show'
|
|
},
|
|
{
|
|
title: 'Torrents',
|
|
url: '/dashboard/tv/torrents'
|
|
},
|
|
{
|
|
title: 'Requests',
|
|
url: '/dashboard/tv/requests'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: 'Movies',
|
|
url: '/dashboard/movies',
|
|
icon: Clapperboard,
|
|
isActive: true,
|
|
items: [
|
|
{
|
|
title: 'Add a movie',
|
|
url: '/dashboard/movies/add-movie'
|
|
},
|
|
{
|
|
title: 'Torrents',
|
|
url: '/dashboard/movies/torrents'
|
|
},
|
|
{
|
|
title: 'Requests',
|
|
url: '/dashboard/movies/requests'
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: 'Settings',
|
|
url: '/dashboard/settings',
|
|
icon: Settings,
|
|
isActive: true
|
|
}
|
|
],
|
|
navSecondary: [
|
|
{
|
|
title: 'Support',
|
|
url: 'https://github.com/maxdorninger/MediaManager/issues',
|
|
icon: LifeBuoy
|
|
},
|
|
{
|
|
title: 'Feedback',
|
|
url: 'https://github.com/maxdorninger/MediaManager/issues',
|
|
icon: Send
|
|
},
|
|
{
|
|
title: 'About',
|
|
url: '/dashboard/about',
|
|
icon: Info
|
|
}
|
|
]
|
|
};
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import NavMain from '$lib/components/nav-main.svelte';
|
|
import NavSecondary from '$lib/components/nav-secondary.svelte';
|
|
import NavUser from '$lib/components/nav-user.svelte';
|
|
import * as Sidebar from '$lib/components/ui/sidebar/index.js';
|
|
import type { ComponentProps } from 'svelte';
|
|
import logo from '$lib/images/logo.svg';
|
|
import { base } from '$app/paths';
|
|
|
|
let { ref = $bindable(null), ...restProps }: ComponentProps<typeof Sidebar.Root> = $props();
|
|
</script>
|
|
|
|
<Sidebar.Root {...restProps} bind:ref variant="inset">
|
|
<Sidebar.Header>
|
|
<Sidebar.Menu>
|
|
<Sidebar.MenuItem>
|
|
<Sidebar.MenuButton size="lg">
|
|
{#snippet child({ props })}
|
|
<a href="{base}/dashboard" {...props}>
|
|
<img class="size-12" src={logo} alt="Media Manager Logo" />
|
|
<div class="grid flex-1 text-left text-sm leading-tight">
|
|
<span class="truncate font-semibold">Media Manager</span>
|
|
<span class="truncate text-xs">{PUBLIC_VERSION}</span>
|
|
</div>
|
|
</a>
|
|
{/snippet}
|
|
</Sidebar.MenuButton>
|
|
</Sidebar.MenuItem>
|
|
</Sidebar.Menu>
|
|
</Sidebar.Header>
|
|
<Sidebar.Content>
|
|
<NavMain items={data.navMain} />
|
|
<!-- <NavProjects projects={data.projects}/> -->
|
|
<NavSecondary class="mt-auto" items={data.navSecondary} />
|
|
</Sidebar.Content>
|
|
<Sidebar.Footer>
|
|
<NavUser />
|
|
</Sidebar.Footer>
|
|
</Sidebar.Root>
|