refactor: album page (#25140)

web/src/lib/services/album.service.ts

@@ -2,11 +2,89 @@ import { goto } from '$app/navigation';
 import ToastAction from '$lib/components/ToastAction.svelte';
 import { AppRoute } from '$lib/constants';
 import { eventManager } from '$lib/managers/event-manager.svelte';
+import type { TimelineAsset } from '$lib/managers/timeline-manager/types';
+import AlbumShareModal from '$lib/modals/AlbumShareModal.svelte';
+import { user } from '$lib/stores/user.store';
 import { downloadArchive } from '$lib/utils/asset-utils';
+import { openFileUploadDialog } from '$lib/utils/file-uploader';
 import { handleError } from '$lib/utils/handle-error';
 import { getFormatter } from '$lib/utils/i18n';
-import { deleteAlbum, updateAlbumInfo, type AlbumResponseDto, type UpdateAlbumDto } from '@immich/sdk';
-import { modalManager, toastManager } from '@immich/ui';
+import {
+  addAssetsToAlbum,
+  addUsersToAlbum,
+  deleteAlbum,
+  updateAlbumInfo,
+  type AlbumResponseDto,
+  type AlbumUserAddDto,
+  type UpdateAlbumDto,
+} from '@immich/sdk';
+import { modalManager, toastManager, type ActionItem } from '@immich/ui';
+import { mdiPlusBoxOutline, mdiShareVariantOutline, mdiUpload } from '@mdi/js';
+import { type MessageFormatter } from 'svelte-i18n';
+import { get } from 'svelte/store';
+
+export const getAlbumActions = ($t: MessageFormatter, album: AlbumResponseDto) => {
+  const isOwned = get(user).id === album.ownerId;
+
+  const Share: ActionItem = {
+    title: $t('share'),
+    type: $t('command'),
+    icon: mdiShareVariantOutline,
+    $if: () => isOwned,
+    onAction: () => modalManager.show(AlbumShareModal, { album }),
+  };
+
+  return { Share };
+};
+
+export const getAlbumAssetsActions = ($t: MessageFormatter, album: AlbumResponseDto, assets: TimelineAsset[]) => {
+  const AddAssets: ActionItem = {
+    title: $t('add_assets'),
+    type: $t('command'),
+    icon: mdiPlusBoxOutline,
+    $if: () => assets.length > 0,
+    onAction: () => addAssets(album, assets),
+  };
+
+  const Upload: ActionItem = {
+    title: $t('select_from_computer'),
+    description: $t('album_upload_assets'),
+    type: $t('command'),
+    icon: mdiUpload,
+    onAction: () => void openFileUploadDialog({ albumId: album.id }),
+  };
+
+  return { AddAssets, Upload };
+};
+
+const addAssets = async (album: AlbumResponseDto, assets: TimelineAsset[]) => {
+  const $t = await getFormatter();
+  const assetIds = assets.map(({ id }) => id);
+
+  try {
+    const results = await addAssetsToAlbum({ id: album.id, bulkIdsDto: { ids: assetIds } });
+
+    const count = results.filter(({ success }) => success).length;
+    toastManager.success($t('assets_added_count', { values: { count } }));
+    eventManager.emit('AlbumAddAssets');
+  } catch (error) {
+    handleError(error, $t('errors.error_adding_assets_to_album'));
+  }
+};
+
+export const handleAddUsersToAlbum = async (album: AlbumResponseDto, albumUsers: AlbumUserAddDto[]) => {
+  const $t = await getFormatter();
+
+  try {
+    await addUsersToAlbum({ id: album.id, addUsersDto: { albumUsers } });
+    eventManager.emit('AlbumShare');
+    return true;
+  } catch (error) {
+    handleError(error, $t('errors.error_adding_users_to_album'));
+  }
+
+  return false;
+};
 
 export const handleUpdateAlbum = async ({ id }: { id: string }, dto: UpdateAlbumDto) => {
   const $t = await getFormatter();