helpy4/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich synced 2025-11-14 17:36:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

feat(web): manually link live photos (#12514)

Browse source 
feat(web,server): manually link live photos
This commit is contained in:
Jason Rasmussen 2024-09-10 08:51:11 -04:00 • committed by GitHub
parent 12bfb19852
commit 27050af57b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
16 changed files with 178 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

44
web/src/lib/components/photos-page/actions/link-live-photo-action.svelte Normal file
View file

@ -0,0 +1,44 @@
<script lang="ts">
import CircleIconButton from '$lib/components/elements/buttons/circle-icon-button.svelte';
import type { OnLink } from '$lib/utils/actions';
import { AssetTypeEnum, updateAsset } from '@immich/sdk';
import { mdiMotionPlayOutline, mdiTimerSand } from '@mdi/js';
import { t } from 'svelte-i18n';
import MenuOption from '../../shared-components/context-menu/menu-option.svelte';
import { getAssetControlContext } from '../asset-select-control-bar.svelte';
export let onLink: OnLink;
export let menuItem = false;
let loading = false;
const text = $t('link_motion_video');
const icon = mdiMotionPlayOutline;
const { clearSelect, getOwnedAssets } = getAssetControlContext();
const handleLink = async () => {
let [still, motion] = [...getOwnedAssets()];
if (still.type === AssetTypeEnum.Video) {
[still, motion] = [motion, still];
}
loading = true;
const response = await updateAsset({ id: still.id, updateAssetDto: { livePhotoVideoId: motion.id } });
onLink(response);
clearSelect();
loading = false;
};
</script>
{#if menuItem}
<MenuOption {text} {icon} onClick={handleLink} />
{/if}
{#if !menuItem}
{#if loading}
<CircleIconButton title={$t('loading')} icon={mdiTimerSand} />
{:else}
<CircleIconButton title={text} {icon} on:click={handleLink} />
{/if}
{/if}