KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): stacked vs normal asset rendering

Browse Source
This commit is contained in:
Alex Tran
2023-10-27 20:57:37 -05:00
parent a42c95a781
commit 51dc197b33
1 changed files with 5 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/lib/components/asset-viewer/asset-viewer.svelte
View File

@@ -57,7 +57,6 @@
let shouldShowDetailButton = asset.hasMetadata; let shouldShowDetailButton = asset.hasMetadata;
let canCopyImagesToClipboard: boolean; let canCopyImagesToClipboard: boolean;
let previewStackedAsset: AssetResponseDto | undefined; let previewStackedAsset: AssetResponseDto | undefined;
$: displayedAsset = previewStackedAsset || asset;
$: { $: {
if (asset.stackCount && asset.stack) { if (asset.stackCount && asset.stack) {
@@ -471,17 +470,15 @@
<NavigationArea on:click={navigateAssetBackward}><Icon path={mdiChevronLeft} size="36" /></NavigationArea> <NavigationArea on:click={navigateAssetBackward}><Icon path={mdiChevronLeft} size="36" /></NavigationArea>
</div> </div>
{/if} {/if}
<!-- Asset Viewer --> <!-- Asset Viewer -->
<div class="col-span-4 col-start-1 row-span-full row-start-1"> <div class="col-span-4 col-start-1 row-span-full row-start-1">
<!-- Condition to show preview of stacked asset on hovered --> {#if previewStackedAsset}
{#if displayedAsset} {#key previewStackedAsset.id}
{#key displayedAsset.id} {#if previewStackedAsset.type === AssetTypeEnum.Image}
{#if displayedAsset.type === AssetTypeEnum.Image} <PhotoViewer asset={previewStackedAsset} on:close={closeViewer} haveFadeTransition={false} />
<PhotoViewer asset={displayedAsset} on:close={closeViewer} haveFadeTransition={false} />
{:else} {:else}
<VideoViewer <VideoViewer
assetId={displayedAsset.id} assetId={previewStackedAsset.id}
on:close={closeViewer} on:close={closeViewer}
on:onVideoEnded={handleVideoEnded} on:onVideoEnded={handleVideoEnded}
on:onVideoStarted={handleVideoStarted} on:onVideoStarted={handleVideoStarted}