Strang-basierte Klassifikation + Legende + Nutzungsanleitung #16

New Issue

tobias · 2026-04-01T18:15:59+02:00

tobias commented

2026-04-01 18:15:59 +02:00

Überblick

Komplett neues UI-Konzept: Strang-basierte Klassifikation mit 3-Panel-Layout.

Die vier Stränge

1. Anträge (4.798)

Politik will etwas → Verwaltung soll umsetzen

Kontrollfrage: Hat die Verwaltung umgesetzt?
Zustände: eingereicht → in_beratung → beschlossen → umgesetzt/teilweise/versandet
Farben: beschlossen=🟡, umgesetzt=🟢, versandet=🔴, abgelehnt=🔴

2. Beschlussvorlagen (9.812)

Verwaltung legt Rat etwas vor

Kontrollfrage: Wurde so umgesetzt wie beschlossen?
Gleiche Zustände + Farben wie Anträge

3. Anfragen (1.519)

Politik fragt Verwaltung

Kontrollfrage: Wurde befriedigend geantwortet?
Zustände: angefragt → beantwortet
Farben: angefragt=🟡, beantwortet=🟢

4. Mitteilungsvorlagen (1.484)

Verwaltung informiert Rat

Keine Kontrollfrage, nur Kenntnisnahme
Neutral grau/blau

Ampel-Visualisierung

Jede Kette zeigt eine Fortschrittsanzeige:

○ eingereicht → ○ in Beratung → ○ beschlossen → ● versandet

Alle Zustände grau aufgeführt
Aktueller Status farbig (grün/gelb/rot je nach Bewertung)
Ampel erscheint oben in der Ketten-Ansicht
Wird an allen Gliedern der Kette angezeigt

3-Panel-Layout (Hauptansicht für Vorlagen/Ketten)

┌──────────────┬───────────┬─────────────────────────┐
│ Auftakt-     │ Kette     │ Vorlage (Detail)        │
│ anträge      │           │                         │
│ (Liste)      │ ● Status  │ Aktenzeichen, Betreff,  │
│              │ ┃         │ Volltext, KI-Zusammen-  │
│ 0254/2026 ▸  │ ┃ -1      │ fassung, Beratungen...  │
│ 0010/2025    │ ┃         │                         │
│ 0693/2025    │ ○ Basis   │                         │
│ ...          │           │          ≥50%           │
│              │   ~15%    │                         │
│    ~20%      │           │                         │
└──────────────┴───────────┴─────────────────────────┘

Verhalten

Links (~20%): Gefilterte Auftaktanträge, Klick wählt Kette
Mitte (~15%): Ketten-Timeline mit Ampel oben, Glieder chronologisch absteigend, Klick wählt Vorlage
Rechts (≥50%): Ausgewählte Vorlage im Detail — KEINE Ketten-Info mehr im Detail nötig
Einzelvorlage ohne Kette: Mitte zeigt nur ein Element
Mobile: Gestackt — Ampel + Kette oben, Detail darunter

Konsequenzen

Vorlagen-Detailseite braucht keinen Ketten-Block mehr (Kette steht daneben)
Ketten-Seite und Vorlagen-Seite verschmelzen zu einer Ansicht
Separate Ketten-Detailseite entfällt oder wird Redirect

Legende + Nutzungsanleitung

Legende auf Dashboard: Strang → Zustände → Farben → Kontrollfrage
Neue Seite /anleitung mit konkreten Szenarien:
- Ratsarbeit kontrollieren
- Umsetzung nachverfolgen
- Anfragen-Tracking
- Verwaltungshandeln bewerten

Technisch

Backend

Status-Engine: Getrennte Logik pro Strang
Neues Feld: strang (antrag/beschlussvorlage/anfrage/mitteilung)
Farbcodes + Ampel-Positionen im API-Response

Frontend

3-Panel-Komponente (Desktop) / gestackt (Mobile)
Ampel-Komponente (wiederverwendbar)
Legende-Komponente

