Initial commit0.1.0

1 files changed, 19 insertions, 0 deletions

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>