c-l/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-16 00:36:47 +01:00
Code Releases Activity

feat: render asset path (#13873)

Browse source 
render asset path
This commit is contained in:
cfitzw 2024-11-02 13:27:40 -05:00 committed by GitHub
parent eadcbd52fb
commit 6bfc20ef95
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 28 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
web/src/lib/components/asset-viewer/detail-panel.svelte
View file

@ -345,43 +345,45 @@
</Portal> </Portal>
{/if} {/if}
{#if asset.exifInfo?.fileSizeInByte} <div class="flex gap-4 py-4">
<div class="flex gap-4 py-4"> <div><Icon path={mdiImageOutline} size="24" /></div>
<div><Icon path={mdiImageOutline} size="24" /></div>
<div> <div>
<p class="break-all flex place-items-center gap-2"> <p class="break-all flex place-items-center gap-2">
{asset.originalFileName} {asset.originalFileName}
{#if isOwner} {#if isOwner}
<CircleIconButton <CircleIconButton
icon={mdiInformationOutline} icon={mdiInformationOutline}
title={$t('show_file_location')} title={$t('show_file_location')}
size="16" size="16"
padding="2" padding="2"
on:click={toggleAssetPath} on:click={toggleAssetPath}
/> />
{/if} {/if}
</p>
{#if showAssetPath}
<p class="text-xs opacity-50 break-all pb-2" transition:slide={{ duration: 250 }}>
{asset.originalPath}
</p> </p>
{/if}
{#if (asset.exifInfo?.exifImageHeight && asset.exifInfo?.exifImageWidth) || asset.exifInfo?.fileSizeInByte}
<div class="flex gap-2 text-sm"> <div class="flex gap-2 text-sm">
{#if asset.exifInfo.exifImageHeight && asset.exifInfo.exifImageWidth} {#if asset.exifInfo?.exifImageHeight && asset.exifInfo?.exifImageWidth}
{#if getMegapixel(asset.exifInfo.exifImageHeight, asset.exifInfo.exifImageWidth)} {#if getMegapixel(asset.exifInfo.exifImageHeight, asset.exifInfo.exifImageWidth)}
<p> <p>
{getMegapixel(asset.exifInfo.exifImageHeight, asset.exifInfo.exifImageWidth)} MP {getMegapixel(asset.exifInfo.exifImageHeight, asset.exifInfo.exifImageWidth)} MP
</p> </p>
{@const { width, height } = getDimensions(asset.exifInfo)}
<p>{width} x {height}</p>
{/if} {/if}
{@const { width, height } = getDimensions(asset.exifInfo)}
<p>{width} x {height}</p>
{/if} {/if}
<p>{getByteUnitString(asset.exifInfo.fileSizeInByte, $locale)}</p> {#if asset.exifInfo?.fileSizeInByte}
<p>{getByteUnitString(asset.exifInfo.fileSizeInByte, $locale)}</p>
{/if}
</div> </div>
{#if showAssetPath} {/if}
<p class="text-xs opacity-50 break-all" transition:slide={{ duration: 250 }}>
{asset.originalPath}
</p>
{/if}
</div>
</div> </div>
{/if} </div>
{#if asset.exifInfo?.make || asset.exifInfo?.model || asset.exifInfo?.fNumber} {#if asset.exifInfo?.make || asset.exifInfo?.model || asset.exifInfo?.fNumber}
<div class="flex gap-4 py-4"> <div class="flex gap-4 py-4">