mirror of
https://github.com/immich-app/immich
synced 2025-06-08 11:41:13 +00:00
chore: move slideshow settings modal to modals folder (#18869)
This commit is contained in:
parent
97e86e409a
commit
e7d7886f44
@ -1,9 +1,9 @@
|
|||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { shortcuts } from '$lib/actions/shortcut';
|
import { shortcuts } from '$lib/actions/shortcut';
|
||||||
import ProgressBar from '$lib/components/shared-components/progress-bar/progress-bar.svelte';
|
import ProgressBar from '$lib/components/shared-components/progress-bar/progress-bar.svelte';
|
||||||
import SlideshowSettings from '$lib/components/slideshow-settings.svelte';
|
|
||||||
import { ProgressBarStatus } from '$lib/constants';
|
import { ProgressBarStatus } from '$lib/constants';
|
||||||
import { modalManager } from '$lib/managers/modal-manager.svelte';
|
import { modalManager } from '$lib/managers/modal-manager.svelte';
|
||||||
|
import SlideshowSettingsModal from '$lib/modals/SlideshowSettingsModal.svelte';
|
||||||
import { SlideshowNavigation, slideshowStore } from '$lib/stores/slideshow.store';
|
import { SlideshowNavigation, slideshowStore } from '$lib/stores/slideshow.store';
|
||||||
import { IconButton } from '@immich/ui';
|
import { IconButton } from '@immich/ui';
|
||||||
import { mdiChevronLeft, mdiChevronRight, mdiClose, mdiCog, mdiFullscreen, mdiPause, mdiPlay } from '@mdi/js';
|
import { mdiChevronLeft, mdiChevronRight, mdiClose, mdiCog, mdiFullscreen, mdiPause, mdiPlay } from '@mdi/js';
|
||||||
@ -104,7 +104,7 @@
|
|||||||
if (document.fullscreenElement) {
|
if (document.fullscreenElement) {
|
||||||
await document.exitFullscreen();
|
await document.exitFullscreen();
|
||||||
}
|
}
|
||||||
await modalManager.show(SlideshowSettings, {});
|
await modalManager.show(SlideshowSettingsModal, {});
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -12,9 +12,9 @@
|
|||||||
mdiShuffle,
|
mdiShuffle,
|
||||||
} from '@mdi/js';
|
} from '@mdi/js';
|
||||||
import { t } from 'svelte-i18n';
|
import { t } from 'svelte-i18n';
|
||||||
|
import type { RenderedOption } from '../components/elements/dropdown.svelte';
|
||||||
|
import SettingDropdown from '../components/shared-components/settings/setting-dropdown.svelte';
|
||||||
import { SlideshowLook, SlideshowNavigation, slideshowStore } from '../stores/slideshow.store';
|
import { SlideshowLook, SlideshowNavigation, slideshowStore } from '../stores/slideshow.store';
|
||||||
import type { RenderedOption } from './elements/dropdown.svelte';
|
|
||||||
import SettingDropdown from './shared-components/settings/setting-dropdown.svelte';
|
|
||||||
|
|
||||||
const {
|
const {
|
||||||
slideshowDelay,
|
slideshowDelay,
|
||||||
@ -26,10 +26,10 @@
|
|||||||
} = slideshowStore;
|
} = slideshowStore;
|
||||||
|
|
||||||
interface Props {
|
interface Props {
|
||||||
onClose?: () => void;
|
onClose: () => void;
|
||||||
}
|
}
|
||||||
|
|
||||||
let { onClose = () => {} }: Props = $props();
|
let { onClose }: Props = $props();
|
||||||
|
|
||||||
// Temporary variables to hold the settings - marked as reactive with $state() but initialized with store values
|
// Temporary variables to hold the settings - marked as reactive with $state() but initialized with store values
|
||||||
let tempSlideshowDelay = $state($slideshowDelay);
|
let tempSlideshowDelay = $state($slideshowDelay);
|
Loading…
x
Reference in New Issue
Block a user