--- type: Journal status: ACTIVE owner: Frontend Expert + UI/UX Designer last_update: 2026-03-26 --- # Session Log: Desktop-App Figma-Konformität (Vision_03) 🎨 **[Frontend Expert]** / 🖌️ **[UI/UX Designer]** / 🧹 **[Curator]** | 26. März 2026 ## Kontext Ziel: Desktop-App an Figma Vision_03 (22 Screenshots) angleichen. Styling hat keine Priorität — Struktur, Layout und Inhalte stehen im Vordergrund. --- ## Analyse: Figma Vision_03 (22 Screenshots) | Screenshot | Screen / Tab | Status | |----------------|--------------------------------|---------------------| | 01, 04, 05 | TurnierDetail > NENNUNGEN | Struktur vorhanden | | 02 | TurnierDetail > ERGEBNISLISTEN | Struktur vorhanden | | 03 | TurnierDetail > STARTLISTEN | Struktur vorhanden | | 06 | TurnierDetail > ABRECHNUNG | ✅ Neu implementiert | | 07, 08 | TurnierDetail > ARTIKEL | ✅ Neu implementiert | | 09, 10, 11, 12 | TurnierDetail > BEWERBE | Struktur vorhanden | | 13, 14 | TurnierDetail > ORGANISATION | ✅ Neu implementiert | | 15, 16 | TurnierDetail > STAMMDATEN | ✅ Neu implementiert | | 17 | VeranstaltungUebersichtScreen | ✅ Überarbeitet | | 18, 19 | VeranstalterDetailScreen | ✅ Neu implementiert | | 20, 22 | VeranstalterAuswahlScreen | ✅ Neu implementiert | | 21 | Neuer Veranstalter (Formular) | ⬜ TODO | --- ## Erledigte Änderungen ### 1. ✅ SharedUiModels.kt (NEU) - Gemeinsame Enums: `LoginStatus`, `VeranstaltungStatus` - Gemeinsame Composable: `LoginStatusBadge` - Eliminiert Duplikate aus 3 Dateien ### 2. ✅ VeranstalterAuswahlScreen.kt (ÜBERARBEITET) - OEPS-Nummer, Ansprechpartner, E-Mail, Login-Status-Badge - "+ Neuer Veranstalter"-Button - Hinweis-Box (blau) - Abbrechen / "Weiter zum Veranstalter"-Buttons unten ### 3. ✅ VeranstalterDetailScreen.kt (ÜBERARBEITET) - Avatar-Circle (Initialen) - OEPS-Nummer, Kontaktdetails-Grid (Ansprechpartner, E-Mail, Telefon, Adresse, Login-Status, Mitglied-seit) - "Profil bearbeiten"-Button - Suchfeld + Status-Filter-Chips (Alle/Vorbereitung/Live/Abgeschlossen) - Veranstaltungs-Liste mit Statistiken (Nennungen, Bewerbe, Letzte Aktivität) ### 4. ✅ VeranstaltungUebersichtScreen.kt (ÜBERARBEITET) - "VERANSTALTUNG - ÜBERSICHT"-Tab-Header - Turnier-Nummer als echte ZNS-Nummer (26128, 26129, ...) - Buttons: Öffnen / Import / Export / USB ### 5. ✅ TurnierStammdatenTab.kt (NEU) - Turnier-Konfiguration: Nr., Typ (OTO/FEI), ZNS-Import via Internet/USB, Sprache - Sparten-Checkboxen (Dressur, Springen), Klassen (C/B/A), Kategorien, Datum - Turnier-Beschreibung: Titel, Sub-Titel - Sponsoren-Sektion ### 6. ✅ TurnierOrganisationTab.kt (NEU) - Funktionäre & Offizielle: Turnierleiter, Turnierbeauftragter, Technischer Delegierter, Parcourschef - Support-Team: Tierarzt, Schmied, Steward - Richterkollegium: dynamische Liste (Name, Qualifikation-Dropdown, Funktion-Dropdown, Löschen) - Austragungsplätze: dynamische Liste (Sparte, Größe, Bezeichnung, Löschen) ### 7. ✅ TurnierArtikelTab.kt (NEU) - Nennungs- und Startgebühren: Nenngebühr, Startgebühr, Sporteuro, Nachnennungsgebühr, Nennungstausch - Stallungen & Boxen: Box/Tag, Einstreu, Paddock - Zusatzgebühren: dynamische Liste (Bezeichnung, Betrag, Pflicht-Checkbox) - Hinweis-Box zur Preisliste ### 8. ✅ TurnierAbrechnungTab.kt (NEU) - Sub-Tabs: BUCHUNGEN | OFFENE POSTEN | RECHNUNG - Rechte Sidebar: AUSWAHL | VERKAUF | BUCHUNGEN | ADRESSEN - Buchungstabelle: Buchungstext, Soll, Haben, Saldo (rot bei offen), Buchen/Rechnung-Checkboxen - Sidebar: Reiter/Pferd-Suche, Buchen-Betrag, Direkt-Drucken, Zahlungsart (BAR/Scheck/Bankomat/Kreditkarte) --- ## Offene Punkte (TODO) | Prio | Thema | Aufwand | |-------|------------------------------------------------------|---------| | 🟡 P1 | "Neuer Veranstalter"-Formular (Screenshot 21) | Klein | | 🟡 P1 | BEWERBE-Tab: echte Datentabelle + Bewerb-Formular | Mittel | | 🟡 P1 | NENNUNGEN-Tab: Pferd+Reiter-Suche + Bewerbsübersicht | Mittel | | 🟡 P2 | STARTLISTEN-Tab: Bewerbs-Tabs + Sortierung/Zeit | Mittel | | 🟡 P2 | ERGEBNISLISTEN-Tab: Bewerbs-Tabs + Platzierung | Mittel | | 🟢 P3 | Styling: Farben, Fonts, Abstände gemäß Figma | Klein | --- ## Referenzen - Figma Screenshots: `docs/06_Frontend/FIGMA/Vision_03/Screenshots/` - Quellcode: `frontend/shells/meldestelle-desktop/src/jvmMain/kotlin/at/mocode/desktop/screens/` - Routing-Diagramm: `docs/06_Frontend/Navigation_Routing_Diagramm.md`