Cutlery/immich
1
0
Fork 1
mirror of https://github.com/immich-app/immich.git synced 2025-06-01 04:36:19 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): show asset count in sharing tab and album viewer (#2311)

Browse Source 
* show asset count in sharing tab

* add asset count to album-viewer

* remove duplicate font size

* fix test

---------

Co-authored-by: faupau03 <paul.paffe@gmx.net>
Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
faupau 2023-04-22 20:38:45 +02:00 committed by GitHub
parent 08b424b3df
commit 787926c111
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/lib/components/album-page/album-viewer.svelte
View File

@ -503,7 +503,11 @@
/> />
{#if album.assetCount > 0} {#if album.assetCount > 0}
<p class="my-4 text-sm text-gray-500 font-medium">{getDateRange()}</p> <span class="flex gap-2 my-4 text-sm text-gray-500 font-medium" data-testid="album-details">
<p class="">{getDateRange()}</p>
<p>·</p>
<p>{album.assetCount} items</p>
</span>
{/if} {/if}
{#if album.shared} {#if album.shared}
<div class="my-6 flex"> <div class="my-6 flex">

25
web/src/lib/components/sharing-page/shared-album-list-tile.svelte
View File

@ -56,16 +56,19 @@
<p class="font-medium text-gray-800 dark:text-immich-dark-primary"> <p class="font-medium text-gray-800 dark:text-immich-dark-primary">
{album.albumName} {album.albumName}
</p> </p>
<span class="text-xs flex gap-2 dark:text-immich-dark-fg" data-testid="album-details"
{#await getAlbumOwnerInfo() then albumOwner} ><p>{album.assetCount} items</p>
{#if user.email == albumOwner.email} <p>·</p>
<p class="text-xs text-gray-600 dark:text-immich-dark-fg">Owned</p> {#await getAlbumOwnerInfo() then albumOwner}
{:else} {#if user.email == albumOwner.email}
<p class="text-xs text-gray-600 dark:text-immich-dark-fg"> <p class="text-xs text-gray-600 dark:text-immich-dark-fg">Owned</p>
Shared by {albumOwner.firstName} {:else}
{albumOwner.lastName} <p class="text-xs text-gray-600 dark:text-immich-dark-fg">
</p> Shared by {albumOwner.firstName}
{/if} {albumOwner.lastName}
{/await} </p>
{/if}
{/await}
</span>
</div> </div>
</div> </div>