From 8e9aa5f6286a15c818a47344fc80964f5288bb52 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Thu, 20 Feb 2025 15:24:42 +0100
Subject: frontend: Allow filtering for orphaned associations

With the association count filters in place we may now also allow the
user to filter for associations that do not have a matching counterparts
(artists without a comic, for example).
---
 frontend/src/lib/toolbar/FilterOrphaned.svelte | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)
 create mode 100644 frontend/src/lib/toolbar/FilterOrphaned.svelte

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

diff --git a/frontend/src/lib/toolbar/FilterOrphaned.svelte b/frontend/src/lib/toolbar/FilterOrphaned.svelte
new file mode 100644
index 0000000..7e79be1
--- /dev/null
+++ b/frontend/src/lib/toolbar/FilterOrphaned.svelte
@@ -0,0 +1,24 @@
+<script lang="ts">
+	import { page } from '$app/state';
+	import { BasicFilterContext, NamespaceFilterContext } from '$lib/Filter.svelte';
+	import { accelerator } from '$lib/Shortcuts';
+	import Orphan from '$lib/icons/Orphan.svelte';
+
+	let { filter }: { filter: BasicFilterContext | NamespaceFilterContext } = $props();
+	let orphaned = $derived(filter.include.orphan.value);
+
+	const toggle = () => {
+		filter.include.orphan.value = !orphaned;
+		filter.apply(page.url.searchParams);
+	};
+</script>
+
+<button
+	class:toggled={orphaned}
+	class="btn-slate"
+	title="Filter orphaned"
+	onclick={toggle}
+	use:accelerator={'r'}
+>
+	<Orphan {orphaned} />
+</button>
-- 
cgit v1.2.3-2-gb3c3