xCJPECKOVERx
9ff664ed36
* Multi add to album picker: - update modal for multi select - Update add-to-album and add-to-album-action to work with new array return from AlbumPickerModal - Add asset-utils.addAssetsToAlbums (incomplete) * initial addToAlbums endpoint * - fix endpoint - add test * - update return type - make open-api * - simplify return dto - handle notification * - fix returns - clean up * - update i18n - format & check * - checks * - correct successId count - fix assets_cannot_be_added language call * tests * foromat * refactor * - update successful add message to included total attempted * - fix web test - format i18n * - fix open-api * - fix imports to resolve checks * - PR suggestions * open-api * refactor addAssetsToAlbums * refactor it again * - fix error returns and tests * - swap icon for IconButton - don't nest the buttons * open-api * - Cleanup multi-select button to match Thumbnail * merge and openapi * - remove onclick from icon element * - fix double onClose call with keyboard shortcuts * - spelling and formatting - apply new api permission * - open-api * chore: styling * translation --------- Co-authored-by: Alex <alex.tran1502@gmail.com>
50 lines
1.7 KiB
Svelte
50 lines
1.7 KiB
Svelte
<script lang="ts">
|
|
import { shortcut } from '$lib/actions/shortcut';
|
|
import type { OnAction } from '$lib/components/asset-viewer/actions/action';
|
|
import MenuOption from '$lib/components/shared-components/context-menu/menu-option.svelte';
|
|
import { AssetAction } from '$lib/constants';
|
|
import AlbumPickerModal from '$lib/modals/AlbumPickerModal.svelte';
|
|
import { addAssetsToAlbum, addAssetsToAlbums } from '$lib/utils/asset-utils';
|
|
import { toTimelineAsset } from '$lib/utils/timeline-util';
|
|
import type { AssetResponseDto } from '@immich/sdk';
|
|
import { modalManager } from '@immich/ui';
|
|
import { mdiImageAlbum, mdiShareVariantOutline } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
|
|
interface Props {
|
|
asset: AssetResponseDto;
|
|
onAction: OnAction;
|
|
shared?: boolean;
|
|
}
|
|
|
|
let { asset, onAction, shared = false }: Props = $props();
|
|
|
|
const onClick = async () => {
|
|
const albums = await modalManager.show(AlbumPickerModal, { shared });
|
|
|
|
if (!albums || albums.length === 0) {
|
|
return;
|
|
}
|
|
|
|
if (albums.length === 1) {
|
|
const album = albums[0];
|
|
await addAssetsToAlbum(album.id, [asset.id]);
|
|
onAction({ type: AssetAction.ADD_TO_ALBUM, asset: toTimelineAsset(asset), album });
|
|
} else {
|
|
await addAssetsToAlbums(
|
|
albums.map((a) => a.id),
|
|
[asset.id],
|
|
);
|
|
onAction({ type: AssetAction.ADD_TO_ALBUM, asset: toTimelineAsset(asset), album: albums[0] });
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<svelte:document use:shortcut={{ shortcut: { key: 'l', shift: shared }, onShortcut: onClick }} />
|
|
|
|
<MenuOption
|
|
icon={shared ? mdiShareVariantOutline : mdiImageAlbum}
|
|
text={shared ? $t('add_to_shared_album') : $t('add_to_album')}
|
|
{onClick}
|
|
/>
|