## Überblick Komplett neues UI-Konzept: Strang-basierte Klassifikation mit 3-Panel-Layout. ## Die vier Stränge ### 1. Anträge (4.798) Politik will etwas → Verwaltung soll umsetzen - **Kontrollfrage:** Hat die Verwaltung umgesetzt? - Zustände: eingereicht → in_beratung → beschlossen → umgesetzt/teilweise/versandet - Farben: beschlossen=🟡, umgesetzt=🟢, versandet=🔴, abgelehnt=🔴 ### 2. Beschlussvorlagen (9.812) Verwaltung legt Rat etwas vor - **Kontrollfrage:** Wurde so umgesetzt wie beschlossen? - Gleiche Zustände + Farben wie Anträge ### 3. Anfragen (1.519) Politik fragt Verwaltung - **Kontrollfrage:** Wurde befriedigend geantwortet? - Zustände: angefragt → beantwortet - Farben: angefragt=🟡, beantwortet=🟢 ### 4. Mitteilungsvorlagen (1.484) Verwaltung informiert Rat - Keine Kontrollfrage, nur Kenntnisnahme - Neutral grau/blau ## Ampel-Visualisierung Jede Kette zeigt eine Fortschrittsanzeige: ``` ○ eingereicht → ○ in Beratung → ○ beschlossen → ● versandet ``` - Alle Zustände grau aufgeführt - Aktueller Status farbig (grün/gelb/rot je nach Bewertung) - Ampel erscheint oben in der Ketten-Ansicht - Wird an allen Gliedern der Kette angezeigt ## 3-Panel-Layout (Hauptansicht für Vorlagen/Ketten) ``` ┌──────────────┬───────────┬─────────────────────────┐ │ Auftakt- │ Kette │ Vorlage (Detail) │ │ anträge │ │ │ │ (Liste) │ ● Status │ Aktenzeichen, Betreff, │ │ │ ┃ │ Volltext, KI-Zusammen- │ │ 0254/2026 ▸ │ ┃ -1 │ fassung, Beratungen... │ │ 0010/2025 │ ┃ │ │ │ 0693/2025 │ ○ Basis │ │ │ ... │ │ ≥50% │ │ │ ~15% │ │ │ ~20% │ │ │ └──────────────┴───────────┴─────────────────────────┘ ``` ### Verhalten - **Links (~20%):** Gefilterte Auftaktanträge, Klick wählt Kette - **Mitte (~15%):** Ketten-Timeline mit Ampel oben, Glieder chronologisch absteigend, Klick wählt Vorlage - **Rechts (≥50%):** Ausgewählte Vorlage im Detail — KEINE Ketten-Info mehr im Detail nötig - **Einzelvorlage ohne Kette:** Mitte zeigt nur ein Element - **Mobile:** Gestackt — Ampel + Kette oben, Detail darunter ### Konsequenzen - Vorlagen-Detailseite braucht keinen Ketten-Block mehr (Kette steht daneben) - Ketten-Seite und Vorlagen-Seite verschmelzen zu einer Ansicht - Separate Ketten-Detailseite entfällt oder wird Redirect ## Legende + Nutzungsanleitung - Legende auf Dashboard: Strang → Zustände → Farben → Kontrollfrage - Neue Seite /anleitung mit konkreten Szenarien: - Ratsarbeit kontrollieren - Umsetzung nachverfolgen - Anfragen-Tracking - Verwaltungshandeln bewerten ## Technisch ### Backend - Status-Engine: Getrennte Logik pro Strang - Neues Feld: strang (antrag/beschlussvorlage/anfrage/mitteilung) - Farbcodes + Ampel-Positionen im API-Response ### Frontend - 3-Panel-Komponente (Desktop) / gestackt (Mobile) - Ampel-Komponente (wiederverwendbar) - Legende-Komponente

tobias referenced this issue from a commit

2026-04-01 18:31:22 +02:00

feat(#16): Strang-basierte Klassifikation mit Ampel

tobias referenced this issue from a commit

2026-04-01 20:25:27 +02:00

feat(frontend): 3-Panel Explorer + Ampel-Komponente (#16)

tobias referenced this issue from a commit

2026-04-02 00:36:32 +02:00

feat: Strang-basierte Klassifikation + Explorer + Ampel (#16)

tobias closed this issue

2026-04-02 00:36:32 +02:00

Sign in to join this conversation.