Antragstracker
Hagen
Dashboard
Explorer
Ketten
Vorlagen
Abstimmungen
Karte
Fristen
Fraktionen
Anleitung
menuOpen = !menuOpen} class="inline-flex items-center justify-center p-3 rounded-md text-gray-500 hover:text-gray-900 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-green-500" aria-expanded={menuOpen} aria-label="Hauptmenü" > {#if menuOpen}
{:else}
{/if}
{#if menuOpen}
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Dashboard
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Explorer
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Ketten
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Vorlagen
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Abstimmungen
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Karte
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Fristen
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Fraktionen
menuOpen = false} class="block text-gray-600 hover:text-gray-900 hover:bg-gray-50 px-3 py-3 rounded-md text-base font-medium">Anleitung
{/if}
Periode
{#each PERIODEN as p}
togglePeriode(p)} class="px-2 py-1 rounded-md text-xs font-medium transition-all {filters.perioden.includes(p) ? 'bg-green-600 text-white shadow-sm' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}"> {p}
{/each}
Partei
{#each fraktionenList.items as f}
togglePartei(f.kuerzel)} class="px-2 py-1 rounded-md text-xs font-medium transition-all border" style={filters.parteien.includes(f.kuerzel) ? `background-color: ${f.farbe || '#6b7280'}; color: white; border-color: ${f.farbe || '#6b7280'};` : `background-color: white; color: ${f.farbe || '#6b7280'}; border-color: ${f.farbe || '#6b7280'}40;`}> {f.kuerzel}
{/each}
{#if hasActiveFilters()}
✕ Reset
{/if}
{@render children()}