public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-11-15 23:52:38 +09:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

feat(web): Localize dates and numbers (#1056)

Browse Source
This commit is contained in:
Kiel Hurley
2022-12-05 04:35:20 +13:00
committed by GitHub
parent 426ce77f1c
commit 5f2b75997f
11 changed files with 86 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/components/admin-page/server-stats/server-stats-panel.svelte
View File

@@ -4,6 +4,7 @@
import PlayCircle from 'svelte-material-icons/PlayCircle.svelte';
import Memory from 'svelte-material-icons/Memory.svelte';
import StatsCard from './stats-card.svelte';
import { getBytesWithUnit, asByteUnitString } from '../../../utils/byte-units';
export let stats: ServerStatsResponseDto;
export let allUsers: Array<UserResponseDto>;
@@ -15,8 +16,9 @@
return name;
};
$: spaceUnit = stats.usage.split(' ')[1];
$: spaceUsage = stats.usage.split(' ')[0];
$: [spaceUsage, spaceUnit] = getBytesWithUnit(stats.usageRaw);
const locale = navigator.languages;
</script>
<div class="flex flex-col gap-5">
@@ -55,9 +57,9 @@
}`}
>
<td class="text-sm px-2 w-1/4 text-ellipsis">{getFullName(user.userId)}</td>
<td class="text-sm px-2 w-1/4 text-ellipsis">{user.photos}</td>
<td class="text-sm px-2 w-1/4 text-ellipsis">{user.videos}</td>
<td class="text-sm px-2 w-1/4 text-ellipsis">{user.usage}</td>
<td class="text-sm px-2 w-1/4 text-ellipsis">{user.photos.toLocaleString(locale)}</td>
<td class="text-sm px-2 w-1/4 text-ellipsis">{user.videos.toLocaleString(locale)}</td>
<td class="text-sm px-2 w-1/4 text-ellipsis">{asByteUnitString(user.usageRaw)}</td>
</tr>
{/each}
</tbody>