mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
26 lines
937 B
Svelte
26 lines
937 B
Svelte
|
<script lang="ts">
|
||
|
|
import OnboardingHello from '$lib/components/onboarding-page/onboarding-hello.svelte';
|
||
|
|
import OnboardingTheme from '$lib/components/onboarding-page/onboarding-theme.svelte';
|
||
|
|
import OnboadingStorageTemplate from '$lib/components/onboarding-page/onboarding-storage-template.svelte';
|
||
|
|
import { api } from '@api';
|
||
|
|
import { goto } from '$app/navigation';
|
||
|
|
import { AppRoute } from '$lib/constants';
|
||
|
|
|
||
|
|
let index = 0;
|
||
|
|
|
||
|
|
let onboardingSteps = [OnboardingHello, OnboardingTheme, OnboadingStorageTemplate];
|
||
|
|
|
||
|
|
const handleDoneClicked = async () => {
|
||
|
|
index++;
|
||
|
|
|
||
|
|
if (index >= onboardingSteps.length) {
|
||
|
|
await api.serverInfoApi.setAdminOnboarding();
|
||
|
|
goto(AppRoute.PHOTOS);
|
||
|
|
}
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<section id="onboarding-page" class="min-w-screen flex min-h-screen place-content-center place-items-center p-4">
|
||
|
|
<svelte:component this={onboardingSteps[index]} on:done={handleDoneClicked} />
|
||
|
|
</section>
|