summaryrefslogtreecommitdiffstatshomepage
path: root/frontend/src/lib/toolbar/Search.svelte
blob: f0332582b7abb0d80369252f5637002b17df5553 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script lang="ts">
	import { page } from '$app/stores';
	import { debounce } from '$lib/Actions';
	import { BasicFilterContext, getFilterContext } from '$lib/Filter';
	import { accelerator } from '$lib/Shortcuts';

	const filter = getFilterContext<BasicFilterContext>();

	export let name: string;
	export let field: string;
</script>

<input
	type="text"
	size={25}
	class="btn-slate w-min"
	placeholder="Search {name}..."
	bind:value={field}
	use:debounce={{ callback: () => $filter.apply($page.url.searchParams) }}
	use:accelerator={'F'}
/>