2024-06-26 20:33:01 +02:00
|
|
|
<script lang="ts">
|
2024-04-08 17:12:39 +02:00
|
|
|
import '../app.pcss';
|
2024-07-25 23:32:59 +02:00
|
|
|
import { ModeWatcher } from 'mode-watcher';
|
2024-08-05 14:44:40 +02:00
|
|
|
import { isLoading, _ } from 'svelte-i18n';
|
2024-07-25 23:32:59 +02:00
|
|
|
import { page } from '$app/stores';
|
|
|
|
|
import Head from '$lib/components/Head.svelte';
|
|
|
|
|
import Nav from '$lib/components/Nav.svelte';
|
|
|
|
|
import Footer from '$lib/components/Footer.svelte';
|
2024-08-14 11:29:23 +02:00
|
|
|
import { onMount } from 'svelte';
|
|
|
|
|
import { convertOldEmbeddingOptions } from '$lib/components/embedding/Embedding';
|
2024-08-14 16:35:35 +02:00
|
|
|
import { base } from '$app/paths';
|
2024-07-25 23:32:59 +02:00
|
|
|
|
2024-08-14 09:27:53 +02:00
|
|
|
const appRoutes = ['/[[language]]/app', '/[[language]]/embed'];
|
2024-07-25 23:32:59 +02:00
|
|
|
|
2024-08-14 11:29:23 +02:00
|
|
|
onMount(() => {
|
|
|
|
|
if ($page.url.searchParams.has('embed')) {
|
|
|
|
|
// convert old embedding options to new format and redirect to new embed page
|
|
|
|
|
let locale = $page.params.language;
|
2024-08-14 16:35:35 +02:00
|
|
|
window.location.href = `${base}${locale ? '/' + locale : ''}/embed?options=${encodeURIComponent(JSON.stringify(convertOldEmbeddingOptions($page.url.searchParams)))}`;
|
2024-08-14 11:29:23 +02:00
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
2024-07-25 23:32:59 +02:00
|
|
|
$: showNavAndFooter = $page.route.id === null || !appRoutes.includes($page.route.id);
|
2024-04-05 17:53:42 +02:00
|
|
|
</script>
|
|
|
|
|
|
2024-07-25 23:32:59 +02:00
|
|
|
<Head />
|
|
|
|
|
<ModeWatcher />
|
|
|
|
|
|
|
|
|
|
<div class="flex flex-col min-h-screen">
|
|
|
|
|
{#if !$isLoading}
|
|
|
|
|
{#if showNavAndFooter}
|
|
|
|
|
<Nav />
|
|
|
|
|
{/if}
|
|
|
|
|
<main class="grow flex flex-col">
|
|
|
|
|
<slot />
|
|
|
|
|
</main>
|
|
|
|
|
{#if showNavAndFooter}
|
|
|
|
|
<Footer />
|
|
|
|
|
{/if}
|
|
|
|
|
{/if}
|
|
|
|
|
</div>
|
