self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2024-11-28 09:33:27 +02:00
Code Issues Releases Activity

chore(web): remove unused file (#11696)

Browse Source
This commit is contained in:
Michel Heusschen 2024-08-11 14:01:37 +02:00 committed by GitHub
parent efdf8bbca9
commit 7d320217b9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 0 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
web/src/lib/components/album-page/thumbnail-selection.svelte
View File

@ -1,53 +0,0 @@
<script lang="ts">
import type { AlbumResponseDto, AssetResponseDto } from '@immich/sdk';
import { createEventDispatcher } from 'svelte';
import { quintOut } from 'svelte/easing';
import { fly } from 'svelte/transition';
import Thumbnail from '../assets/thumbnail/thumbnail.svelte';
import Button from '../elements/buttons/button.svelte';
import ControlAppBar from '../shared-components/control-app-bar.svelte';
import { t } from 'svelte-i18n';
export let album: AlbumResponseDto;
let selectedThumbnail: AssetResponseDto | undefined;
const dispatch = createEventDispatcher<{
close: void;
thumbnail: AssetResponseDto | undefined;
}>();
$: isSelected = (id: string): boolean | undefined => {
return !selectedThumbnail && album.albumThumbnailAssetId == id ? true : selectedThumbnail?.id == id;
};
</script>
<section
transition:fly={{ y: 500, duration: 100, easing: quintOut }}
class="absolute left-0 top-0 z-[9999] h-full w-full bg-immich-bg py-[160px] dark:bg-immich-dark-bg"
>
<ControlAppBar on:close={() => dispatch('close')}>
<svelte:fragment slot="leading">
<p class="text-lg">{$t('select_album_cover')}</p>
</svelte:fragment>
<svelte:fragment slot="trailing">
<Button
size="sm"
rounded="lg"
disabled={selectedThumbnail == undefined}
on:click={() => dispatch('thumbnail', selectedThumbnail)}
>
{$t('done')}
</Button>
</svelte:fragment>
</ControlAppBar>
<section class="flex flex-wrap gap-14 overflow-y-auto px-20">
<!-- Image grid -->
<div class="flex flex-wrap gap-[2px]">
{#each album.assets as asset (asset.id)}
<Thumbnail {asset} onClick={() => (selectedThumbnail = asset)} selected={isSelected(asset.id)} />
{/each}
</div>
</section>
</section>