diff --git a/frontend/src/routes/explorer/+page.svelte b/frontend/src/routes/explorer/+page.svelte index bd2282c..f854f50 100644 --- a/frontend/src/routes/explorer/+page.svelte +++ b/frontend/src/routes/explorer/+page.svelte @@ -19,6 +19,7 @@ // Filters let suche = $state(''); let strangFilter = $state(''); + let statusFilter = $state(''); let currentPage = $state(1); const PAGE_SIZE = 30; @@ -38,6 +39,18 @@ { value: 'mitteilung', label: 'Mitteilungen' }, ]; + const STATUS_OPTIONS = [ + { value: '', label: 'Alle Status' }, + { value: 'in_beratung', label: '⏳ In Beratung' }, + { value: 'beschlossen', label: '🟡 Beschlossen' }, + { value: 'umgesetzt', label: '🟢 Umgesetzt' }, + { value: 'teilweise_umgesetzt', label: '🟡 Teilweise' }, + { value: 'versandet', label: '🔴 Versandet' }, + { value: 'abgelehnt', label: '🔴 Abgelehnt' }, + { value: 'beantwortet', label: '🟢 Beantwortet' }, + { value: 'angefragt', label: '⏳ Angefragt' }, + ]; + const FARB_MAP: Record = { gruen: '#22c55e', gelb: '#eab308', @@ -56,6 +69,7 @@ }; if (suche) params.suche = suche; if (strangFilter) params.typ = strangFilter; + if (statusFilter) params.status = statusFilter; params = mergeFilterParams(params); const data = await fetchKetten(params); ketten = data.items; @@ -196,6 +210,14 @@ {/each} + @@ -222,11 +244,13 @@ {kette.ursprung?.aktenzeichen || `#${kette.id}`} {#if kette.ampel} - + + + {kette.ampel.label} + {/if}