cjones/immich
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

small stlying

Browse Source
This commit is contained in:
Alex Tran
2023-11-22 10:23:49 -06:00
parent e26192eb00
commit 733ba4230b
1 changed files with 33 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/asset-viewer/detail-panel.svelte
+33 -32
View File
@@ -107,7 +107,6 @@
try { try {
await api.assetApi.updateAsset({ id: asset.id, updateAssetDto: { dateTimeOriginal } }); await api.assetApi.updateAsset({ id: asset.id, updateAssetDto: { dateTimeOriginal } });
notificationController.show({ message: 'Metadata updated please reload to apply', type: NotificationType.Info });
} catch (error) { } catch (error) {
handleError(error, 'Unable to change date'); handleError(error, 'Unable to change date');
} }
@@ -237,11 +236,12 @@
zone: asset.exifInfo.timeZone ?? undefined, zone: asset.exifInfo.timeZone ?? undefined,
})} })}
<div <div
class="flex justify-between gap-4 py-4 hover:bg-gray-200 hover:text-black cursor-pointer" class="flex justify-between place-items-start gap-4 py-4 hover:dark:text-immich-dark-primary hover:text-immich-primary cursor-pointer"
on:click={() => (isShowChangeDate = true)} on:click={() => (isShowChangeDate = true)}
on:keydown={(event) => event.key === 'Enter' && (isShowChangeDate = true)} on:keydown={(event) => event.key === 'Enter' && (isShowChangeDate = true)}
tabindex="0" tabindex="0"
role="button" role="button"
title="Edit date"
> >
<div class="flex gap-4"> <div class="flex gap-4">
<div> <div>
@@ -275,28 +275,27 @@
</div> </div>
</div> </div>
<button class="focus:outline-none"> <button class="focus:outline-none">
<Icon path={mdiPencil} size="24" /> <Icon path={mdiPencil} size="20" />
</button> </button>
</div> </div>
{:else} {:else}
<div <div
class="flex justify-between gap-4 py-4 hover:bg-gray-200 hover:text-black cursor-pointer" class="flex justify-between place-items-start gap-4 py-4 hover:dark:text-immich-dark-primary hover:text-immich-primary cursor-pointer"
on:click={() => (isShowChangeDate = true)} on:click={() => (isShowChangeDate = true)}
on:keydown={(event) => event.key === 'Enter' && (isShowChangeDate = true)} on:keydown={(event) => event.key === 'Enter' && (isShowChangeDate = true)}
tabindex="0" tabindex="0"
role="button" role="button"
title="Add date"
> >
<div class="flex gap-4"> <div class="flex gap-4">
<div> <div>
<Icon path={mdiCalendar} size="24" /> <Icon path={mdiCalendar} size="24" />
</div> </div>
<div> <p>Add a date</p>
<p>No date available for this asset, click to add one.</p>
</div>
</div> </div>
<button class="focus:outline-none"> <button class="focus:outline-none">
<Icon path={mdiPencil} size="24" /> <Icon path={mdiPencil} size="20" />
</button> </button>
</div> </div>
{/if} {/if}
@@ -381,52 +380,54 @@
{#if asset.exifInfo?.city} {#if asset.exifInfo?.city}
<div <div
class="flex justify-between gap-4 py-4 hover:bg-gray-200 hover:text-black cursor-pointer" class="flex justify-between place-items-start gap-4 py-4 hover:dark:text-immich-dark-primary hover:text-immich-primary cursor-pointer"
on:click={() => (isShowChangeLocation = true)} on:click={() => (isShowChangeLocation = true)}
on:keydown={(event) => event.key === 'Enter' && (isShowChangeLocation = true)} on:keydown={(event) => event.key === 'Enter' && (isShowChangeLocation = true)}
tabindex="0" tabindex="0"
role="button" role="button"
title="Edit location"
> >
<div><Icon path={mdiMapMarkerOutline} size="24" /></div> <div class="flex gap-4">
<div><Icon path={mdiMapMarkerOutline} size="24" /></div>
<div> <div>
<p>{asset.exifInfo.city}</p> <p>{asset.exifInfo.city}</p>
{#if asset.exifInfo?.state} {#if asset.exifInfo?.state}
<div class="flex gap-2 text-sm"> <div class="flex gap-2 text-sm">
<p>{asset.exifInfo.state}</p> <p>{asset.exifInfo.state}</p>
</div> </div>
{/if} {/if}
{#if asset.exifInfo?.country} {#if asset.exifInfo?.country}
<div class="flex gap-2 text-sm"> <div class="flex gap-2 text-sm">
<p>{asset.exifInfo.country}</p> <p>{asset.exifInfo.country}</p>
</div> </div>
{/if} {/if}
</div>
</div> </div>
<button class="focus:outline-none"> <div>
<Icon path={mdiPencil} size="24" /> <Icon path={mdiPencil} size="20" />
</button> </div>
</div> </div>
{:else} {:else}
<div <div
class="flex justify-between gap-4 py-4 hover:bg-gray-200 hover:text-black cursor-pointer" class="flex justify-between place-items-start gap-4 py-4 rounded-lg pr-2 hover:dark:text-immich-dark-primary hover:text-immich-primary"
on:click={() => (isShowChangeLocation = true)} on:click={() => (isShowChangeLocation = true)}
on:keydown={(event) => event.key === 'Enter' && (isShowChangeLocation = true)} on:keydown={(event) => event.key === 'Enter' && (isShowChangeLocation = true)}
tabindex="0" tabindex="0"
role="button" role="button"
title="Add location"
> >
<div class="flex gap-4"> <div class="flex gap-4">
<div> <div>
<div><Icon path={mdiMapMarkerOutline} size="24" /></div> <div><Icon path={mdiMapMarkerOutline} size="24" /></div>
</div> </div>
<div> <p>Add a location</p>
<p>No location available for this asset, click to add one.</p> </div>
</div> <div class="focus:outline-none">
<Icon path={mdiPencil} size="20" />
</div> </div>
<button class="focus:outline-none">
<Icon path={mdiPencil} size="24" />
</button>
</div> </div>
{/if} {/if}
{#if isShowChangeLocation} {#if isShowChangeLocation}