40 lines
1.4 KiB
Svelte
40 lines
1.4 KiB
Svelte
<script lang="ts">
|
|
import ChangeDate from '$lib/components/shared-components/change-date.svelte';
|
|
import { user } from '$lib/stores/user.store';
|
|
import { getSelectedAssets } from '$lib/utils/asset-utils';
|
|
import { handleError } from '$lib/utils/handle-error';
|
|
import { updateAssets } from '@immich/sdk';
|
|
import { DateTime } from 'luxon';
|
|
import MenuOption from '../../shared-components/context-menu/menu-option.svelte';
|
|
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
|
|
import { mdiCalendarEditOutline } from '@mdi/js';
|
|
import { t } from 'svelte-i18n';
|
|
export let menuItem = false;
|
|
const { clearSelect, getOwnedAssets } = getAssetControlContext();
|
|
|
|
let isShowChangeDate = false;
|
|
|
|
const handleConfirm = async (dateTimeOriginal: string) => {
|
|
isShowChangeDate = false;
|
|
const ids = getSelectedAssets(getOwnedAssets(), $user);
|
|
|
|
try {
|
|
await updateAssets({ assetBulkUpdateDto: { ids, dateTimeOriginal } });
|
|
} catch (error) {
|
|
handleError(error, $t('errors.unable_to_change_date'));
|
|
}
|
|
clearSelect();
|
|
};
|
|
</script>
|
|
|
|
{#if menuItem}
|
|
<MenuOption text={$t('change_date')} icon={mdiCalendarEditOutline} on:click={() => (isShowChangeDate = true)} />
|
|
{/if}
|
|
{#if isShowChangeDate}
|
|
<ChangeDate
|
|
initialDate={DateTime.now()}
|
|
on:confirm={({ detail: date }) => handleConfirm(date)}
|
|
on:cancel={() => (isShowChangeDate = false)}
|
|
/>
|
|
{/if}
|