immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 17:25:35 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

feat(web): dedicated view for user's usage stats (#14348)

Browse Source 
* feat(web): dedicated view for user's usage stats

* cell heights

* Translation

* pr feedback

* clean up

* clean up

* pr feedback
This commit is contained in:
Alex
2024-11-26 08:59:47 -06:00
committed by GitHub
parent d277096d58
commit 361d83c729
7 changed files with 148 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
web/src/lib/components/shared-components/side-bar/side-bar.svelte
View File

@@ -24,8 +24,6 @@
} from '@mdi/js';
import SideBarSection from './side-bar-section.svelte';
import SideBarLink from './side-bar-link.svelte';
import MoreInformationAssets from '$lib/components/shared-components/side-bar/more-information-assets.svelte';
import MoreInformationAlbums from '$lib/components/shared-components/side-bar/more-information-albums.svelte';
import { t } from 'svelte-i18n';
import BottomInfo from '$lib/components/shared-components/side-bar/bottom-info.svelte';
import { preferences } from '$lib/stores/user.store';
@@ -47,11 +45,7 @@
routeId="/(user)/photos"
bind:isSelected={isPhotosSelected}
icon={isPhotosSelected ? mdiImageMultiple : mdiImageMultipleOutline}
>
{#snippet moreInformation()}
<MoreInformationAssets assetStats={{ isArchived: false }} />
{/snippet}
</SideBarLink>
></SideBarLink>
{#if $featureFlags.search}
<SideBarLink title={$t('explore')} routeId="/(user)/explore" icon={mdiMagnify} />
@@ -80,11 +74,7 @@
routeId="/(user)/sharing"
icon={isSharingSelected ? mdiAccountMultiple : mdiAccountMultipleOutline}
bind:isSelected={isSharingSelected}
>
{#snippet moreInformation()}
<MoreInformationAlbums albumType="shared" />
{/snippet}
</SideBarLink>
></SideBarLink>
<div class="text-xs transition-all duration-200 dark:text-immich-dark-fg">
<p class="hidden p-6 group-hover:sm:block md:block">{$t('library').toUpperCase()}</p>
@@ -96,17 +86,9 @@
routeId="/(user)/favorites"
icon={isFavoritesSelected ? mdiHeart : mdiHeartOutline}
bind:isSelected={isFavoritesSelected}
>
{#snippet moreInformation()}
<MoreInformationAssets assetStats={{ isFavorite: true }} />
{/snippet}
</SideBarLink>
></SideBarLink>
<SideBarLink title={$t('albums')} routeId="/(user)/albums" icon={mdiImageAlbum} flippedLogo>
{#snippet moreInformation()}
<MoreInformationAlbums albumType="owned" />
{/snippet}
</SideBarLink>
<SideBarLink title={$t('albums')} routeId="/(user)/albums" icon={mdiImageAlbum} flippedLogo></SideBarLink>
{#if $preferences.tags.enabled && $preferences.tags.sidebarWeb}
<SideBarLink title={$t('tags')} routeId="/(user)/tags" icon={mdiTagMultipleOutline} flippedLogo />
@@ -128,11 +110,7 @@
routeId="/(user)/archive"
bind:isSelected={isArchiveSelected}
icon={isArchiveSelected ? mdiArchiveArrowDown : mdiArchiveArrowDownOutline}
>
{#snippet moreInformation()}
<MoreInformationAssets assetStats={{ isArchived: true }} />
{/snippet}
</SideBarLink>
></SideBarLink>
{#if $featureFlags.trash}
<SideBarLink
@@ -140,11 +118,7 @@
routeId="/(user)/trash"
bind:isSelected={isTrashSelected}
icon={isTrashSelected ? mdiTrashCan : mdiTrashCanOutline}
>
{#snippet moreInformation()}
<MoreInformationAssets assetStats={{ isTrashed: true }} />
{/snippet}
</SideBarLink>
></SideBarLink>
{/if}
</nav>