public/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-16 19:43:45 +09:00
Code Issues Actions 8 Packages Projects Releases Wiki Activity

feat(web): add search bar shortcuts (#8630)

Browse Source 
add search bar shortcuts
This commit is contained in:
Daniel Dietzler
2024-04-08 19:20:24 +02:00
committed by GitHub
parent 7a16233584
commit 4f4bceec94
2 changed files with 15 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/lib/components/shared-components/search-bar/search-bar.svelte
View File

@@ -11,7 +11,7 @@
import type { MetadataSearchDto, SmartSearchDto } from '@immich/sdk';
import { getMetadataSearchQuery } from '$lib/utils/metadata-search';
import { handlePromiseError } from '$lib/utils';
import { shortcut } from '$lib/utils/shortcut';
import { shortcuts } from '$lib/utils/shortcut';
import { focusOutside } from '$lib/utils/focus-outside';
export let value = '';
@@ -87,12 +87,11 @@
</script>
<svelte:window
use:shortcut={{
shortcut: { key: 'Escape' },
onShortcut: () => {
onFocusOut();
},
}}
use:shortcuts={[
{ shortcut: { key: 'Escape' }, onShortcut: onFocusOut },
{ shortcut: { ctrl: true, key: 'k' }, onShortcut: () => input.focus() },
{ shortcut: { ctrl: true, shift: true, key: 'k' }, onShortcut: onFilterClick },
]}
/>
<div class="w-full relative" use:clickOutside={{ onOutclick: onFocusOut }} use:focusOutside={{ onFocusOut }}>
@@ -130,12 +129,10 @@
on:click={onFocusIn}
on:focus={onFocusIn}
disabled={showFilter}
use:shortcut={{
shortcut: { key: 'Escape' },
onShortcut: () => {
onFocusOut();
},
}}
use:shortcuts={[
{ shortcut: { key: 'Escape' }, onShortcut: onFocusOut },
{ shortcut: { ctrl: true, shift: true, key: 'k' }, onShortcut: onFilterClick },
]}
/>
<div class="absolute inset-y-0 {showClearIcon ? 'right-14' : 'right-5'} flex items-center pl-6 transition-all">