sjs/immich
1
0
Fork 0
mirror of https://github.com/samsonjs/immich.git synced 2026-04-27 15:07:45 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: reset zoom when navigating between assets (#25863)

Browse source
This commit is contained in:
Michel Heusschen 2026-02-03 18:07:06 +01:00 committed by GitHub
parent 2990bde0bb
commit 5212bca3d0
2 changed files with 17 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
web/src/lib/components/asset-viewer/photo-viewer.svelte
View file

@ -55,13 +55,10 @@
let loader = $state<HTMLImageElement>(); let loader = $state<HTMLImageElement>();
assetViewerManager.zoomState = { $effect.pre(() => {
currentRotation: 0, void asset.id;
currentZoom: 1, untrack(() => assetViewerManager.resetZoomState());
enable: true, });
currentPositionX: 0,
currentPositionY: 0,
};
onDestroy(() => { onDestroy(() => {
$boundingBoxesArray = []; $boundingBoxesArray = [];

20
web/src/lib/managers/asset-viewer-manager.svelte.ts
View file

@ -5,6 +5,14 @@ import type { ZoomImageWheelState } from '@zoom-image/core';
const isShowDetailPanel = new PersistedLocalStorage<boolean>('asset-viewer-state', false); const isShowDetailPanel = new PersistedLocalStorage<boolean>('asset-viewer-state', false);
const createDefaultZoomState = (): ZoomImageWheelState => ({
currentRotation: 0,
currentZoom: 1,
enable: true,
currentPositionX: 0,
currentPositionY: 0,
});
export type Events = { export type Events = {
Zoom: []; Zoom: [];
ZoomChange: [ZoomImageWheelState]; ZoomChange: [ZoomImageWheelState];
@ -12,13 +20,7 @@ export type Events = {
}; };
export class AssetViewerManager extends BaseEventManager<Events> { export class AssetViewerManager extends BaseEventManager<Events> {
#zoomState = $state<ZoomImageWheelState>({ #zoomState = $state(createDefaultZoomState());
currentRotation: 0,
currentZoom: 1,
enable: true,
currentPositionX: 0,
currentPositionY: 0,
});
imgRef = $state<HTMLImageElement | undefined>(); imgRef = $state<HTMLImageElement | undefined>();
isShowActivityPanel = $state(false); isShowActivityPanel = $state(false);
@ -67,6 +69,10 @@ export class AssetViewerManager extends BaseEventManager<Events> {
this.#zoomState = state; this.#zoomState = state;
} }
resetZoomState() {
this.zoomState = createDefaultZoomState();
}
toggleActivityPanel() { toggleActivityPanel() {
this.closeDetailPanel(); this.closeDetailPanel();
this.isShowActivityPanel = !this.isShowActivityPanel; this.isShowActivityPanel = !this.isShowActivityPanel;