mirror of
https://github.com/immich-app/immich.git
synced 2025-01-27 22:22:45 +01:00
feat: no slideshow transition (#12989)
This commit is contained in:
parent
36ee72cd87
commit
3a37fc8bfd
4 changed files with 12 additions and 7 deletions
web/src/lib
components
i18n
stores
|
@ -67,6 +67,7 @@
|
||||||
stopProgress: stopSlideshowProgress,
|
stopProgress: stopSlideshowProgress,
|
||||||
slideshowNavigation,
|
slideshowNavigation,
|
||||||
slideshowState,
|
slideshowState,
|
||||||
|
slideshowTransition,
|
||||||
} = slideshowStore;
|
} = slideshowStore;
|
||||||
|
|
||||||
let appearsInAlbums: AlbumResponseDto[] = [];
|
let appearsInAlbums: AlbumResponseDto[] = [];
|
||||||
|
@ -82,13 +83,14 @@
|
||||||
let numberOfComments: number;
|
let numberOfComments: number;
|
||||||
let fullscreenElement: Element;
|
let fullscreenElement: Element;
|
||||||
let unsubscribes: (() => void)[] = [];
|
let unsubscribes: (() => void)[] = [];
|
||||||
|
let selectedEditType: string = '';
|
||||||
|
let stack: StackResponseDto | null = null;
|
||||||
|
|
||||||
let zoomToggle = () => void 0;
|
let zoomToggle = () => void 0;
|
||||||
let copyImage: () => Promise<void>;
|
let copyImage: () => Promise<void>;
|
||||||
|
|
||||||
$: isFullScreen = fullscreenElement !== null;
|
$: isFullScreen = fullscreenElement !== null;
|
||||||
|
|
||||||
let stack: StackResponseDto | null = null;
|
|
||||||
|
|
||||||
const refreshStack = async () => {
|
const refreshStack = async () => {
|
||||||
if (isSharedLink()) {
|
if (isSharedLink()) {
|
||||||
return;
|
return;
|
||||||
|
@ -390,11 +392,9 @@
|
||||||
onAction?.(action);
|
onAction?.(action);
|
||||||
};
|
};
|
||||||
|
|
||||||
let selectedEditType: string = '';
|
const handleUpdateSelectedEditType = (type: string) => {
|
||||||
|
|
||||||
function handleUpdateSelectedEditType(type: string) {
|
|
||||||
selectedEditType = type;
|
selectedEditType = type;
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svelte:document bind:fullscreenElement />
|
<svelte:document bind:fullscreenElement />
|
||||||
|
@ -508,6 +508,7 @@
|
||||||
onNextAsset={() => navigateAsset('next')}
|
onNextAsset={() => navigateAsset('next')}
|
||||||
on:close={closeViewer}
|
on:close={closeViewer}
|
||||||
{sharedLink}
|
{sharedLink}
|
||||||
|
haveFadeTransition={$slideshowState === SlideshowState.None || $slideshowTransition}
|
||||||
/>
|
/>
|
||||||
{/if}
|
{/if}
|
||||||
{:else}
|
{:else}
|
||||||
|
|
|
@ -18,7 +18,7 @@
|
||||||
import SettingDropdown from './shared-components/settings/setting-dropdown.svelte';
|
import SettingDropdown from './shared-components/settings/setting-dropdown.svelte';
|
||||||
import { t } from 'svelte-i18n';
|
import { t } from 'svelte-i18n';
|
||||||
|
|
||||||
const { slideshowDelay, showProgressBar, slideshowNavigation, slideshowLook } = slideshowStore;
|
const { slideshowDelay, showProgressBar, slideshowNavigation, slideshowLook, slideshowTransition } = slideshowStore;
|
||||||
|
|
||||||
export let onClose = () => {};
|
export let onClose = () => {};
|
||||||
|
|
||||||
|
@ -65,6 +65,7 @@
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<SettingSwitch title={$t('show_progress_bar')} bind:checked={$showProgressBar} />
|
<SettingSwitch title={$t('show_progress_bar')} bind:checked={$showProgressBar} />
|
||||||
|
<SettingSwitch title={$t('show_slideshow_transition')} bind:checked={$slideshowTransition} />
|
||||||
<SettingInputField
|
<SettingInputField
|
||||||
inputType={SettingInputFieldType.NUMBER}
|
inputType={SettingInputFieldType.NUMBER}
|
||||||
label={$t('duration')}
|
label={$t('duration')}
|
||||||
|
|
|
@ -1144,6 +1144,7 @@
|
||||||
"show_person_options": "Show person options",
|
"show_person_options": "Show person options",
|
||||||
"show_progress_bar": "Show Progress Bar",
|
"show_progress_bar": "Show Progress Bar",
|
||||||
"show_search_options": "Show search options",
|
"show_search_options": "Show search options",
|
||||||
|
"show_slideshow_transition": "Show slideshow transition",
|
||||||
"show_supporter_badge": "Supporter badge",
|
"show_supporter_badge": "Supporter badge",
|
||||||
"show_supporter_badge_description": "Show a supporter badge",
|
"show_supporter_badge_description": "Show a supporter badge",
|
||||||
"shuffle": "Shuffle",
|
"shuffle": "Shuffle",
|
||||||
|
|
|
@ -38,6 +38,7 @@ function createSlideshowStore() {
|
||||||
|
|
||||||
const showProgressBar = persisted<boolean>('slideshow-show-progressbar', true);
|
const showProgressBar = persisted<boolean>('slideshow-show-progressbar', true);
|
||||||
const slideshowDelay = persisted<number>('slideshow-delay', 5, {});
|
const slideshowDelay = persisted<number>('slideshow-delay', 5, {});
|
||||||
|
const slideshowTransition = persisted<boolean>('slideshow-transition', true);
|
||||||
|
|
||||||
return {
|
return {
|
||||||
restartProgress: {
|
restartProgress: {
|
||||||
|
@ -67,6 +68,7 @@ function createSlideshowStore() {
|
||||||
slideshowState,
|
slideshowState,
|
||||||
slideshowDelay,
|
slideshowDelay,
|
||||||
showProgressBar,
|
showProgressBar,
|
||||||
|
slideshowTransition,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue