From b028f5337ed8525e29247974636f9e7757900f65 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Thu, 20 Feb 2025 16:09:08 +0100
Subject: frontend: Rework and improve accelerators

This commit switches around a couple of existing accelerators to make
them easier to activate with just the left hand on the keyboard and more
easily allow the addition of accelerators for all filter fields.
---
 frontend/src/lib/toolbar/FilterOrganized.svelte       | 2 +-
 frontend/src/lib/toolbar/Search.svelte                | 2 +-
 frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

(limited to 'frontend/src/lib/toolbar')

diff --git a/frontend/src/lib/toolbar/FilterOrganized.svelte b/frontend/src/lib/toolbar/FilterOrganized.svelte
index 0f95e5f..9fc9d21 100644
--- a/frontend/src/lib/toolbar/FilterOrganized.svelte
+++ b/frontend/src/lib/toolbar/FilterOrganized.svelte
@@ -24,7 +24,7 @@
 	class="btn-slate"
 	title="Filter organized"
 	onclick={toggle}
-	use:accelerator={'o'}
+	use:accelerator={'z'}
 >
 	<Organized tristate {organized} />
 </button>
diff --git a/frontend/src/lib/toolbar/Search.svelte b/frontend/src/lib/toolbar/Search.svelte
index 4806971..d5971bc 100644
--- a/frontend/src/lib/toolbar/Search.svelte
+++ b/frontend/src/lib/toolbar/Search.svelte
@@ -19,5 +19,5 @@
 	placeholder="Search {name}..."
 	bind:value={field}
 	use:debounce={{ callback: () => filter.apply(page.url.searchParams) }}
-	use:accelerator={'F'}
+	use:accelerator={'q'}
 />
diff --git a/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte b/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte
index ee07902..2ef63f4 100644
--- a/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte
+++ b/frontend/src/lib/toolbar/ToggleAdvancedFilters.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { page } from '$app/state';
 	import { navigate } from '$lib/Navigation';
+	import { accelerator } from '$lib/Shortcuts';
 	import { slideXFast } from '$lib/Transitions';
 	import Badge from '$lib/components/Badge.svelte';
 	import { slide } from 'svelte/transition';
@@ -19,6 +20,7 @@
 		class="btn-slate relative"
 		title={`${expanded ? 'Hide' : 'Show'} filters`}
 		onclick={toggle}
+		use:accelerator={'F'}
 	>
 		{#if expanded}
 			<span class="icon-base icon-[material-symbols--filter-alt]"></span>
@@ -34,6 +36,7 @@
 			transition:slide={slideXFast}
 			title="Reset filters"
 			aria-label="Reset filters"
+			use:accelerator={'X'}
 		>
 			<div class="flex">
 				<span class="icon-base icon-[material-symbols--filter-alt-off]"></span>
-- 
cgit v1.2.3-2-gb3c3