Mark sprint tasks A-1 and parts of B-1 through B-3 as complete. Finalize design inventory, add Editier-Formulare guidelines, Bewerb creation workflow with Abteilungs-Logik, and Veranstaltungs-Kassa wireframes to documentation.

This commit is contained in:
2026-04-03 00:36:44 +02:00
parent 2b3e2d8c1b
commit 62c0d9d75c
4 changed files with 443 additions and 16 deletions
@@ -0,0 +1,111 @@
---
type: Frontend Wireframe
status: DRAFT
owner: 🖌️ UI/UX Designer
last_update: 2026-04-03
related:
- docs/06_Frontend/Navigation_V3_Screen-Baum_und_Back-Stack.md
- docs/04_Agents/Roadmaps/UIUX_Roadmap.md
---
# Wireframes — VeranstaltungsKassa
Ziel: Übersicht über offene Beträge der Teilnehmer über mehrere Turniere einer Veranstaltung, klarer Zahlungsflow mit Aufteilung und Rechnungsvorschau. V3konforme Navigation (Push über Detail; Back geht zurück).
---
## A. GesamtSaldoAnsicht (EventEbene)
```
TopBar: ← Kassa — Veranstaltung „CSN Frühling 2026“ [Suche 🔎]
┌─ Filter/Tools ─────────────────────────────────────────────────────────────────────┐
│ Teilnehmer/Team [________] | Status [Offen v] | Turnier [Alle v] | [ Export CSV ] │
└────────────────────────────────────────────────────────────────────────────────────┘
┌─ Tabelle: Teilnehmer (aggregiert über Turniere) ───────────────────────────────────┐
│ Teilnehmer | Turniere mit offenen Posten | Offen gesamt | Aktionen │
│───────────────────┼─────────────────────────────┼───────────────┼─────────────────│
│ Anna Mayer | Springen SA, Dressur SO | € 75,00 | [Zahlen] [Detail]
│ Team König | Dressur SA | € 30,00 | [Zahlen] [Detail]
│ … │
└────────────────────────────────────────────────────────────────────────────────────┘
Hinweis: „Detail“ öffnet pro Teilnehmer eine SidePanelAuflistung je Turnier.
```
Side Panel „TeilnehmerDetail“ (optional):
```
┌───────────── Side Sheet: Anna Mayer ─────────────┐
│ Turnier Springen SA | Offen € 50,00 │
│ • Nennung € 25,00 │
│ • Nachnenngebühr € 25,00 │
│ Turnier Dressur SO | Offen € 25,00 │
│ • Nennung € 25,00 │
│ [Zahlvorgang…] │
└──────────────────────────────────────────────────┘
```
---
## B. ZahlvorgangDialog (Aufteilung über Turniere)
```
┌──────── Zahlung erfassen — Anna Mayer ────────┐
│ Eingabe: │
│ Betrag erhalten [ 75,00 ] Währung [€] │
│ Zahlungsart [ Bar v ] │
│ BelegNr. [ ....... ] (optional) │
│ │
│ Aufteilung auf Turniere: │
│ Springen SA Offen € 50,00 [ 50,00 ] │
│ Dressur SO Offen € 25,00 [ 25,00 ] │
│ Rest € 0,00 (Auto) │
│ │
│ [Abbrechen] [Weiter →] │
└───────────────────────────────────────────────┘
```
Regeln:
- Default: Verteilt automatisch TopDown nach offenem Betrag; editierbar.
- Restbetrag darf nicht negativ sein; ValidierungsHinweis inline.
- Speicherung erzeugt Buchungen je Turnier (Transaktion), Offlinefähig mit PendingStatus.
---
## C. Rechnungsvorschau (Tabs oder SidebySide)
Variante 1 — Tabs (einfacher, platzsparend):
```
┌──────── Rechnungsvorschau — Anna Mayer ────────┐
│ Tabs: [ Springen SA ] [ Dressur SO ] │
│ │
│ (PDFPreview/Komposition) │
│ │
│ [← Zurück] [Buchen & Drucken] │
└────────────────────────────────────────────────┘
```
Variante 2 — SidebySide (breit, schneller Vergleich):
```
┌──────── Rechnungsvorschau — Anna Mayer (2 Spalten) ──────────────────────────────┐
│ ┌─ Springen SA ───────────────────────────┐ ┌─ Dressur SO ────────────────────┐ │
│ │ Leistungen … │ │ Leistungen … │ │
│ │ Summe € 50,00 │ │ Summe € 25,00 │ │
│ └─────────────────────────────────────────┘ └──────────────────────────────────┘ │
│ │
│ [← Zurück] [Buchen & Drucken] │
└───────────────────────────────────────────────────────────────────────────────────┘
```
Entscheidungsempfehlung: Tabs als Default; SidebySide optional, wenn Fensterbreite ≥ 1440 px.
---
## Komponenten & Hinweise
- Reusable: `DataTable`, `SideSheet`, `MoneyField` (lokalisiert), `PaymentMethodSelect`, `PdfPreview`.
- States: Offline Pending, Fehlerbehandlung pro Turnierbuchung, Undo (sofortiges Rückgängig in Snackbar mit Timeout).
- Navigation: Kassa als Push über Detail (V3), kein eigener Tab; Back kehrt zum Detail zurück.