self-hosted/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-06-24 04:46:50 +02:00
Code Issues Releases Activity

feat(web): new shortcuts (#3111)

Browse Source 
* feat: shortcuts

Signed-off-by: martabal <74269598+martabal@users.noreply.github.com>

* fix: remove listener on component destroy

Signed-off-by: martabal <74269598+martabal@users.noreply.github.com>

* revert delete shortcut

Signed-off-by: martabal <74269598+martabal@users.noreply.github.com>

* feat: new notifications

Signed-off-by: martabal <74269598+martabal@users.noreply.github.com>

* fix: use handleError

Signed-off-by: martabal <74269598+martabal@users.noreply.github.com>

---------

Signed-off-by: martabal <74269598+martabal@users.noreply.github.com>
This commit is contained in:
martin
2023-07-17 05:16:14 +02:00
committed by GitHub
parent e287b18435
commit f9032866e7
3 changed files with 66 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
web/src/lib/components/asset-viewer/asset-viewer.svelte
View File

@ -20,6 +20,7 @@
import { addAssetsToAlbum, downloadFile } from '$lib/utils/asset-utils';
import NavigationArea from './navigation-area.svelte';
import { browser } from '$app/environment';
import { handleError } from '$lib/utils/handle-error';
export let asset: AssetResponseDto;
export let publicSharedKey = '';
@ -35,7 +36,7 @@
let isShowProfileImageCrop = false;
let shouldShowDownloadButton = sharedLink ? sharedLink.allowDownload : true;
let canCopyImagesToClipboard: boolean;
const onKeyboardPress = (keyInfo: KeyboardEvent) => handleKeyboardPress(keyInfo.key);
const onKeyboardPress = (keyInfo: KeyboardEvent) => handleKeyboardPress(keyInfo.key, keyInfo.shiftKey);
onMount(async () => {
document.addEventListener('keydown', onKeyboardPress);
@ -65,16 +66,11 @@
}
};
const handleKeyboardPress = (key: string) => {
const handleKeyboardPress = (key: string, shiftKey: boolean) => {
switch (key) {
case 'Escape':
closeViewer();
return;
case 'Delete':
isShowDeleteConfirmation = true;
return;
case 'i':
$isShowDetail = !$isShowDetail;
case 'a':
case 'A':
if (shiftKey) toggleArchive();
return;
case 'ArrowLeft':
navigateAssetBackward();
@ -82,6 +78,22 @@
case 'ArrowRight':
navigateAssetForward();
return;
case 'd':
case 'D':
if (shiftKey) downloadFile(asset, publicSharedKey);
return;
case 'Delete':
isShowDeleteConfirmation = true;
return;
case 'Escape':
closeViewer();
return;
case 'f':
toggleFavorite();
return;
case 'i':
$isShowDetail = !$isShowDetail;
return;
}
};
@ -135,15 +147,24 @@
};
const toggleFavorite = async () => {
const { data } = await api.assetApi.updateAsset({
id: asset.id,
updateAssetDto: {
isFavorite: !asset.isFavorite,
},
});
try {
const { data } = await api.assetApi.updateAsset({
id: asset.id,
updateAssetDto: {
isFavorite: !asset.isFavorite,
},
});
asset.isFavorite = data.isFavorite;
assetStore.updateAsset(asset.id, data.isFavorite);
asset.isFavorite = data.isFavorite;
assetStore.updateAsset(asset.id, data.isFavorite);
notificationController.show({
type: NotificationType.Info,
message: asset.isFavorite ? `Added to favorites` : `Removed from favorites`,
});
} catch (error) {
handleError(error, `Unable to ${asset.isArchived ? `add asset to` : `remove asset from`} favorites`);
}
};
const openAlbumPicker = (shared: boolean) => {
@ -206,11 +227,7 @@
message: asset.isArchived ? `Added to archive` : `Removed from archive`,
});
} catch (error) {
console.error(error);
notificationController.show({
type: NotificationType.Error,
message: `Error ${asset.isArchived ? 'archiving' : 'unarchiving'} asset, check console for more details`,
});
handleError(error, `Unable to ${asset.isArchived ? `add asset to` : `remove asset from`} archive`);
}
};