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

feat(web): remove library type column (#16254)

Browse Source
This commit is contained in:
Jonathan Jogenfors 2025-02-22 00:00:16 +01:00 committed by GitHub
parent d350022dec
commit 9c2c85cbe1
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
web/src/routes/admin/library-management/+page.svelte
View File

@ -1,5 +1,4 @@
<script lang="ts"> <script lang="ts">
import Icon from '$lib/components/elements/icon.svelte';
import LibraryImportPathsForm from '$lib/components/forms/library-import-paths-form.svelte'; import LibraryImportPathsForm from '$lib/components/forms/library-import-paths-form.svelte';
import LibraryRenameForm from '$lib/components/forms/library-rename-form.svelte'; import LibraryRenameForm from '$lib/components/forms/library-rename-form.svelte';
import LibraryScanSettingsForm from '$lib/components/forms/library-scan-settings-form.svelte'; import LibraryScanSettingsForm from '$lib/components/forms/library-scan-settings-form.svelte';
@ -30,7 +29,7 @@
type UserResponseDto, type UserResponseDto,
} from '@immich/sdk'; } from '@immich/sdk';
import { Button, Text } from '@immich/ui'; import { Button, Text } from '@immich/ui';
import { mdiDatabase, mdiDotsVertical, mdiPlusBoxOutline, mdiSync } from '@mdi/js'; import { mdiDotsVertical, mdiPlusBoxOutline, mdiSync } from '@mdi/js';
import { onMount } from 'svelte'; import { onMount } from 'svelte';
import { t } from 'svelte-i18n'; import { t } from 'svelte-i18n';
import { fade, slide } from 'svelte/transition'; import { fade, slide } from 'svelte/transition';
@ -47,8 +46,8 @@
let stats: LibraryStatsResponseDto[] = []; let stats: LibraryStatsResponseDto[] = [];
let owner: UserResponseDto[] = $state([]); let owner: UserResponseDto[] = $state([]);
let photos: number[] = []; let photos: number[] = $state([]);
let videos: number[] = []; let videos: number[] = $state([]);
let totalCount: number[] = $state([]); let totalCount: number[] = $state([]);
let diskUsage: number[] = $state([]); let diskUsage: number[] = $state([]);
let diskUsageUnit: ByteUnit[] = $state([]); let diskUsageUnit: ByteUnit[] = $state([]);
@ -286,10 +285,10 @@
class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary" class="mb-4 flex h-12 w-full rounded-md border bg-gray-50 text-immich-primary dark:border-immich-dark-gray dark:bg-immich-dark-gray dark:text-immich-dark-primary"
> >
<tr class="grid grid-cols-6 w-full place-items-center"> <tr class="grid grid-cols-6 w-full place-items-center">
<th class="text-center text-sm font-medium">{$t('type')}</th>
<th class="text-center text-sm font-medium">{$t('name')}</th> <th class="text-center text-sm font-medium">{$t('name')}</th>
<th class="text-center text-sm font-medium">{$t('owner')}</th> <th class="text-center text-sm font-medium">{$t('owner')}</th>
<th class="text-center text-sm font-medium">{$t('assets')}</th> <th class="text-center text-sm font-medium">{$t('photos')}</th>
<th class="text-center text-sm font-medium">{$t('videos')}</th>
<th class="text-center text-sm font-medium">{$t('size')}</th> <th class="text-center text-sm font-medium">{$t('size')}</th>
<th class="text-center text-sm font-medium"></th> <th class="text-center text-sm font-medium"></th>
</tr> </tr>
@ -303,28 +302,27 @@
: 'bg-immich-bg dark:bg-immich-dark-gray/50' : 'bg-immich-bg dark:bg-immich-dark-gray/50'
}`} }`}
> >
<td class=" px-10 text-sm"> <td class="text-ellipsis px-4 text-sm">{library.name}</td>
<Icon <td class="text-ellipsis px-4 text-sm">
path={mdiDatabase}
size="40"
title={$t('admin.external_library_created_at', { values: { date: library.createdAt } })}
/>
</td>
<td class=" text-ellipsis px-4 text-sm">{library.name}</td>
<td class=" text-ellipsis px-4 text-sm">
{#if owner[index] == undefined} {#if owner[index] == undefined}
<LoadingSpinner size="40" /> <LoadingSpinner size="40" />
{:else}{owner[index].name}{/if} {:else}{owner[index].name}{/if}
</td> </td>
<td class=" text-ellipsis px-4 text-sm"> <td class="text-ellipsis px-4 text-sm">
{#if totalCount[index] == undefined} {#if photos[index] == undefined}
<LoadingSpinner size="40" /> <LoadingSpinner size="40" />
{:else} {:else}
{totalCount[index].toLocaleString($locale)} {photos[index].toLocaleString($locale)}
{/if} {/if}
</td> </td>
<td class=" text-ellipsis px-4 text-sm"> <td class="text-ellipsis px-4 text-sm">
{#if videos[index] == undefined}
<LoadingSpinner size="40" />
{:else}
{videos[index].toLocaleString($locale)}
{/if}
</td>
<td class="text-ellipsis px-4 text-sm">
{#if diskUsage[index] == undefined} {#if diskUsage[index] == undefined}
<LoadingSpinner size="40" /> <LoadingSpinner size="40" />
{:else} {:else}
@ -333,7 +331,7 @@
{/if} {/if}
</td> </td>
<td class=" text-ellipsis px-4 text-sm"> <td class="text-ellipsis px-4 text-sm">
<ButtonContextMenu <ButtonContextMenu
align="top-right" align="top-right"
direction="left" direction="left"