beenull/immich
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

use icons

Browse source
This commit is contained in:
martabal 2023-10-26 00:20:20 +02:00
parent 00ee2aca62
commit c9feb474be
No known key found for this signature in database
GPG key ID: C00196E3148A52BD
3 changed files with 21 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/lib/components/asset-viewer/asset-viewer-nav-bar.svelte
View file

@ -146,7 +146,7 @@
{/if} {/if}
{#if isOwner} {#if isOwner}
{#if !asset.isReadOnly && !asset.isExternal} {#if !asset.isReadOnly && !asset.isExternal}
<CircleIconButton isOpacity={true} logo={DeleteOutline} on:click={() => dispatch('delete')} title="Delete" /> <CircleIconButton isOpacity={true} icon={mdiDeleteOutline} on:click={() => dispatch('delete')} title="Delete" />
{/if} {/if}
<CircleIconButton <CircleIconButton
isOpacity={true} isOpacity={true}

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

@ -17,9 +17,8 @@
import { asByteUnitString } from '../../utils/byte-units'; import { asByteUnitString } from '../../utils/byte-units';
import ImageThumbnail from '../assets/thumbnail/image-thumbnail.svelte'; import ImageThumbnail from '../assets/thumbnail/image-thumbnail.svelte';
import UserAvatar from '../shared-components/user-avatar.svelte'; import UserAvatar from '../shared-components/user-avatar.svelte';
import Pencil from 'svelte-material-icons/Pencil.svelte';
import PersonSidePanel, { PersonToCreate } from '../faces-page/person-side-panel.svelte'; import PersonSidePanel, { PersonToCreate } from '../faces-page/person-side-panel.svelte';
import { mdiCalendar, mdiCameraIris, mdiClose, mdiImageOutline, mdiMapMarkerOutline } from '@mdi/js'; import { mdiCalendar, mdiCameraIris, mdiClose, mdiImageOutline, mdiMapMarkerOutline, mdiPencil } from '@mdi/js';
import Icon from '$lib/components/elements/icon.svelte'; import Icon from '$lib/components/elements/icon.svelte';
export let asset: AssetResponseDto; export let asset: AssetResponseDto;
@ -159,7 +158,7 @@
<div class="grid grid-cols-2 items-center"> <div class="grid grid-cols-2 items-center">
<h2 class="justify-self-start uppercase">People</h2> <h2 class="justify-self-start uppercase">People</h2>
<button class="justify-self-end" on:click={() => (showEditFaces = true)}> <button class="justify-self-end" on:click={() => (showEditFaces = true)}>
<Pencil size={18} /> <Icon path={mdiPencil} size={18} />
</button> </button>
{#if unassignedFaces.length > 0} {#if unassignedFaces.length > 0}
<p>{`${unassignedFaces.length} face${unassignedFaces.length > 1 ? 's' : ''} available to add`}</p> <p>{`${unassignedFaces.length} face${unassignedFaces.length > 1 ? 's' : ''} available to add`}</p>
@ -224,7 +223,7 @@
})} })}
<div class="flex gap-4 py-4"> <div class="flex gap-4 py-4">
<div> <div>
<Calendar size="24" /> <Icon path={mdiCalendar} size="24" />
</div> </div>
<div> <div>
@ -256,7 +255,7 @@
{#if asset.exifInfo?.fileSizeInByte} {#if asset.exifInfo?.fileSizeInByte}
<div class="flex gap-4 py-4"> <div class="flex gap-4 py-4">
<div><ImageOutline size="24" /></div> <div><Icon path={mdiImageOutline} size="24" /></div>
<div> <div>
<p class="break-all"> <p class="break-all">
@ -280,7 +279,7 @@
{#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">
<div><CameraIris size="24" /></div> <div><Icon path={mdiCameraIris} size="24" /></div>
<div> <div>
<p>{asset.exifInfo.make || ''} {asset.exifInfo.model || ''}</p> <p>{asset.exifInfo.make || ''} {asset.exifInfo.model || ''}</p>
@ -309,7 +308,7 @@
{#if asset.exifInfo?.city} {#if asset.exifInfo?.city}
<div class="flex gap-4 py-4"> <div class="flex gap-4 py-4">
<div><MapMarkerOutline size="24" /></div> <div><Icon path={mdiMapMarkerOutline} size="24" /></div>
<div> <div>
<div> <div>
<p>{asset.exifInfo.city}</p> <p>{asset.exifInfo.city}</p>
@ -325,8 +324,8 @@
{/if} {/if}
</div> </div>
</div> </div>
</div>
{/if} {/if}
</div> </div>
</section> </section>

1
web/src/routes/(user)/people/[personId]/+page.svelte
View file

@ -366,7 +366,6 @@
{#if viewMode === ViewMode.UNASSIGN_ASSETS} {#if viewMode === ViewMode.UNASSIGN_ASSETS}
<UnmergeFaceSelector <UnmergeFaceSelector
{people}
assetIds={Array.from($selectedAssets).map((a) => a.id)} assetIds={Array.from($selectedAssets).map((a) => a.id)}
personId={data.person.id} personId={data.person.id}
on:close={() => (viewMode = ViewMode.VIEW_ASSETS)} on:close={() => (viewMode = ViewMode.VIEW_ASSETS)}