Infrastructure/immich
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-01-07 00:50:23 -05:00
Code Issues 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

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

@ -345,7 +345,6 @@
</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>
@ -362,26 +361,29 @@
/> />
{/if} {/if}
</p> </p>
{#if showAssetPath}
<p class="text-xs opacity-50 break-all pb-2" transition:slide={{ duration: 250 }}>
{asset.originalPath}
</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>
{/if}
{@const { width, height } = getDimensions(asset.exifInfo)} {@const { width, height } = getDimensions(asset.exifInfo)}
<p>{width} x {height}</p> <p>{width} x {height}</p>
{/if} {/if}
{/if}
{#if asset.exifInfo?.fileSizeInByte}
<p>{getByteUnitString(asset.exifInfo.fileSizeInByte, $locale)}</p> <p>{getByteUnitString(asset.exifInfo.fileSizeInByte, $locale)}</p>
{/if}
</div> </div>
{#if showAssetPath}
<p class="text-xs opacity-50 break-all" transition:slide={{ duration: 250 }}>
{asset.originalPath}
</p>
{/if} {/if}
</div> </div>
</div> </div>
{/if}
{#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">