helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-07 17:27:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore(web): migration svelte 5 syntax (#13883)

Browse source
This commit is contained in:
Alex 2024-11-14 08:43:25 -06:00 • committed by GitHub
parent 9203a61709
commit 0b3742cf13
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
310 changed files with 6435 additions and 4176 deletions
Download patch file Download diff file Expand all files Collapse all files

22
web/src/lib/components/slideshow-settings.svelte
View file

@ -1,8 +1,6 @@
<script lang="ts">
import FullScreenModal from '$lib/components/shared-components/full-screen-modal.svelte';
import SettingInputField, {
SettingInputFieldType,
} from '$lib/components/shared-components/settings/setting-input-field.svelte';
import SettingInputField from '$lib/components/shared-components/settings/setting-input-field.svelte';
import SettingSwitch from '$lib/components/shared-components/settings/setting-switch.svelte';
import {
mdiArrowDownThin,
@ -17,10 +15,15 @@
import type { RenderedOption } from './elements/dropdown.svelte';
import SettingDropdown from './shared-components/settings/setting-dropdown.svelte';
import { t } from 'svelte-i18n';
import { SettingInputFieldType } from '$lib/constants';
const { slideshowDelay, showProgressBar, slideshowNavigation, slideshowLook, slideshowTransition } = slideshowStore;
export let onClose = () => {};
interface Props {
onClose?: () => void;
}
let { onClose = () => {} }: Props = $props();
const navigationOptions: Record<SlideshowNavigation, RenderedOption> = {
[SlideshowNavigation.Shuffle]: { icon: mdiShuffle, title: $t('shuffle') },
@ -46,7 +49,7 @@
};
</script>
<FullScreenModal title={$t('slideshow_settings')} {onClose}>
<FullScreenModal title={$t('slideshow_settings')} onClose={() => onClose()}>
<div class="flex flex-col gap-4 text-immich-primary dark:text-immich-dark-primary">
<SettingDropdown
title={$t('direction')}
@ -69,12 +72,13 @@
<SettingInputField
inputType={SettingInputFieldType.NUMBER}
label={$t('duration')}
desc={$t('admin.slideshow_duration_description')}
description={$t('admin.slideshow_duration_description')}
min={1}
bind:value={$slideshowDelay}
/>
</div>
<svelte:fragment slot="sticky-bottom">
<Button fullwidth color="primary" on:click={onClose}>{$t('done')}</Button>
</svelte:fragment>
{#snippet stickyBottom()}
<Button fullwidth color="primary" onclick={(_) => onClose()}>{$t('done')}</Button>
{/snippet}
</FullScreenModal>