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

fix(web): improve focus and shortcuts (#7983)

Browse Source 
* fix(web): improve focus and shortcuts

* fix shiftKeyIsDown
This commit is contained in:
Michel Heusschen
2024-03-15 17:01:35 +01:00
committed by GitHub
parent a46366d336
commit 029dd99ae0
7 changed files with 31 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/lib/components/shared-components/gallery-viewer/gallery-viewer.svelte
View File

@ -26,17 +26,14 @@
let currentViewAssetIndex = 0;
$: isMultiSelectionMode = selectedAssets.size > 0;
const viewAssetHandler = (event: CustomEvent) => {
const { asset }: { asset: AssetResponseDto } = event.detail;
const viewAssetHandler = (asset: AssetResponseDto) => {
currentViewAssetIndex = assets.findIndex((a) => a.id == asset.id);
selectedAsset = assets[currentViewAssetIndex];
$showAssetViewer = true;
updateAssetState(selectedAsset.id, false);
};
const selectAssetHandler = (event: CustomEvent) => {
const { asset }: { asset: AssetResponseDto } = event.detail;
const selectAssetHandler = (asset: AssetResponseDto) => {
let temporary = new Set(selectedAssets);
if (selectedAssets.has(asset)) {
@ -123,8 +120,8 @@
<Thumbnail
{asset}
readonly={disableAssetSelect}
on:click={(e) => (isMultiSelectionMode ? selectAssetHandler(e) : viewAssetHandler(e))}
on:select={selectAssetHandler}
onClick={(e) => (isMultiSelectionMode ? selectAssetHandler(e) : viewAssetHandler(e))}
on:select={(e) => selectAssetHandler(e.detail.asset)}
on:intersected={(event) =>
i === Math.max(1, assets.length - 7) ? dispatch('intersected', event.detail) : undefined}
selected={selectedAssets.has(asset)}