Initial commit0.1.0

1 files changed, 31 insertions, 0 deletions

diff --git a/frontend/src/lib/filter/TagFilterForm.svelte b/frontend/src/lib/filter/TagFilterForm.svelte
new file mode 100644
index 0000000..be5996e
--- /dev/null
+++ b/frontend/src/lib/filter/TagFilterForm.svelte
@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { namespaceList } from '$gql/Queries';
+	import { TagFilterContext, getFilterContext } from '$lib/Filter';
+	import { getContextClient } from '@urql/svelte';
+	import FilterForm from './components/FilterForm.svelte';
+	import TagFilterGroup from './components/TagFilterGroup.svelte';
+
+	const client = getContextClient();
+
+	$: namespaceQuery = namespaceList(client);
+	$: namespaces = $namespaceQuery.data?.namespaces.edges;
+
+	const filter = getFilterContext<TagFilterContext>();
+	const apply = () => $filter.apply($page.url.searchParams);
+</script>
+
+<FilterForm on:submit={apply}>
+	<TagFilterGroup
+		slot="include"
+		type="include"
+		bind:controls={$filter.include.controls}
+		{namespaces}
+	/>
+	<TagFilterGroup
+		slot="exclude"
+		type="exclude"
+		bind:controls={$filter.exclude.controls}
+		{namespaces}
+	/>
+</FilterForm>