Files
gpx.studio/website/src/routes/[...language]/help/+layout.svelte

38 lines
1.3 KiB
Svelte
Raw Normal View History

2024-07-08 22:43:50 +02:00
<script lang="ts">
import { Button } from '$lib/components/ui/button';
import { getURLForLanguage } from '$lib/utils';
import { locale } from 'svelte-i18n';
import DocsLoader from '$lib/components/docs/DocsLoader.svelte';
let guides: Record<string, string[]> = {
'getting-started': [],
menu: ['file', 'edit', 'view', 'settings'],
toolbar: ['routing', 'poi', 'scissors', 'time', 'merge', 'extract', 'reduce', 'clean'],
'map-controls': []
};
</script>
<div class="p-12 flex flex-row gap-24">
<div class="hidden md:flex flex-col gap-1 w-40">
{#each Object.keys(guides) as guide}
<Button
variant="link"
href={getURLForLanguage(`/[...language]/help/${guide}`, $locale)}
class="h-6 p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start"
>
<DocsLoader path={`${guide}.svx`} titleOnly={true} />
</Button>
{#each guides[guide] as subGuide}
<Button
variant="link"
href={getURLForLanguage(`/[...language]/help/${guide}/${subGuide}`, $locale)}
class="h-6 p-0 w-fit text-muted-foreground hover:text-foreground hover:no-underline font-normal hover:font-semibold items-start ml-3"
>
<DocsLoader path={`${guide}/${subGuide}.svx`} titleOnly={true} />
</Button>
{/each}
{/each}
</div>
<slot />
</div>