github-mirrors/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2026-03-22 18:49:51 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: add offline library statistics

Browse Source
This commit is contained in:
Jonathan Jogenfors
2026-02-20 23:40:23 +01:00
parent 82c6302549
commit 6982987f3f
14 changed files with 181 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/lib/components/server-statistics/ServerStatisticsCard.svelte
View File

@@ -1,17 +1,20 @@
<script lang="ts">
import { ByteUnit } from '$lib/utils/byte-units';
import { Icon, Text } from '@immich/ui';
import { Icon, LoadingSpinner, Text } from '@immich/ui';
interface Props {
icon: string;
title: string;
value: number;
value?: number;
unit?: ByteUnit | undefined;
}
let { icon, title, value, unit = undefined }: Props = $props();
let { icon, title, value = undefined, unit = undefined }: Props = $props();
const zeros = $derived(() => {
if (value === undefined) {
return '';
}
const maxLength = 13;
const valueLength = value.toString().length;
const zeroLength = maxLength - valueLength;
@@ -27,9 +30,13 @@
</div>
<div class="mx-auto font-mono text-2xl font-medium">
<span class="text-gray-300 dark:text-gray-600">{zeros()}</span><span>{value}</span>
{#if unit}
<code class="font-mono text-base font-normal">{unit}</code>
{#if value === undefined}
<LoadingSpinner />
{:else}
<span class="text-gray-300 dark:text-gray-600">{zeros()}</span><span>{value}</span>
{#if unit}
<code class="font-mono text-base font-normal">{unit}</code>
{/if}
{/if}
</div>
</div>