self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-12-22 01:47:08 +02:00
Code Issues Releases Activity

Improved info panel on web

Browse Source
This commit is contained in:
Alex Tran 2022-06-25 13:28:36 -05:00
parent c918f5b001
commit 485b152beb
No known key found for this signature in database
GPG Key ID: E4954BC787B85C8A
1 changed files with 20 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/lib/components/asset-viewer/detail-panel.svelte
View File

@ -95,7 +95,11 @@
</div> </div>
<div class="px-4 py-4"> <div class="px-4 py-4">
{#if !asset.exifInfo}
<p class="text-sm pb-4">NO EXIF INFO AVAILABLE</p>
{:else}
<p class="text-sm pb-4">DETAILS</p> <p class="text-sm pb-4">DETAILS</p>
{/if}
{#if asset.exifInfo?.dateTimeOriginal} {#if asset.exifInfo?.dateTimeOriginal}
<div class="flex gap-4 py-4"> <div class="flex gap-4 py-4">
@ -104,7 +108,7 @@
</div> </div>
<div> <div>
<p>{moment(asset.exifInfo.dateTimeOriginal).format('MMM DD')}</p> <p>{moment(asset.exifInfo.dateTimeOriginal).format('MMM DD, YYYY')}</p>
<div class="flex gap-2 text-sm"> <div class="flex gap-2 text-sm">
<p> <p>
{moment( {moment(
@ -141,9 +145,20 @@
<p>{asset.exifInfo.make || ''} {asset.exifInfo.model || ''}</p> <p>{asset.exifInfo.make || ''} {asset.exifInfo.model || ''}</p>
<div class="flex text-sm gap-2"> <div class="flex text-sm gap-2">
<p>{`f/${asset.exifInfo.fNumber}` || ''}</p> <p>{`f/${asset.exifInfo.fNumber}` || ''}</p>
<p>{`1/${Math.floor(1 / asset.exifInfo.exposureTime)}` || ''}</p>
<p>{`${asset.exifInfo.focalLength}mm` || ''}</p> {#if asset.exifInfo.exposureTime}
<p>{`ISO${asset.exifInfo.iso}` || ''}</p> <p>{`1/${Math.floor(1 / asset.exifInfo.exposureTime)}`}</p>
{/if}
{#if asset.exifInfo.focalLength}
<p>{`${asset.exifInfo.focalLength} mm`}</p>
{/if}
{#if asset.exifInfo.iso}
<p>
{`ISO${asset.exifInfo.iso}`}
</p>
{/if}
</div> </div>
</div> </div>
</div> </div>