mirror of
https://github.com/immich-app/immich.git
synced 2025-12-19 09:13:14 +03:00
f446bc8caa
* First test * Added translation using Weblate (French) * Translated using Weblate (German) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Translated using Weblate (French) Currently translated at 100.0% (4 of 4 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/fr/ * Further testing * Further testing * Translated using Weblate (German) Currently translated at 100.0% (18 of 18 strings) Translation: immich/web Translate-URL: http://familie-mach.net/projects/immich/web/de/ * Further work * Update string file. * More strings * Automatically changed strings * Add automatically translated german file for testing purposes * Fix merge-face-selector component * Make server stats strings uppercase * Fix uppercase string * Fix some strings in jobs-panel * Fix lower and uppercase strings. Add a few additional string. Fix a few unnecessary replacements * Update german test translations * Fix typo in locales file * Change string keys * Extract more strings * Extract and replace some more strings * Update testtranslationfile * Change translation keys * Fix rebase errors * Fix one more rebase error * Remove german translation file * Co-authored-by: Daniel Dietzler <danieldietzler@users.noreply.github.com> * chore: clean up translations * chore: add new line * fix formatting * chore: fixes * fix: loading and tests --------- Co-authored-by: root <root@Blacki> Co-authored-by: admin <admin@example.com> Co-authored-by: Jason Rasmussen <jrasm91@gmail.com> Co-authored-by: Daniel Dietzler <mail@ddietzler.dev>
81 lines
2.8 KiB
Svelte
81 lines
2.8 KiB
Svelte
<script lang="ts">
|
|
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
import { locale } from '$lib/stores/preferences.store';
|
|
import type { SessionResponseDto } from '@immich/sdk';
|
|
import {
|
|
mdiAndroid,
|
|
mdiApple,
|
|
mdiAppleSafari,
|
|
mdiGoogleChrome,
|
|
mdiHelp,
|
|
mdiLinux,
|
|
mdiMicrosoftWindows,
|
|
mdiTrashCanOutline,
|
|
} from '@mdi/js';
|
|
import { DateTime, type ToRelativeCalendarOptions } from 'luxon';
|
|
import { createEventDispatcher } from 'svelte';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
export let device: SessionResponseDto;
|
|
|
|
const dispatcher = createEventDispatcher<{
|
|
delete: void;
|
|
}>();
|
|
|
|
const options: ToRelativeCalendarOptions = {
|
|
unit: 'days',
|
|
locale: $locale,
|
|
};
|
|
</script>
|
|
|
|
<div class="flex w-full flex-row">
|
|
<div class="hidden items-center justify-center pr-2 text-immich-primary dark:text-immich-dark-primary sm:flex">
|
|
{#if device.deviceOS === 'Android'}
|
|
<Icon path={mdiAndroid} size="40" />
|
|
{:else if device.deviceOS === 'iOS' || device.deviceOS === 'Mac OS'}
|
|
<Icon path={mdiApple} size="40" />
|
|
{:else if device.deviceOS.includes('Safari')}
|
|
<Icon path={mdiAppleSafari} size="40" />
|
|
{:else if device.deviceOS.includes('Windows')}
|
|
<Icon path={mdiMicrosoftWindows} size="40" />
|
|
{:else if device.deviceOS === 'Linux'}
|
|
<Icon path={mdiLinux} size="40" />
|
|
{:else if device.deviceOS === 'Chromium OS' || device.deviceType === 'Chrome' || device.deviceType === 'Chromium'}
|
|
<Icon path={mdiGoogleChrome} size="40" />
|
|
{:else}
|
|
<Icon path={mdiHelp} size="40" />
|
|
{/if}
|
|
</div>
|
|
<div class="flex grow flex-row justify-between gap-1 pl-4 sm:pl-0">
|
|
<div class="flex flex-col justify-center gap-1 dark:text-white">
|
|
<span class="text-sm">
|
|
{#if device.deviceType || device.deviceOS}
|
|
<span>{device.deviceOS || 'Unknown'} • {device.deviceType || 'Unknown'}</span>
|
|
{:else}
|
|
<span>{$t('unknown')}</span>
|
|
{/if}
|
|
</span>
|
|
<div class="text-sm">
|
|
<span class="">{$t('last_seen')}</span>
|
|
<span>{DateTime.fromISO(device.updatedAt, { locale: $locale }).toRelativeCalendar(options)}</span>
|
|
<span class="text-xs text-gray-500 dark:text-gray-400"> - </span>
|
|
<span class="text-xs text-gray-500 dark:text-gray-400">
|
|
{DateTime.fromISO(device.updatedAt, { locale: $locale }).toLocaleString(DateTime.DATETIME_MED)}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{#if !device.current}
|
|
<div>
|
|
<CircleIconButton
|
|
color="primary"
|
|
icon={mdiTrashCanOutline}
|
|
title={$t('log_out')}
|
|
size="16"
|
|
on:click={() => dispatcher('delete')}
|
|
/>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|