From d1d654ebac2d51e3841675faeb56480e440f622f Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Tue, 5 Mar 2024 18:08:09 +0100
Subject: Initial commit

---
 frontend/src/lib/toolbar/SelectItems.svelte | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 frontend/src/lib/toolbar/SelectItems.svelte

(limited to 'frontend/src/lib/toolbar/SelectItems.svelte')

diff --git a/frontend/src/lib/toolbar/SelectItems.svelte b/frontend/src/lib/toolbar/SelectItems.svelte
new file mode 100644
index 0000000..7ff339e
--- /dev/null
+++ b/frontend/src/lib/toolbar/SelectItems.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import { getPaginationContext } from '$lib/Pagination';
+
+	const pagination = getPaginationContext();
+
+	$: values = new Set([24, 48, 72, 90, 120, 150, 180, $pagination.items].sort((a, b) => a - b));
+</script>
+
+<select
+	class="btn-slate"
+	bind:value={$pagination.items}
+	on:change={() => $pagination.apply($page.url.searchParams)}
+	title="Limit displayed items to..."
+>
+	{#each values as value}
+		<option {value}>{value}</option>
+	{/each}
+</select>
-- 
cgit v1.2.3-2-gb3c3

