Ben McCann
907a95a746
* no-misused-promises * no-floating-promises * format * revert for now * remove load function * require-await * revert a few no-floating-promises changes that would cause no-misused-promises failures * format * fix a few more * fix most remaining errors * executor-queue * executor-queue.spec * remove duplicate comments by grouping rules * upgrade sveltekit and enforce rules * oops. move await * try this * just ignore for now since it's only a test * run in parallel * Update web/src/routes/admin/jobs-status/+page.svelte Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com> * remove Promise.resolve call * rename function * remove unnecessary warning silencing * make handleError sync * fix new errors from recently merged PR to main * extract method * use handlePromiseError --------- Co-authored-by: Michel Heusschen <59014050+michelheusschen@users.noreply.github.com> Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
64 lines
2.3 KiB
Svelte
64 lines
2.3 KiB
Svelte
<script lang="ts">
|
|
import { goto } from '$app/navigation';
|
|
import { page } from '$app/stores';
|
|
import OnboardingHello from '$lib/components/onboarding-page/onboarding-hello.svelte';
|
|
import OnboadingStorageTemplate from '$lib/components/onboarding-page/onboarding-storage-template.svelte';
|
|
import OnboardingTheme from '$lib/components/onboarding-page/onboarding-theme.svelte';
|
|
import { AppRoute, QueryParameter } from '$lib/constants';
|
|
import { setAdminOnboarding } from '@immich/sdk';
|
|
|
|
let index = 0;
|
|
|
|
interface OnboardingStep {
|
|
name: string;
|
|
component: typeof OnboardingHello | typeof OnboardingTheme | typeof OnboadingStorageTemplate;
|
|
}
|
|
|
|
const onboardingSteps: OnboardingStep[] = [
|
|
{ name: 'hello', component: OnboardingHello },
|
|
{ name: 'theme', component: OnboardingTheme },
|
|
{ name: 'storage', component: OnboadingStorageTemplate },
|
|
];
|
|
|
|
$: {
|
|
const stepState = $page.url.searchParams.get('step');
|
|
const temporaryIndex = onboardingSteps.findIndex((step) => step.name === stepState);
|
|
index = temporaryIndex >= 0 ? temporaryIndex : 0;
|
|
}
|
|
|
|
const handleDoneClicked = async () => {
|
|
if (index >= onboardingSteps.length - 1) {
|
|
await setAdminOnboarding();
|
|
await goto(AppRoute.PHOTOS);
|
|
} else {
|
|
index++;
|
|
await goto(`${AppRoute.AUTH_ONBOARDING}?${QueryParameter.ONBOARDING_STEP}=${onboardingSteps[index].name}`);
|
|
}
|
|
};
|
|
|
|
const handlePrevious = async () => {
|
|
if (index >= 1) {
|
|
index--;
|
|
await goto(`${AppRoute.AUTH_ONBOARDING}?${QueryParameter.ONBOARDING_STEP}=${onboardingSteps[index].name}`);
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<section id="onboarding-page" class="min-w-screen flex min-h-screen p-4">
|
|
<div class="flex flex-col w-full">
|
|
<div class="w-full bg-gray-300 dark:bg-gray-600 rounded-md h-2">
|
|
<div
|
|
class="progress-bar bg-immich-primary dark:bg-immich-dark-primary h-2 rounded-md transition-all duration-200 ease-out"
|
|
style="width: {(index / (onboardingSteps.length - 1)) * 100}%"
|
|
></div>
|
|
</div>
|
|
<div class="w-full min-w-screen py-8 flex h-full place-content-center place-items-center">
|
|
<svelte:component
|
|
this={onboardingSteps[index].component}
|
|
on:done={handleDoneClicked}
|
|
on:previous={handlePrevious}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</section>
|