65 lines
1.8 KiB
Svelte
65 lines
1.8 KiB
Svelte
<script lang="ts" context="module">
|
|
export const load: Load = async () => {
|
|
const settings = await browseSettings();
|
|
|
|
return {
|
|
props: {
|
|
header: settings.codeinjection_head,
|
|
footer: settings.codeinjection_foot
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
|
|
<script lang="ts">
|
|
import { navigating } from '$app/stores';
|
|
import { goto } from '$app/navigation';
|
|
import { browseSettings } from '$lib/content/contentApi';
|
|
|
|
import Base from '@damillora/plachta/components/Base/Base.svelte';
|
|
import Footer from '@damillora/plachta/components/Footer/Footer.svelte';
|
|
import Header from '@damillora/plachta/components/Header/Header.svelte';
|
|
import NavDarkMode from '@damillora/plachta/components/Nav/NavDarkMode.svelte';
|
|
import NavMenu from '@damillora/plachta/components/Nav/NavMenu.svelte';
|
|
import NavSearch from '@damillora/plachta/components/Nav/NavSearch.svelte';
|
|
import NavigationLoading from '@damillora/plachta/components/NavigationLoading/NavigationLoading.svelte';
|
|
import type { Load } from '@sveltejs/kit';
|
|
|
|
const doSearch = (e: any) => {
|
|
if (e.detail.query) {
|
|
goto('/search?q=' + e.detail.query, { replaceState: true, keepfocus: true });
|
|
} else {
|
|
goto('/', { replaceState: true, keepfocus: true });
|
|
}
|
|
};
|
|
|
|
export let header = '';
|
|
export let footer = '';
|
|
let loading = true;
|
|
navigating.subscribe((x) => (loading = x != null));
|
|
</script>
|
|
|
|
<svelte:head>
|
|
{@html header}
|
|
</svelte:head>
|
|
<Base>
|
|
<Header>
|
|
<svelte:fragment slot="title">
|
|
<a href="/"> <strong>Damillora</strong>'s Virtual Memoir </a>
|
|
</svelte:fragment>
|
|
<svelte:fragment slot="nav">
|
|
<NavMenu label="nanao.moe" url="https://nanao.moe" />
|
|
<NavDarkMode />
|
|
<NavSearch on:search={doSearch} />
|
|
</svelte:fragment>
|
|
</Header>
|
|
|
|
<slot />
|
|
{@html footer}
|
|
<Footer>
|
|
<p>Copyright (c) 2021 Damillora</p>
|
|
</Footer>
|
|
</Base>
|
|
|
|
<NavigationLoading {loading} />
|