Compare commits
4 Commits
e9fabb9ee7
...
3da6643724
| Author | SHA1 | Date | |
|---|---|---|---|
| 3da6643724 | |||
| 43d83e403a | |||
| 7a10d8bb18 | |||
| b7e78bbab5 |
|
|
@ -1,61 +0,0 @@
|
|||
**Add your own guidelines here**
|
||||
<!--
|
||||
|
||||
System Guidelines
|
||||
|
||||
Use this file to provide the AI with rules and guidelines you want it to follow.
|
||||
This template outlines a few examples of things you can add. You can add your own sections and format it to suit your needs
|
||||
|
||||
TIP: More context isn't always better. It can confuse the LLM. Try and add the most important rules you need
|
||||
|
||||
# General guidelines
|
||||
|
||||
Any general rules you want the AI to follow.
|
||||
For example:
|
||||
|
||||
* Only use absolute positioning when necessary. Opt for responsive and well structured layouts that use flexbox and grid by default
|
||||
* Refactor code as you go to keep code clean
|
||||
* Keep file sizes small and put helper functions and components in their own files.
|
||||
|
||||
--------------
|
||||
|
||||
# Design system guidelines
|
||||
Rules for how the AI should make generations look like your company's design system
|
||||
|
||||
Additionally, if you select a design system to use in the prompt box, you can reference
|
||||
your design system's components, tokens, variables and components.
|
||||
For example:
|
||||
|
||||
* Use a base font-size of 14px
|
||||
* Date formats should always be in the format “Jun 10”
|
||||
* The bottom toolbar should only ever have a maximum of 4 items
|
||||
* Never use the floating action button with the bottom toolbar
|
||||
* Chips should always come in sets of 3 or more
|
||||
* Don't use a dropdown if there are 2 or fewer options
|
||||
|
||||
You can also create sub sections and add more specific details
|
||||
For example:
|
||||
|
||||
|
||||
## Button
|
||||
The Button component is a fundamental interactive element in our design system, designed to trigger actions or navigate
|
||||
users through the application. It provides visual feedback and clear affordances to enhance user experience.
|
||||
|
||||
### Usage
|
||||
Buttons should be used for important actions that users need to take, such as form submissions, confirming choices,
|
||||
or initiating processes. They communicate interactivity and should have clear, action-oriented labels.
|
||||
|
||||
### Variants
|
||||
* Primary Button
|
||||
* Purpose : Used for the main action in a section or page
|
||||
* Visual Style : Bold, filled with the primary brand color
|
||||
* Usage : One primary button per section to guide users toward the most important action
|
||||
* Secondary Button
|
||||
* Purpose : Used for alternative or supporting actions
|
||||
* Visual Style : Outlined with the primary color, transparent background
|
||||
* Usage : Can appear alongside a primary button for less important actions
|
||||
* Tertiary Button
|
||||
* Purpose : Used for the least important actions
|
||||
* Visual Style : Text-only with no border, using primary color
|
||||
* Usage : For actions that should be available but not emphasized
|
||||
-->
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
**Add your own guidelines here**
|
||||
<!--
|
||||
|
||||
System Guidelines
|
||||
|
||||
Use this file to provide the AI with rules and guidelines you want it to follow.
|
||||
This template outlines a few examples of things you can add. You can add your own sections and format it to suit your needs
|
||||
|
||||
TIP: More context isn't always better. It can confuse the LLM. Try and add the most important rules you need
|
||||
|
||||
# General guidelines
|
||||
|
||||
Any general rules you want the AI to follow.
|
||||
For example:
|
||||
|
||||
* Only use absolute positioning when necessary. Opt for responsive and well structured layouts that use flexbox and grid by default
|
||||
* Refactor code as you go to keep code clean
|
||||
* Keep file sizes small and put helper functions and components in their own files.
|
||||
|
||||
--------------
|
||||
|
||||
# Design system guidelines
|
||||
Rules for how the AI should make generations look like your company's design system
|
||||
|
||||
Additionally, if you select a design system to use in the prompt box, you can reference
|
||||
your design system's components, tokens, variables and components.
|
||||
For example:
|
||||
|
||||
* Use a base font-size of 14px
|
||||
* Date formats should always be in the format “Jun 10”
|
||||
* The bottom toolbar should only ever have a maximum of 4 items
|
||||
* Never use the floating action button with the bottom toolbar
|
||||
* Chips should always come in sets of 3 or more
|
||||
* Don't use a dropdown if there are 2 or fewer options
|
||||
|
||||
You can also create sub sections and add more specific details
|
||||
For example:
|
||||
|
||||
|
||||
## Button
|
||||
The Button component is a fundamental interactive element in our design system, designed to trigger actions or navigate
|
||||
users through the application. It provides visual feedback and clear affordances to enhance user experience.
|
||||
|
||||
### Usage
|
||||
Buttons should be used for important actions that users need to take, such as form submissions, confirming choices,
|
||||
or initiating processes. They communicate interactivity and should have clear, action-oriented labels.
|
||||
|
||||
### Variants
|
||||
* Primary Button
|
||||
* Purpose : Used for the main action in a section or page
|
||||
* Visual Style : Bold, filled with the primary brand color
|
||||
* Usage : One primary button per section to guide users toward the most important action
|
||||
* Secondary Button
|
||||
* Purpose : Used for alternative or supporting actions
|
||||
* Visual Style : Outlined with the primary color, transparent background
|
||||
* Usage : Can appear alongside a primary button for less important actions
|
||||
* Tertiary Button
|
||||
* Purpose : Used for the least important actions
|
||||
* Visual Style : Text-only with no border, using primary color
|
||||
* Usage : For actions that should be available but not emphasized
|
||||
-->
|
||||
|
|
@ -1,61 +0,0 @@
|
|||
**Add your own guidelines here**
|
||||
<!--
|
||||
|
||||
System Guidelines
|
||||
|
||||
Use this file to provide the AI with rules and guidelines you want it to follow.
|
||||
This template outlines a few examples of things you can add. You can add your own sections and format it to suit your needs
|
||||
|
||||
TIP: More context isn't always better. It can confuse the LLM. Try and add the most important rules you need
|
||||
|
||||
# General guidelines
|
||||
|
||||
Any general rules you want the AI to follow.
|
||||
For example:
|
||||
|
||||
* Only use absolute positioning when necessary. Opt for responsive and well structured layouts that use flexbox and grid by default
|
||||
* Refactor code as you go to keep code clean
|
||||
* Keep file sizes small and put helper functions and components in their own files.
|
||||
|
||||
--------------
|
||||
|
||||
# Design system guidelines
|
||||
Rules for how the AI should make generations look like your company's design system
|
||||
|
||||
Additionally, if you select a design system to use in the prompt box, you can reference
|
||||
your design system's components, tokens, variables and components.
|
||||
For example:
|
||||
|
||||
* Use a base font-size of 14px
|
||||
* Date formats should always be in the format “Jun 10”
|
||||
* The bottom toolbar should only ever have a maximum of 4 items
|
||||
* Never use the floating action button with the bottom toolbar
|
||||
* Chips should always come in sets of 3 or more
|
||||
* Don't use a dropdown if there are 2 or fewer options
|
||||
|
||||
You can also create sub sections and add more specific details
|
||||
For example:
|
||||
|
||||
|
||||
## Button
|
||||
The Button component is a fundamental interactive element in our design system, designed to trigger actions or navigate
|
||||
users through the application. It provides visual feedback and clear affordances to enhance user experience.
|
||||
|
||||
### Usage
|
||||
Buttons should be used for important actions that users need to take, such as form submissions, confirming choices,
|
||||
or initiating processes. They communicate interactivity and should have clear, action-oriented labels.
|
||||
|
||||
### Variants
|
||||
* Primary Button
|
||||
* Purpose : Used for the main action in a section or page
|
||||
* Visual Style : Bold, filled with the primary brand color
|
||||
* Usage : One primary button per section to guide users toward the most important action
|
||||
* Secondary Button
|
||||
* Purpose : Used for alternative or supporting actions
|
||||
* Visual Style : Outlined with the primary color, transparent background
|
||||
* Usage : Can appear alongside a primary button for less important actions
|
||||
* Tertiary Button
|
||||
* Purpose : Used for the least important actions
|
||||
* Visual Style : Text-only with no border, using primary color
|
||||
* Usage : For actions that should be available but not emphasized
|
||||
-->
|
||||
|
Before Width: | Height: | Size: 62 KiB After Width: | Height: | Size: 62 KiB |
BIN
docs/06_Frontend/Screenshots/Profil-Veranstalter_entwurf-01.png
Normal file
|
After Width: | Height: | Size: 66 KiB |
|
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
|
Before Width: | Height: | Size: 60 KiB After Width: | Height: | Size: 60 KiB |
|
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 77 KiB |
|
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 98 KiB |
BIN
docs/06_Frontend/Screenshots/Veranstaltung-Konfig_entwurf-01.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
Before Width: | Height: | Size: 100 KiB After Width: | Height: | Size: 100 KiB |
118
docs/temp/Chat-Verlauf_2026-03-27.md
Normal file
|
|
@ -0,0 +1,118 @@
|
|||
Wir hatte heute Vormittag eine sehr Produktive Session.
|
||||
Den gesamten Chat-Verlauf kannst du unter:
|
||||
- "docs/temp/Caht-Verlauf_2026-03-27.md"
|
||||
nachlesen.
|
||||
Unser Zwischen-Ergebniss findest du unter:
|
||||
- "docs/04_Agents/Sessions/2026-03-27_Neumarkt_Public_Web_und_Desktop_Curator_Log.md"
|
||||
|
||||
Analysiere dies und bereite dich darauf vor, dass wir hoffentlich lückenlos weiter arbeiten können.
|
||||
|
||||
Alle Dokumentationen, Reports usw. findest du in den docs.
|
||||
|
||||
Gib mir bescheid wenn du bereit bist.
|
||||
|
||||
|
||||
---
|
||||
|
||||
🧹 [Curator]
|
||||
|
||||
### Zusammenfassung der heutigen Session
|
||||
Ich habe den Chat-Verlauf (`docs/temp/Caht-Verlauf_2026-03-27.md`) und das Curator-Log (`docs/04_Agents/Sessions/2026-03-27_Neumarkt_Public_Web_und_Desktop_Curator_Log.md`) analysiert. Der aktuelle Stand ist konsistent dokumentiert: klare Trennung von fachlichen Kontexten und `TechOps`/`Ping-Service`, definierter MVP-Fokus bis Neumarkt sowie präzise nächste Schritte und offene Punkte.
|
||||
|
||||
#### Kernaussagen aus dem Chat-Verlauf
|
||||
- Strikte Trennung: Fach-UI vs. TechOps-UI, `Ping-Service` bleibt fachneutral und dient nur als technische Schablone.
|
||||
- KMP/Compose-Frontend-Aufteilung mit eigenständiger `techops-desktop`-Shell und entkoppelten `features/*`-Modulen.
|
||||
- Backend-Trennung nach Domänen (`services/meldung`, `services/auth`) und Technik (`services/ping`), Observability zentral.
|
||||
- MVP für Neumarkt: minimal tragfähige Features für Erfassung/Verwaltung/Sync/Auth im Fach-UI, Ping/Metriken im TechOps-UI.
|
||||
- Roadmap skizziert (3 Sprints), mit zuerst Struktur/Leitplanken, dann MVP-Funktionalität und Observability.
|
||||
|
||||
#### Kernaussagen aus dem Curator-Log (Neumarkt Public Web + Desktop)
|
||||
- Zieltermin: 2026-04-07. Web-App öffentlich (Landing, Turnier-Cards 26128/26129, Nennformular), Desktop-App offline-first für interne Steuerung.
|
||||
- Desktop Onboarding: Gerätename, gemeinsamer Sicherheitsschlüssel, ZNS-Daten laden (online/LAN oder Offline-Import `ZNS.zip`).
|
||||
- „Veranstalter – Übersicht“ als nächster zentraler Screen; Turnier-Config mit `nennenEnabled`, `resultsEnabled`, `notice` und bewerbsabhängigen Pflichtfeldern.
|
||||
- TechOps-UI separat mit Kernmetriken (`nennungen_submit_latency_p95`, `nennungen_submit_error_rate`, etc.).
|
||||
- Offene Punkte klar gelistet (Glossar-Bestätigung, Pflichtfelder Nennformular, E-Mail-Bestätigung, Unterschiede 26128/26129, LAN-Pairing-Fallback, UI-Details Veranstalter-Übersicht).
|
||||
- Konkrete nächste Schritte für Desktop, Backend und Web sind definiert; Go/No-Go-Checkliste vorhanden.
|
||||
|
||||
### Validierte Leitplanken (aus beiden Dokumenten)
|
||||
- Modul- und Kontexttrennung ist „nicht verhandelbar“: keine Cross-Imports zwischen `features/ping-feature` und Fach-Features.
|
||||
- Offline-First: Sync-Schicht eigenständig, Queue/Retry auf allen Netzwerkpfaden, klare UI-States.
|
||||
- Observability: OTel/Traces, Schlüsselmetriken, korrelierbare Request-IDs, keine PII in Logs.
|
||||
- Security (MVP): gemeinsamer LAN-Schlüssel; Erweiterbarkeit eingeplant.
|
||||
|
||||
### Abgleich MVP-Umfang
|
||||
- Web: Landing, Turnier-Cards (26128/26129) mit konfigurierbaren Toggles/`notice`, Nennformular POST inkl. Validierung, PDFs ausliefern.
|
||||
- Desktop: Onboarding-Checklist, Statusleiste (Internet/Peer), Veranstalter-Übersicht (Liste + „Neu anlegen“), lokale Persistenz + Sync.
|
||||
- TechOps: Separates Shell mit `Ping`-Dashboard und Basis-Metriken.
|
||||
|
||||
### Offene Punkte, die in der nächsten Session zu klären sind
|
||||
1) Glossar-Definitionen bestätigen (Veranstalter/Veranstaltung/Turnier/Bewerb/Abteilung), Quelle: `docs/03_Domain/*`.
|
||||
2) Pflichtfelder für Nennformular finalisieren, inkl. bewerbsabhängiger Regeln und DSGVO-Texte (Input durch `📜 Rulebook Expert`).
|
||||
3) E-Mail-Bestätigung vs. On-Screen-Bestätigung vorerst; Abhängigkeit Mailserver klären.
|
||||
4) Unterschiede der Regeln zwischen Turnieren `26128` und `26129` definieren.
|
||||
5) LAN-Pairing-Fallback: Reicht gemeinsamer Schlüssel oder IP/QR-Option aktivieren?
|
||||
6) UI-Details „Veranstalter – Übersicht“ (Suche/Filter, Minimalfelder bei Neuanlage).
|
||||
|
||||
### Vorschlag für den direkten nächsten Schritt (fokussiert auf 1 Aufgabe)
|
||||
- Aufgabe: Desktop „Onboarding-Checklist-Komponente“ fertig definieren und in UI verankern.
|
||||
- Akzeptanzkriterien:
|
||||
- `Gerätename` erfassen und lokal persistieren.
|
||||
- `Sicherheitsschlüssel` setzen/prüfen; UI-Status „gekoppelt“ sobald LAN-Heartbeat aktiv.
|
||||
- `ZNS.zip` Import-Flow mit Integritäts-/Versionsprüfung; eindeutige Fehlermeldungen und Warnung bei veraltetem Stand.
|
||||
- Statusleiste zeigt `Internet erreichbar` und `Peer verbunden` deterministisch (mit Retry/Backoff).
|
||||
- Telemetrie: Events `onboarding_completed`, `zns_import_success|failure`, `lan_peer_heartbeat`.
|
||||
|
||||
### Bereit für die Fortsetzung
|
||||
Ich bin bereit, nahtlos weiterzuarbeiten. Wenn du möchtest, starten wir mit der Klärung der offenen Punkte 1) und 2) oder gehen direkt in die Umsetzung der Onboarding-Checklist (inkl. UI-Skizze und API-Verträgen).
|
||||
|
||||
Sag mir bitte, welchen Punkt wir als Nächstes priorisieren sollen oder ob es Ergänzungen/Korrekturen zur obigen Zusammenfassung gibt.
|
||||
|
||||
---
|
||||
|
||||
Okay, ich habe die Desktop-App installiert, starte diese
|
||||
- Gerätename: "Meldestelle" -> Pflicht
|
||||
- Sicherheitsschlüssle: "Neumarkt2026" -> Pflicht
|
||||
- ZNS-Daten: synchron -> Optional, oder nur anzeige
|
||||
Wenn beide Pflichtfelder ausgefüllt sind wird der
|
||||
- Button "Weiter zu den Veranstaltungen" aktiv, ein klick darauf führt mich zu
|
||||
# "Verwaltung - Veranstaltungen"
|
||||
Diese könnte so "docs/06_Frontend/Screenshots/Verwaltung-Veranstaltungen_entwurf-01.png" aussehen.
|
||||
Der Button links oben
|
||||
- "+ Neue Veranstaltung" leitet mich weiter zur
|
||||
# "Veranstalter - Auswahl"
|
||||
Diese könnte so "docs/06_Frontend/Screenshots/Veranstalter-Auswahl_entwurf-01.png" aussehen.
|
||||
Wenn ich mit einem klick auf einen Veranstalter eine auswähl treffe, dies könnte so
|
||||
"docs/06_Frontend/Screenshots/Veranstalter-Auswahl_markiert_entwurf-01.png" aussehen, dann wird der
|
||||
- Button "Weiter zum Veranstalter" aktiv.
|
||||
Dieser leitet mich zu "Veranstalter Übersicht", dies könnte so "docs/06_Frontend/Screenshots/Veranstalter-Übersicht_entwurf-01.png" aussehen.
|
||||
- Button-"+ Neuer Veranstalter" klicke komme ich auf eine Seite in der Ich einen neuen Veranstalter anlegen kann. Dies lönnte in etwa so aussehen "docs/06_Frontend/Screenshots/Neuen-Veranstalter-anlegen_entwurf-01.png" hier brauchen wir eine Suchmaske um einen Verein aus den OEPS-Daten auszuwählen, diese Daten bekommen wir über die ZNS.zip, der ZNS-Importer bereitet diese Daten sauber für unsere Datenbank auf. Hier sollten wir auch das Logo des Vereins hizufügen können.
|
||||
|
||||
Wir gehen davon aus, dass ich auf der
|
||||
# "Veranstalter Auswahl" einen Veranstalter ausgewählt habe, ich klicke auf den
|
||||
- Button "Weiter zum Veranstalter" (dieser Button aktiviert sich sobald ich einen Veranstalter ausgewählt habe) -> ich komme auf
|
||||
# "Veranstalter Übersicht" diese soll in etws so "docs/06_Frontend/Screenshots/Veranstalter-Übersicht_entwurf-01.png" aussehen.
|
||||
Rechts oben in der Card des Veranstalters
|
||||
- Button "Profil bearbeiten" -> leitet mich weiter zur "Profil - Veranstalter", dies könnte so "docs/06_Frontend/Screenshots/Profil-Veranstalter_entwurf-01.png" aussehen.
|
||||
- Button "+ Neue Veranstaltung" hier sollte ich auf eine Seite kommen in der ich eine Art der "Reitsportlichen - Veranstaltung" auswhälen könnte. In unserem Fall gibt es derzeit nur "Turnier" zur Auswahl. Mit der Auswahl "Turnier" aktiviert sich ein
|
||||
- Button "Turnier anlegen" hier beginnt unser Wizzard zum anlegen eines Turniers. Ich werde weitergeleitet zu
|
||||
|
||||
# "Turnier - Stammdaten" könnte so "docs/06_Frontend/Screenshots/Turnier-Stammdaten_01_entwurf-01.png", "docs/06_Frontend/Screenshots/Turnier-Stammdaten_02_entwurf01.png" aussehen.
|
||||
Das aller wichtigste ist die Turnier-Nr.: Eingabefeld numerisch 5 stellig validieren und noch einmal bestätigen lassen, zuückfragen ob die Turnier-Nr. korrekt ist, denn diese ist die offizelle Genehmigungs-Nummer vom ÖPS/Verband. Mit dieser Nummer wollen wir die Datenbank initialisieren
|
||||
|
||||
Erst wenn die Turnier-Nr. erfolgreich angegeben wurde und damit die Turnier-Datenbank initialisiert ist, ist diese Nummer nicht mehr zu ändern.
|
||||
|
||||
Jetzt werden die restlichen Konfigurationen freigeschalten.
|
||||
|
||||
Hier gehen wir chronologisch vor.
|
||||
|
||||
- "Type" - ÖTO(national) FEI(international) // Wir haben derzeit nur national
|
||||
- "ZNS-Daten" - btn-"aktualisieren" btn-"USB-Import" // kleine Anzeige ob ZNS-Daten geladen sind, "aktualisieren" um vom Backend die Daten zu sychronisieren, "USB-Import" offline Möglichkeit die Daten zu Importieren.
|
||||
- "Sprache" - Deutsch Englisch // wir haben derzeit alles nur auf deutsch
|
||||
- "Sparte" - Dressur Springen // wir bieten jetzt nur Dressur und Springen an, diese können einzeln oder aber auch kombiniert werden.
|
||||
- "Klasse" C B A // wir machen jetzt nur die Turnier-Klasse "C"
|
||||
- "Kategorie" // hier wollen wir die eine Auswahlmöglichkeit bieten welche vorgefiltert wurde aus Sparte und Klasse, in Neumarkt haben die Turniere 26129-"CDN-C-NEU CDNP-C-NEU" 26128-"CSN-C-NEU CSNP-C-NEU"
|
||||
- "Datum" // darauf achten, dass das bis-Datum nicht vor dem von-Datum sein kann
|
||||
- "Titel" // optional, wenn kein Titel agegeben wird, ist der Titel wie in der Ausschreibung "CDN-C-NEU CDNP-C-NEU NEUMARKT/M., OÖ"
|
||||
- "Sub-Titel" // ebenfalls optional
|
||||
- btn-"+ Sponsoren hinzufügen"
|
||||
|
||||
|
|
@ -1,6 +1,8 @@
|
|||
package at.mocode.frontend.core.navigation
|
||||
|
||||
sealed class AppScreen(val route: String) {
|
||||
// Onboarding (Desktop: Gerätename/Schlüssel/ZNS)
|
||||
data object Onboarding : AppScreen("/onboarding")
|
||||
data object Landing : AppScreen(Routes.HOME)
|
||||
data object Home : AppScreen("/home")
|
||||
data object Dashboard : AppScreen("/dashboard")
|
||||
|
|
@ -22,6 +24,8 @@ sealed class AppScreen(val route: String) {
|
|||
data object VeranstalterAuswahl : AppScreen("/veranstalter/auswahl")
|
||||
data object VeranstalterNeu : AppScreen("/veranstalter/neu")
|
||||
data class VeranstalterDetail(val veranstalterId: Long) : AppScreen("/veranstalter/$veranstalterId")
|
||||
// Neue Veranstaltungs-Konfig-Seite (aus Veranstalter-Detail → "+ Neue Veranstaltung")
|
||||
data class VeranstaltungKonfig(val veranstalterId: Long) : AppScreen("/veranstalter/$veranstalterId/veranstaltung/neu")
|
||||
data class VeranstaltungUebersicht(val veranstalterId: Long, val veranstaltungId: Long) :
|
||||
AppScreen("/veranstalter/$veranstalterId/veranstaltung/$veranstaltungId")
|
||||
|
||||
|
|
@ -43,10 +47,12 @@ sealed class AppScreen(val route: String) {
|
|||
private val TURNIER_DETAIL = Regex("/veranstaltung/(\\d+)/turnier/(\\d+)$")
|
||||
private val TURNIER_NEU = Regex("/veranstaltung/(\\d+)/turnier/neu$")
|
||||
private val VERANSTALTER_DETAIL = Regex("/veranstalter/(\\d+)$")
|
||||
private val VERANSTALTUNG_KONFIG = Regex("/veranstalter/(\\d+)/veranstaltung/neu$")
|
||||
private val VERANSTALTUNG_UEBERSICHT = Regex("/veranstalter/(\\d+)/veranstaltung/(\\d+)$")
|
||||
|
||||
fun fromRoute(route: String): AppScreen {
|
||||
return when (route) {
|
||||
"/onboarding" -> Onboarding
|
||||
Routes.HOME -> Landing
|
||||
"/home" -> Home
|
||||
"/dashboard" -> Dashboard
|
||||
|
|
@ -79,6 +85,9 @@ sealed class AppScreen(val route: String) {
|
|||
VERANSTALTER_DETAIL.matchEntire(route)?.destructured?.let { (vId) ->
|
||||
return VeranstalterDetail(vId.toLong())
|
||||
}
|
||||
VERANSTALTUNG_KONFIG.matchEntire(route)?.destructured?.let { (vId) ->
|
||||
return VeranstaltungKonfig(vId.toLong())
|
||||
}
|
||||
VERANSTALTUNG_UEBERSICHT.matchEntire(route)?.destructured?.let { (verId, vId) ->
|
||||
return VeranstaltungUebersicht(verId.toLong(), vId.toLong())
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,35 @@
|
|||
package at.mocode.veranstalter.feature.presentation
|
||||
|
||||
import androidx.compose.runtime.mutableStateListOf
|
||||
import androidx.compose.runtime.snapshots.SnapshotStateList
|
||||
import at.mocode.frontend.core.designsystem.models.LoginStatus
|
||||
|
||||
/**
|
||||
* Einfacher In-Memory-Store für Veranstalter (Vereine) zur Navigation/Validierung im Prototyp.
|
||||
*/
|
||||
object FakeVeranstalterStore {
|
||||
private val list: SnapshotStateList<VeranstalterUiModel> = mutableStateListOf(
|
||||
VeranstalterUiModel(
|
||||
id = 1,
|
||||
name = "Reitverein Neumarkt",
|
||||
oepsNummer = "OEPS-12345",
|
||||
ort = "4221 Neumarkt/M.",
|
||||
ansprechpartner = "Max Mustermann",
|
||||
email = "info@rv-neumarkt.at",
|
||||
loginStatus = LoginStatus.AKTIV
|
||||
),
|
||||
VeranstalterUiModel(
|
||||
id = 2,
|
||||
name = "Union Reitclub Oberösterreich",
|
||||
oepsNummer = "OEPS-67890",
|
||||
ort = "4020 Linz",
|
||||
ansprechpartner = "Anna Beispiel",
|
||||
email = "kontakt@ur-ooe.at",
|
||||
loginStatus = LoginStatus.AKTIV
|
||||
)
|
||||
)
|
||||
|
||||
fun all(): SnapshotStateList<VeranstalterUiModel> = list
|
||||
|
||||
fun exists(id: Long): Boolean = list.any { it.id == id }
|
||||
}
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
package at.mocode.veranstalter.feature.presentation
|
||||
|
||||
import androidx.compose.runtime.snapshots.SnapshotStateList
|
||||
import androidx.compose.runtime.mutableStateListOf
|
||||
|
||||
/**
|
||||
* Einfacher In-Memory-Store für Veranstaltungen pro Veranstalter.
|
||||
* Dient dem Prototyping ohne Backend/DB.
|
||||
*/
|
||||
object FakeVeranstaltungStore {
|
||||
private val data: MutableMap<Long, SnapshotStateList<VeranstaltungListUiModel>> = mutableMapOf()
|
||||
|
||||
fun listFor(veranstalterId: Long): SnapshotStateList<VeranstaltungListUiModel> =
|
||||
data.getOrPut(veranstalterId) { mutableStateListOf() }
|
||||
|
||||
fun addFirst(veranstalterId: Long, item: VeranstaltungListUiModel) {
|
||||
val list = listFor(veranstalterId)
|
||||
list.add(0, item)
|
||||
}
|
||||
|
||||
fun seedIfEmpty(veranstalterId: Long, items: List<VeranstaltungListUiModel>) {
|
||||
val list = listFor(veranstalterId)
|
||||
if (list.isEmpty()) list.addAll(items)
|
||||
}
|
||||
|
||||
fun exists(veranstaltungId: Long): Boolean =
|
||||
data.values.any { list -> list.any { it.id == veranstaltungId } }
|
||||
|
||||
fun belongsTo(veranstalterId: Long, veranstaltungId: Long): Boolean =
|
||||
data[veranstalterId]?.any { it.id == veranstaltungId } ?: false
|
||||
|
||||
fun remove(veranstalterId: Long, veranstaltungId: Long) {
|
||||
val list = data[veranstalterId] ?: return
|
||||
val idx = list.indexOfFirst { it.id == veranstaltungId }
|
||||
if (idx >= 0) list.removeAt(idx)
|
||||
}
|
||||
}
|
||||
|
|
@ -10,6 +10,7 @@ import androidx.compose.foundation.shape.CircleShape
|
|||
import androidx.compose.material.icons.Icons
|
||||
import androidx.compose.material.icons.filled.Add
|
||||
import androidx.compose.material.icons.filled.Edit
|
||||
import androidx.compose.material.icons.filled.Delete
|
||||
import androidx.compose.material.icons.filled.Search
|
||||
import androidx.compose.material.icons.filled.Settings
|
||||
import androidx.compose.material3.*
|
||||
|
|
@ -66,45 +67,52 @@ fun VeranstalterDetailScreen(
|
|||
)
|
||||
}
|
||||
|
||||
val veranstaltungen = remember(veranstalterId) {
|
||||
listOf(
|
||||
VeranstaltungListUiModel(
|
||||
id = 1L,
|
||||
name = "Union Reit- und Fahrverein Neumarkt Frühjahrsturnier 2026",
|
||||
datum = "25.-26. April 2026",
|
||||
ort = "Reitanlage Stroblmair, Neumarkt/M., OO",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 87,
|
||||
bewerbe = 26,
|
||||
letzteAktivitaet = "22.03.2026 14:30",
|
||||
status = VeranstaltungStatus.VORBEREITUNG,
|
||||
),
|
||||
VeranstaltungListUiModel(
|
||||
id = 2L,
|
||||
name = "AWÖ-Cup Stadl-Paura 2025",
|
||||
datum = "15.-17. Mai 2025",
|
||||
ort = "Bundesgestüt Piber, Stadl-Paura",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 142,
|
||||
bewerbe = 33,
|
||||
letzteAktivitaet = "17.05.2025 18:45",
|
||||
status = VeranstaltungStatus.ABGESCHLOSSEN,
|
||||
),
|
||||
VeranstaltungListUiModel(
|
||||
id = 3L,
|
||||
name = "Linzer Pferdetage 2026",
|
||||
datum = "12.-14. Juni 2026",
|
||||
ort = "Reitsportzentrum Linz-Ebelsberg",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 23,
|
||||
bewerbe = 30,
|
||||
letzteAktivitaet = "20.03.2026 09:15",
|
||||
status = VeranstaltungStatus.VORBEREITUNG,
|
||||
),
|
||||
)
|
||||
// Liste aus dem Fake-Store (pro Veranstalter). Falls leer, einmalig seeden.
|
||||
val storeList = FakeVeranstaltungStore.listFor(veranstalterId)
|
||||
LaunchedEffect(veranstalterId) {
|
||||
if (storeList.isEmpty()) {
|
||||
FakeVeranstaltungStore.seedIfEmpty(
|
||||
veranstalterId,
|
||||
listOf(
|
||||
VeranstaltungListUiModel(
|
||||
id = 1L,
|
||||
name = "Union Reit- und Fahrverein Neumarkt Frühjahrsturnier 2026",
|
||||
datum = "25.-26. April 2026",
|
||||
ort = "Reitanlage Stroblmair, Neumarkt/M., OO",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 87,
|
||||
bewerbe = 26,
|
||||
letzteAktivitaet = "22.03.2026 14:30",
|
||||
status = VeranstaltungStatus.VORBEREITUNG,
|
||||
),
|
||||
VeranstaltungListUiModel(
|
||||
id = 2L,
|
||||
name = "AWÖ-Cup Stadl-Paura 2025",
|
||||
datum = "15.-17. Mai 2025",
|
||||
ort = "Bundesgestüt Piber, Stadl-Paura",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 142,
|
||||
bewerbe = 33,
|
||||
letzteAktivitaet = "17.05.2025 18:45",
|
||||
status = VeranstaltungStatus.ABGESCHLOSSEN,
|
||||
),
|
||||
VeranstaltungListUiModel(
|
||||
id = 3L,
|
||||
name = "Linzer Pferdetage 2026",
|
||||
datum = "12.-14. Juni 2026",
|
||||
ort = "Reitsportzentrum Linz-Ebelsberg",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 23,
|
||||
bewerbe = 30,
|
||||
letzteAktivitaet = "20.03.2026 09:15",
|
||||
status = VeranstaltungStatus.VORBEREITUNG,
|
||||
),
|
||||
)
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
val gefiltert = veranstaltungen.filter { v ->
|
||||
val gefiltert = storeList.filter { v ->
|
||||
val matchesStatus = when (statusFilter) {
|
||||
VeranstaltungStatusFilter.ALLE -> true
|
||||
VeranstaltungStatusFilter.VORBEREITUNG -> v.status == VeranstaltungStatus.VORBEREITUNG
|
||||
|
|
@ -251,6 +259,9 @@ fun VeranstalterDetailScreen(
|
|||
VeranstaltungListRow(
|
||||
veranstaltung = veranstaltung,
|
||||
onOeffnen = { onVeranstaltungOeffnen(veranstaltung.id) },
|
||||
onLoeschen = {
|
||||
FakeVeranstaltungStore.remove(veranstalterId, veranstaltung.id)
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -269,6 +280,7 @@ private fun KontaktSpalte(label: String, wert: String) {
|
|||
private fun VeranstaltungListRow(
|
||||
veranstaltung: VeranstaltungListUiModel,
|
||||
onOeffnen: () -> Unit,
|
||||
onLoeschen: () -> Unit,
|
||||
) {
|
||||
val statusColor = when (veranstaltung.status) {
|
||||
VeranstaltungStatus.VORBEREITUNG -> StatusVorbereitungColor
|
||||
|
|
@ -276,8 +288,8 @@ private fun VeranstaltungListRow(
|
|||
VeranstaltungStatus.ABGESCHLOSSEN -> StatusAbgeschlossenColor
|
||||
}
|
||||
val statusText = when (veranstaltung.status) {
|
||||
VeranstaltungStatus.VORBEREITUNG -> "Vorbereitung"
|
||||
VeranstaltungStatus.LIVE -> "Live"
|
||||
VeranstaltungStatus.VORBEREITUNG -> "In Vorbereitung"
|
||||
VeranstaltungStatus.LIVE -> "Aktiv"
|
||||
VeranstaltungStatus.ABGESCHLOSSEN -> "Abgeschlossen"
|
||||
}
|
||||
|
||||
|
|
@ -329,14 +341,20 @@ private fun VeranstaltungListRow(
|
|||
StatSpalte("Letzte Aktivität", veranstaltung.letzteAktivitaet)
|
||||
}
|
||||
Spacer(Modifier.width(12.dp))
|
||||
// Bearbeiten-Icon
|
||||
IconButton(onClick = onOeffnen) {
|
||||
Icon(
|
||||
Icons.Default.Edit,
|
||||
contentDescription = "Öffnen",
|
||||
tint = Color(0xFF9CA3AF),
|
||||
modifier = Modifier.size(18.dp),
|
||||
)
|
||||
// Aktionen: Zur Veranstaltung & Löschen
|
||||
Row(horizontalArrangement = Arrangement.spacedBy(8.dp), verticalAlignment = Alignment.CenterVertically) {
|
||||
Button(onClick = onOeffnen, colors = ButtonDefaults.buttonColors(containerColor = PrimaryBlue)) {
|
||||
Text("Zur Veranstaltung")
|
||||
}
|
||||
// Roter Mülleimer
|
||||
IconButton(onClick = onLoeschen) {
|
||||
Icon(
|
||||
Icons.Default.Delete,
|
||||
contentDescription = "Löschen",
|
||||
tint = Color(0xFFDC2626),
|
||||
modifier = Modifier.size(18.dp),
|
||||
)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,109 @@
|
|||
package at.mocode.veranstalter.feature.presentation
|
||||
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.foundation.rememberScrollState
|
||||
import androidx.compose.foundation.verticalScroll
|
||||
import androidx.compose.material3.*
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.Color
|
||||
import androidx.compose.ui.text.font.FontWeight
|
||||
import androidx.compose.ui.unit.dp
|
||||
import androidx.compose.ui.unit.sp
|
||||
|
||||
/**
|
||||
* Formular zum Anlegen einer neuen Veranstaltung (Titel + Datumspfad). Pflichtfelder: Titel, Datum von/bis.
|
||||
* Beim Speichern wird über Callback die Initialisierung ausgelöst (ID-Generierung erfolgt im Aufrufer).
|
||||
*/
|
||||
@Composable
|
||||
fun VeranstaltungKonfigScreen(
|
||||
veranstalterId: Long,
|
||||
onAbbrechen: () -> Unit,
|
||||
onSpeichern: (titel: String, datumVon: String, datumBis: String) -> Unit,
|
||||
) {
|
||||
var titel by remember { mutableStateOf("") }
|
||||
var datumVon by remember { mutableStateOf("") }
|
||||
var datumBis by remember { mutableStateOf("") }
|
||||
|
||||
val datesPresent = datumVon.isNotBlank() && datumBis.isNotBlank()
|
||||
// Einfache Validierung: YYYY-MM-DD Format erzwingen wir hier nicht strikt; wenn beide gesetzt, prüfen wir lexikografisch
|
||||
val dateOrderOk = !datesPresent || datumBis >= datumVon
|
||||
val valid = titel.isNotBlank() && datesPresent && dateOrderOk
|
||||
|
||||
Column(
|
||||
modifier = Modifier
|
||||
.fillMaxSize()
|
||||
.verticalScroll(rememberScrollState())
|
||||
) {
|
||||
// Header
|
||||
Column(modifier = Modifier.padding(horizontal = 40.dp, vertical = 24.dp)) {
|
||||
Text(
|
||||
text = "Neue Veranstaltung anlegen",
|
||||
fontSize = 22.sp,
|
||||
fontWeight = FontWeight.Bold,
|
||||
)
|
||||
Spacer(Modifier.height(6.dp))
|
||||
Text(
|
||||
text = "Erfassen Sie Titel und Zeitraum. Alle Turniere müssen innerhalb dieses Zeitraums stattfinden.",
|
||||
fontSize = 13.sp,
|
||||
color = Color(0xFF6B7280),
|
||||
)
|
||||
}
|
||||
|
||||
// Formular-Card
|
||||
Card(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(horizontal = 40.dp),
|
||||
elevation = CardDefaults.cardElevation(defaultElevation = 1.dp),
|
||||
) {
|
||||
Column(modifier = Modifier.padding(24.dp), verticalArrangement = Arrangement.spacedBy(16.dp)) {
|
||||
Text("Stammdaten", fontWeight = FontWeight.SemiBold, fontSize = 14.sp)
|
||||
|
||||
OutlinedTextField(
|
||||
value = titel,
|
||||
onValueChange = { titel = it },
|
||||
label = { Text("Titel *") },
|
||||
singleLine = true,
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
isError = titel.isBlank(),
|
||||
)
|
||||
|
||||
Text("Zeitraum", fontWeight = FontWeight.SemiBold, fontSize = 14.sp)
|
||||
Row(horizontalArrangement = Arrangement.spacedBy(12.dp), verticalAlignment = Alignment.CenterVertically) {
|
||||
OutlinedTextField(
|
||||
value = datumVon,
|
||||
onValueChange = { datumVon = it },
|
||||
label = { Text("von (YYYY-MM-DD) *") },
|
||||
singleLine = true,
|
||||
modifier = Modifier.weight(1f),
|
||||
isError = datumVon.isBlank(),
|
||||
)
|
||||
OutlinedTextField(
|
||||
value = datumBis,
|
||||
onValueChange = { datumBis = it },
|
||||
label = { Text("bis (YYYY-MM-DD) *") },
|
||||
singleLine = true,
|
||||
modifier = Modifier.weight(1f),
|
||||
isError = datumBis.isBlank() || (datesPresent && !dateOrderOk),
|
||||
)
|
||||
}
|
||||
if (datesPresent && !dateOrderOk) {
|
||||
Text("Das bis-Datum darf nicht vor dem von-Datum liegen.", color = MaterialTheme.colorScheme.error, fontSize = 12.sp)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Spacer(Modifier.height(20.dp))
|
||||
Row(
|
||||
modifier = Modifier.fillMaxWidth().padding(horizontal = 40.dp),
|
||||
horizontalArrangement = Arrangement.spacedBy(12.dp),
|
||||
) {
|
||||
OutlinedButton(onClick = onAbbrechen) { Text("Abbrechen") }
|
||||
Button(onClick = { onSpeichern(titel.trim(), datumVon.trim(), datumBis.trim()) }, enabled = valid) {
|
||||
Text("Speichern")
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -9,6 +9,8 @@ import androidx.compose.material.icons.filled.Add
|
|||
import androidx.compose.material.icons.filled.Delete
|
||||
import androidx.compose.material3.*
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.runtime.remember
|
||||
import androidx.compose.runtime.mutableStateListOf
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.Color
|
||||
|
|
@ -38,8 +40,24 @@ fun AdminUebersichtScreen(
|
|||
onVeranstaltungOeffnen: (Long) -> Unit,
|
||||
onPingService: () -> Unit = {},
|
||||
) {
|
||||
// Placeholder-Daten für die UI-Struktur
|
||||
val veranstaltungen = listOf<VeranstaltungUiModel>() // leer bis Backend angebunden
|
||||
// Placeholder-Daten für die UI-Struktur (sichtbar als Cards)
|
||||
val sample = listOf(
|
||||
VeranstaltungUiModel(
|
||||
id = 1001,
|
||||
name = "NEUMARKT/M., OÖ",
|
||||
ort = "4221 NEUMARKT/M.",
|
||||
datum = "12.–13.04.2026",
|
||||
turnierAnzahl = 2,
|
||||
nennungen = 0,
|
||||
letzteAktivitaet = "vor 1 Min",
|
||||
status = VeranstaltungStatus.VORBEREITUNG,
|
||||
turniere = listOf(
|
||||
TurnierUiModel(id = 26129, nummer = 26129, name = "CDN-C-NEU CDNP-C-NEU", bewerbAnzahl = 16),
|
||||
TurnierUiModel(id = 26128, nummer = 26128, name = "CSN-C-NEU CSNP-C-NEU", bewerbAnzahl = 18),
|
||||
)
|
||||
)
|
||||
)
|
||||
val veranstaltungen = remember { mutableStateListOf<VeranstaltungUiModel>().also { it.addAll(sample) } }
|
||||
|
||||
Column(modifier = Modifier.fillMaxSize()) {
|
||||
// KPI-Kacheln
|
||||
|
|
@ -75,10 +93,6 @@ fun AdminUebersichtScreen(
|
|||
singleLine = true,
|
||||
)
|
||||
|
||||
OutlinedButton(onClick = onPingService) {
|
||||
Text("🔧 Ping")
|
||||
}
|
||||
|
||||
// Status-Filter Chips
|
||||
StatusFilterChip("Alle", selected = true)
|
||||
StatusFilterChip("Vorbereitung", selected = false)
|
||||
|
|
@ -123,11 +137,11 @@ fun AdminUebersichtScreen(
|
|||
verticalArrangement = Arrangement.spacedBy(8.dp),
|
||||
contentPadding = PaddingValues(vertical = 8.dp),
|
||||
) {
|
||||
items(veranstaltungen) { veranstaltung ->
|
||||
items(items = veranstaltungen, key = { it.id }) { veranstaltung ->
|
||||
VeranstaltungCard(
|
||||
veranstaltung = veranstaltung,
|
||||
onOeffnen = { onVeranstaltungOeffnen(veranstaltung.id) },
|
||||
onLoeschen = { /* TODO */ },
|
||||
onLoeschen = { veranstaltungen.removeAll { it.id == veranstaltung.id } },
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -184,21 +198,21 @@ private fun KpiKachel(
|
|||
) {
|
||||
Card(
|
||||
modifier = modifier,
|
||||
border = BorderStroke(2.dp, akzentFarbe),
|
||||
colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surface),
|
||||
border = BorderStroke(1.dp, akzentFarbe.copy(alpha = 0.4f)),
|
||||
colors = CardDefaults.cardColors(containerColor = MaterialTheme.colorScheme.surfaceVariant.copy(alpha = 0.4f)),
|
||||
) {
|
||||
Column(modifier = Modifier.padding(12.dp)) {
|
||||
Text(
|
||||
text = label,
|
||||
fontSize = 10.sp,
|
||||
color = MaterialTheme.colorScheme.onSurfaceVariant,
|
||||
fontSize = 11.sp,
|
||||
color = MaterialTheme.colorScheme.onSurfaceVariant.copy(alpha = 0.9f),
|
||||
fontWeight = FontWeight.Medium,
|
||||
)
|
||||
Text(
|
||||
text = wert,
|
||||
fontSize = 28.sp,
|
||||
fontWeight = FontWeight.Bold,
|
||||
color = akzentFarbe,
|
||||
fontSize = 24.sp,
|
||||
fontWeight = FontWeight.SemiBold,
|
||||
color = akzentFarbe.copy(alpha = 0.9f),
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
@ -274,7 +288,7 @@ private fun VeranstaltungCard(
|
|||
Text("${turnier.name} (${turnier.bewerbAnzahl} Bewerbe)", fontSize = 12.sp)
|
||||
}
|
||||
OutlinedButton(onClick = onOeffnen, modifier = Modifier.height(28.dp)) {
|
||||
Text("Öffnen", fontSize = 11.sp)
|
||||
Text("Zum Turnier", fontSize = 11.sp)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -297,7 +311,7 @@ private fun VeranstaltungCard(
|
|||
colors = ButtonDefaults.buttonColors(containerColor = Color(0xFF1E3A8A)),
|
||||
modifier = Modifier.height(32.dp),
|
||||
) {
|
||||
Text("Öffnen", fontSize = 12.sp)
|
||||
Text("Zur Veranstaltung", fontSize = 12.sp)
|
||||
}
|
||||
IconButton(onClick = onLoeschen, modifier = Modifier.size(32.dp)) {
|
||||
Icon(Icons.Default.Delete, contentDescription = "Löschen", tint = Color(0xFFDC2626))
|
||||
|
|
|
|||
|
|
@ -36,10 +36,11 @@ fun DesktopApp() {
|
|||
|
||||
val authState by authTokenManager.authState.collectAsState()
|
||||
|
||||
// Login-Gate: Nicht-authentifizierte Screens → Login
|
||||
if (!authState.isAuthenticated && currentScreen !is AppScreen.Login) {
|
||||
// Login-Gate: Nicht-authentifizierte Screens → Login, außer Onboarding ist erlaubt
|
||||
if (!authState.isAuthenticated && currentScreen !is AppScreen.Login && currentScreen !is AppScreen.Onboarding) {
|
||||
LaunchedEffect(Unit) {
|
||||
nav.navigateToScreen(AppScreen.Login(returnTo = AppScreen.Veranstaltungen))
|
||||
// Wenn noch keine Authentifizierung vorhanden ist, zuerst Onboarding anzeigen
|
||||
nav.navigateToScreen(AppScreen.Onboarding)
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ fun main() = application {
|
|||
Window(
|
||||
onCloseRequest = ::exitApplication,
|
||||
title = "Meldestelle",
|
||||
state = WindowState(width = 1400.dp, height = 900.dp),
|
||||
state = WindowState(width = 1600.dp, height = 900.dp),
|
||||
) {
|
||||
DesktopApp()
|
||||
}
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ import kotlinx.coroutines.flow.asStateFlow
|
|||
* Hält den aktuellen Screen als StateFlow, den DesktopApp beobachtet.
|
||||
*/
|
||||
class DesktopNavigationPort : NavigationPort {
|
||||
private val _currentScreen = MutableStateFlow<AppScreen>(AppScreen.Login())
|
||||
private val _currentScreen = MutableStateFlow<AppScreen>(AppScreen.Onboarding)
|
||||
override val currentScreen: StateFlow<AppScreen> = _currentScreen.asStateFlow()
|
||||
|
||||
override fun navigateTo(route: String) {
|
||||
|
|
|
|||
|
|
@ -3,6 +3,8 @@ package at.mocode.desktop.screens.layout
|
|||
import androidx.compose.foundation.background
|
||||
import androidx.compose.foundation.clickable
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.material3.Button
|
||||
import androidx.compose.material3.OutlinedButton
|
||||
import androidx.compose.material.icons.Icons
|
||||
import androidx.compose.material.icons.automirrored.filled.ArrowBack
|
||||
import androidx.compose.material.icons.automirrored.filled.Logout
|
||||
|
|
@ -24,6 +26,8 @@ import at.mocode.turnier.feature.presentation.TurnierNeuScreen
|
|||
import at.mocode.veranstalter.feature.presentation.VeranstalterAuswahlScreen
|
||||
import at.mocode.veranstalter.feature.presentation.VeranstalterDetailScreen
|
||||
import at.mocode.veranstalter.feature.presentation.VeranstalterNeuScreen
|
||||
import at.mocode.veranstalter.feature.presentation.FakeVeranstalterStore
|
||||
import at.mocode.veranstalter.feature.presentation.FakeVeranstaltungStore
|
||||
import at.mocode.veranstaltung.feature.presentation.AdminUebersichtScreen
|
||||
import at.mocode.veranstaltung.feature.presentation.VeranstaltungDetailScreen
|
||||
import at.mocode.veranstaltung.feature.presentation.VeranstaltungNeuScreen
|
||||
|
|
@ -264,6 +268,19 @@ private fun BreadcrumbSeparator() {
|
|||
)
|
||||
}
|
||||
|
||||
@Composable
|
||||
private fun InvalidContextNotice(message: String, onBack: () -> Unit) {
|
||||
Column(
|
||||
modifier = Modifier.fillMaxSize().padding(32.dp),
|
||||
verticalArrangement = Arrangement.Center,
|
||||
horizontalAlignment = Alignment.CenterHorizontally,
|
||||
) {
|
||||
Text(message, color = Color(0xFFB91C1C), fontSize = 14.sp)
|
||||
Spacer(Modifier.height(12.dp))
|
||||
Button(onClick = onBack) { Text("Zur Auswahl") }
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Content-Bereich: rendert den passenden Screen je nach aktuellem AppScreen.
|
||||
*/
|
||||
|
|
@ -273,44 +290,92 @@ private fun DesktopContentArea(
|
|||
onNavigate: (AppScreen) -> Unit,
|
||||
) {
|
||||
when (currentScreen) {
|
||||
// Root-Screen: Admin-Übersicht
|
||||
is AppScreen.Veranstaltungen -> AdminUebersichtScreen(
|
||||
onVeranstalterAuswahl = { onNavigate(AppScreen.VeranstalterAuswahl) },
|
||||
onVeranstaltungOeffnen = { id -> onNavigate(AppScreen.VeranstaltungDetail(id)) },
|
||||
onPingService = { onNavigate(AppScreen.Ping) },
|
||||
)
|
||||
// Onboarding ohne Login
|
||||
is AppScreen.Onboarding -> {
|
||||
val authTokenManager: at.mocode.frontend.core.auth.data.AuthTokenManager = koinInject()
|
||||
// V2 Onboarding (Vision_03)
|
||||
at.mocode.desktop.v2.OnboardingScreenV2 { _, _ ->
|
||||
authTokenManager.setToken("dummy.jwt.token")
|
||||
onNavigate(AppScreen.VeranstalterAuswahl)
|
||||
}
|
||||
}
|
||||
|
||||
// Root-Screen: Leitet in V2-Fluss
|
||||
is AppScreen.Veranstaltungen -> {
|
||||
// Direkt zur Veranstalter-Auswahl V2
|
||||
at.mocode.desktop.v2.VeranstalterAuswahlV2(
|
||||
onBack = { /* bleibt root */ },
|
||||
onWeiter = { vId -> onNavigate(AppScreen.VeranstalterDetail(vId)) },
|
||||
onNeu = { onNavigate(AppScreen.VeranstalterNeu) },
|
||||
)
|
||||
}
|
||||
|
||||
// Neuer Flow: Veranstalter auswählen → Detail → Veranstaltung-Übersicht
|
||||
is AppScreen.VeranstalterAuswahl -> VeranstalterAuswahlScreen(
|
||||
onZurueck = { onNavigate(AppScreen.Veranstaltungen) },
|
||||
is AppScreen.VeranstalterAuswahl -> at.mocode.desktop.v2.VeranstalterAuswahlV2(
|
||||
onBack = { onNavigate(AppScreen.Veranstaltungen) },
|
||||
onWeiter = { veranstalterId -> onNavigate(AppScreen.VeranstalterDetail(veranstalterId)) },
|
||||
onNeuerVeranstalter = { onNavigate(AppScreen.VeranstalterNeu) },
|
||||
onNeu = { onNavigate(AppScreen.VeranstalterNeu) },
|
||||
)
|
||||
|
||||
is AppScreen.VeranstalterNeu -> VeranstalterNeuScreen(
|
||||
onAbbrechen = { onNavigate(AppScreen.VeranstalterAuswahl) },
|
||||
onSpeichern = { _, _, _ -> onNavigate(AppScreen.VeranstalterAuswahl) },
|
||||
)
|
||||
is AppScreen.VeranstalterDetail -> VeranstalterDetailScreen(
|
||||
veranstalterId = currentScreen.veranstalterId,
|
||||
onZurueck = { onNavigate(AppScreen.VeranstalterAuswahl) },
|
||||
onVeranstaltungOeffnen = { vId ->
|
||||
onNavigate(AppScreen.VeranstaltungUebersicht(currentScreen.veranstalterId, vId))
|
||||
},
|
||||
onVeranstaltungNeu = { onNavigate(AppScreen.VeranstalterDetail(currentScreen.veranstalterId)) },
|
||||
)
|
||||
is AppScreen.VeranstaltungUebersicht -> VeranstaltungUebersichtScreen(
|
||||
veranstalterId = currentScreen.veranstalterId,
|
||||
veranstaltungId = currentScreen.veranstaltungId,
|
||||
onZurueck = { onNavigate(AppScreen.VeranstalterDetail(currentScreen.veranstalterId)) },
|
||||
onTurnierOeffnen = { tId ->
|
||||
onNavigate(AppScreen.TurnierDetail(currentScreen.veranstaltungId, tId))
|
||||
},
|
||||
onTurnierNeu = { onNavigate(AppScreen.TurnierNeu(currentScreen.veranstaltungId)) },
|
||||
onZnsImport = { /* TODO: ZNS-Import Dialog für Turnier */ },
|
||||
onDbImport = { /* TODO: DB-Import Dialog */ },
|
||||
onDbExport = { /* TODO: DB-Export Dialog */ },
|
||||
)
|
||||
is AppScreen.VeranstalterDetail -> {
|
||||
val vId = currentScreen.veranstalterId
|
||||
if (!FakeVeranstalterStore.exists(vId)) {
|
||||
InvalidContextNotice(
|
||||
message = "Veranstalter (ID=$vId) nicht gefunden.",
|
||||
onBack = { onNavigate(AppScreen.VeranstalterAuswahl) }
|
||||
)
|
||||
} else {
|
||||
at.mocode.desktop.v2.VeranstalterDetailV2(
|
||||
veranstalterId = vId,
|
||||
onBack = { onNavigate(AppScreen.VeranstalterAuswahl) },
|
||||
onZurVeranstaltung = { evtId -> onNavigate(AppScreen.VeranstaltungUebersicht(vId, evtId)) },
|
||||
onNeuVeranstaltung = { onNavigate(AppScreen.VeranstaltungKonfig(vId)) },
|
||||
)
|
||||
}
|
||||
}
|
||||
is AppScreen.VeranstaltungKonfig -> {
|
||||
val vId = currentScreen.veranstalterId
|
||||
// V2: Validierung über StoreV2
|
||||
if (at.mocode.desktop.v2.StoreV2.vereine.none { it.id == vId }) {
|
||||
InvalidContextNotice(
|
||||
message = "Veranstalter (ID=$vId) nicht gefunden.",
|
||||
onBack = { onNavigate(AppScreen.VeranstalterAuswahl) }
|
||||
)
|
||||
} else {
|
||||
at.mocode.desktop.v2.VeranstaltungKonfigV2(
|
||||
veranstalterId = vId,
|
||||
onBack = { onNavigate(AppScreen.VeranstalterDetail(vId)) },
|
||||
onSaved = { evtId -> onNavigate(AppScreen.VeranstaltungUebersicht(vId, evtId)) }
|
||||
)
|
||||
}
|
||||
}
|
||||
is AppScreen.VeranstaltungUebersicht -> {
|
||||
val vId = currentScreen.veranstalterId
|
||||
val evtId = currentScreen.veranstaltungId
|
||||
if (at.mocode.desktop.v2.StoreV2.vereine.none { it.id == vId }) {
|
||||
InvalidContextNotice(
|
||||
message = "Veranstalter (ID=$vId) nicht gefunden.",
|
||||
onBack = { onNavigate(AppScreen.VeranstalterAuswahl) }
|
||||
)
|
||||
} else if (at.mocode.desktop.v2.StoreV2.eventsFor(vId).none { it.id == evtId }) {
|
||||
InvalidContextNotice(
|
||||
message = "Veranstaltung (ID=$evtId) gehört nicht zu Veranstalter #$vId.",
|
||||
onBack = { onNavigate(AppScreen.VeranstalterDetail(vId)) }
|
||||
)
|
||||
} else {
|
||||
at.mocode.desktop.v2.VeranstaltungUebersichtV2(
|
||||
veranstalterId = vId,
|
||||
veranstaltungId = evtId,
|
||||
onBack = { onNavigate(AppScreen.VeranstalterDetail(vId)) },
|
||||
onTurnierNeu = { onNavigate(AppScreen.TurnierNeu(evtId)) },
|
||||
onTurnierOpen = { tId -> onNavigate(AppScreen.TurnierDetail(evtId, tId)) },
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
// Veranstaltungs-Screens
|
||||
is AppScreen.VeranstaltungDetail -> VeranstaltungDetailScreen(
|
||||
|
|
@ -325,16 +390,41 @@ private fun DesktopContentArea(
|
|||
)
|
||||
|
||||
// Turnier-Screens
|
||||
is AppScreen.TurnierDetail -> TurnierDetailScreen(
|
||||
veranstaltungId = currentScreen.veranstaltungId,
|
||||
turnierId = currentScreen.turnierId,
|
||||
onBack = { onNavigate(AppScreen.VeranstaltungDetail(currentScreen.veranstaltungId)) },
|
||||
)
|
||||
is AppScreen.TurnierNeu -> TurnierNeuScreen(
|
||||
veranstaltungId = currentScreen.veranstaltungId,
|
||||
onBack = { onNavigate(AppScreen.VeranstaltungDetail(currentScreen.veranstaltungId)) },
|
||||
onSave = { onNavigate(AppScreen.VeranstaltungDetail(currentScreen.veranstaltungId)) },
|
||||
)
|
||||
is AppScreen.TurnierDetail -> {
|
||||
val evtId = currentScreen.veranstaltungId
|
||||
if (!FakeVeranstaltungStore.exists(evtId)) {
|
||||
InvalidContextNotice(
|
||||
message = "Veranstaltung (ID=$evtId) nicht gefunden.",
|
||||
onBack = { onNavigate(AppScreen.Veranstaltungen) }
|
||||
)
|
||||
} else {
|
||||
TurnierDetailScreen(
|
||||
veranstaltungId = evtId,
|
||||
turnierId = currentScreen.turnierId,
|
||||
onBack = { onNavigate(AppScreen.VeranstaltungDetail(evtId)) },
|
||||
)
|
||||
}
|
||||
}
|
||||
is AppScreen.TurnierNeu -> {
|
||||
val evtId = currentScreen.veranstaltungId
|
||||
// V2: wir erlauben Turnier-Nr nur, wenn die Veranstaltung im V2-Store existiert
|
||||
val parent = at.mocode.desktop.v2.StoreV2.vereine.firstOrNull { v ->
|
||||
at.mocode.desktop.v2.StoreV2.eventsFor(v.id).any { it.id == evtId }
|
||||
}
|
||||
if (parent == null) {
|
||||
InvalidContextNotice(
|
||||
message = "Veranstaltung (ID=$evtId) nicht gefunden.",
|
||||
onBack = { onNavigate(AppScreen.Veranstaltungen) }
|
||||
)
|
||||
} else {
|
||||
at.mocode.desktop.v2.TurnierWizardV2(
|
||||
veranstalterId = parent.id,
|
||||
veranstaltungId = evtId,
|
||||
onBack = { onNavigate(AppScreen.VeranstaltungUebersicht(parent.id, evtId)) },
|
||||
onSaved = { _ -> onNavigate(AppScreen.VeranstaltungUebersicht(parent.id, evtId)) },
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
// Ping-Screen
|
||||
is AppScreen.Ping -> {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,92 @@
|
|||
package at.mocode.desktop.screens.onboarding
|
||||
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.material3.*
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.text.input.PasswordVisualTransformation
|
||||
import androidx.compose.ui.text.input.VisualTransformation
|
||||
import androidx.compose.ui.unit.dp
|
||||
|
||||
enum class ZnsStatus { NONE, LOCAL, SYNCED }
|
||||
|
||||
@Composable
|
||||
fun OnboardingScreen(
|
||||
initialName: String = "",
|
||||
initialKey: String = "",
|
||||
initialZns: ZnsStatus = ZnsStatus.NONE,
|
||||
onZnsSync: () -> Unit = {},
|
||||
onZnsUsb: () -> Unit = {},
|
||||
onContinue: (geraetName: String, sharedKey: String, znsStatus: ZnsStatus) -> Unit,
|
||||
) {
|
||||
var geraetName by remember { mutableStateOf(initialName) }
|
||||
var sharedKey by remember { mutableStateOf(initialKey) }
|
||||
var znsStatus by remember { mutableStateOf(initialZns) }
|
||||
var showPassword by remember { mutableStateOf(false) }
|
||||
|
||||
val nameValid = geraetName.trim().length >= 3
|
||||
val keyValid = sharedKey.trim().length >= 8
|
||||
val canContinue = nameValid && keyValid
|
||||
|
||||
Column(
|
||||
modifier = Modifier.fillMaxSize().padding(24.dp),
|
||||
verticalArrangement = Arrangement.spacedBy(16.dp)
|
||||
) {
|
||||
Text("Onboarding", style = MaterialTheme.typography.headlineSmall)
|
||||
|
||||
Card {
|
||||
Column(Modifier.fillMaxWidth().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Text("Gerätename (Pflicht)", style = MaterialTheme.typography.titleMedium)
|
||||
OutlinedTextField(
|
||||
value = geraetName,
|
||||
onValueChange = { geraetName = it },
|
||||
placeholder = { Text("z. B. Meldestelle") },
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
singleLine = true,
|
||||
isError = !nameValid && geraetName.isNotBlank()
|
||||
)
|
||||
|
||||
Text("Sicherheitsschlüssel (Pflicht)", style = MaterialTheme.typography.titleMedium)
|
||||
OutlinedTextField(
|
||||
value = sharedKey,
|
||||
onValueChange = { sharedKey = it },
|
||||
placeholder = { Text("z. B. Neumarkt2026") },
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
singleLine = true,
|
||||
isError = !keyValid && sharedKey.isNotBlank(),
|
||||
visualTransformation = if (showPassword) VisualTransformation.None else PasswordVisualTransformation(),
|
||||
trailingIcon = {
|
||||
val label = if (showPassword) "Verbergen" else "Anzeigen"
|
||||
TextButton(onClick = { showPassword = !showPassword }) {
|
||||
Text(label)
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
Text("ZNS-Daten (optional)", style = MaterialTheme.typography.titleMedium)
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
AssistChip(onClick = {
|
||||
znsStatus = ZnsStatus.SYNCED
|
||||
onZnsSync()
|
||||
}, label = { Text("Aktualisieren") })
|
||||
AssistChip(onClick = {
|
||||
znsStatus = ZnsStatus.LOCAL
|
||||
onZnsUsb()
|
||||
}, label = { Text("USB-Import") })
|
||||
Spacer(Modifier.width(8.dp))
|
||||
Text("Status: $znsStatus")
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Button(onClick = { onContinue(geraetName.trim(), sharedKey.trim(), znsStatus) }, enabled = canContinue) {
|
||||
Text("Weiter zu den Veranstaltungen")
|
||||
}
|
||||
if (!canContinue) {
|
||||
Text("Bitte Gerätename (min. 3) und Schlüssel (min. 8) angeben.", color = MaterialTheme.colorScheme.error)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,159 @@
|
|||
package at.mocode.desktop.v2
|
||||
|
||||
import androidx.compose.foundation.background
|
||||
import androidx.compose.foundation.clickable
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.foundation.lazy.items
|
||||
import androidx.compose.material.icons.Icons
|
||||
import androidx.compose.material.icons.filled.ArrowBack
|
||||
import androidx.compose.material.icons.filled.Delete
|
||||
import androidx.compose.material.icons.filled.Visibility
|
||||
import androidx.compose.material.icons.filled.VisibilityOff
|
||||
import androidx.compose.material3.*
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.Color
|
||||
import androidx.compose.ui.text.font.FontWeight
|
||||
import androidx.compose.ui.text.input.PasswordVisualTransformation
|
||||
import androidx.compose.ui.text.input.VisualTransformation
|
||||
import androidx.compose.ui.unit.dp
|
||||
|
||||
@Composable
|
||||
fun OnboardingScreenV2(onContinue: (String, String) -> Unit) {
|
||||
DesktopThemeV2 {
|
||||
Surface(color = MaterialTheme.colorScheme.background) {
|
||||
Column(Modifier.fillMaxSize().padding(24.dp), verticalArrangement = Arrangement.spacedBy(16.dp)) {
|
||||
Text("Onboarding", style = MaterialTheme.typography.headlineSmall, fontWeight = FontWeight.SemiBold)
|
||||
var geraetName by remember { mutableStateOf("") }
|
||||
var key by remember { mutableStateOf("") }
|
||||
var showPw by remember { mutableStateOf(false) }
|
||||
|
||||
OutlinedTextField(
|
||||
value = geraetName,
|
||||
onValueChange = { geraetName = it },
|
||||
label = { Text("Gerätename (Pflicht)") },
|
||||
modifier = Modifier.fillMaxWidth()
|
||||
)
|
||||
OutlinedTextField(
|
||||
value = key,
|
||||
onValueChange = { key = it },
|
||||
label = { Text("Sicherheitsschlüssel (Pflicht)") },
|
||||
trailingIcon = {
|
||||
IconButton(onClick = { showPw = !showPw }) {
|
||||
Icon(if (showPw) Icons.Default.VisibilityOff else Icons.Default.Visibility, contentDescription = null)
|
||||
}
|
||||
},
|
||||
visualTransformation = if (showPw) VisualTransformation.None else PasswordVisualTransformation(),
|
||||
modifier = Modifier.fillMaxWidth()
|
||||
)
|
||||
|
||||
val enabled = geraetName.trim().length >= 3 && key.trim().length >= 8
|
||||
Button(onClick = { onContinue(geraetName, key) }, enabled = enabled) {
|
||||
Text("Weiter zum Veranstalter‑Flow")
|
||||
}
|
||||
if (!enabled) Text("Mind. 3 Zeichen für Namen und 8 Zeichen für Schlüssel", color = Color(0xFFB00020))
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun VeranstalterAuswahlV2(
|
||||
onBack: () -> Unit,
|
||||
onWeiter: (Long) -> Unit,
|
||||
onNeu: () -> Unit,
|
||||
) {
|
||||
DesktopThemeV2 {
|
||||
Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
Icon(Icons.Default.ArrowBack, contentDescription = "Zurück", modifier = Modifier.clickable { onBack() })
|
||||
Text("Veranstalter auswählen", style = MaterialTheme.typography.titleLarge)
|
||||
Spacer(Modifier.weight(1f))
|
||||
OutlinedButton(onClick = onNeu) { Text("+ Neuer Veranstalter") }
|
||||
}
|
||||
|
||||
var selectedId by remember { mutableStateOf<Long?>(null) }
|
||||
|
||||
LazyColumn(Modifier.fillMaxSize()) {
|
||||
items(StoreV2.vereine) { v ->
|
||||
val sel = selectedId == v.id
|
||||
Card(
|
||||
modifier = Modifier
|
||||
.fillMaxWidth()
|
||||
.padding(vertical = 6.dp)
|
||||
.clickable {
|
||||
selectedId = v.id
|
||||
// Direktnavigation beim Klick auf eine Karte
|
||||
onWeiter(v.id)
|
||||
},
|
||||
border = if (sel) ButtonDefaults.outlinedButtonBorder else null,
|
||||
) {
|
||||
Column(Modifier.padding(12.dp)) {
|
||||
Text(v.name, fontWeight = FontWeight.SemiBold)
|
||||
Text("OEPS: ${v.oepsNummer} · ${v.ort}", color = Color(0xFF6B7280))
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Button(onClick = { selectedId?.let(onWeiter) }, enabled = selectedId != null) { Text("Weiter zum Veranstalter") }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun VeranstalterDetailV2(
|
||||
veranstalterId: Long,
|
||||
onBack: () -> Unit,
|
||||
onZurVeranstaltung: (Long) -> Unit,
|
||||
onNeuVeranstaltung: () -> Unit,
|
||||
) {
|
||||
DesktopThemeV2 {
|
||||
Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
Icon(Icons.Default.ArrowBack, contentDescription = "Zurück", modifier = Modifier.clickable { onBack() })
|
||||
val verein = StoreV2.vereine.firstOrNull { it.id == veranstalterId }
|
||||
Text(verein?.name ?: "Veranstalter", style = MaterialTheme.typography.titleLarge)
|
||||
Spacer(Modifier.weight(1f))
|
||||
Button(onClick = onNeuVeranstaltung) { Text("+ Neue Veranstaltung") }
|
||||
}
|
||||
|
||||
val events = StoreV2.eventsFor(veranstalterId)
|
||||
if (events.isEmpty()) Text("Noch keine Veranstaltungen angelegt.", color = Color(0xFF6B7280))
|
||||
|
||||
LazyColumn(Modifier.fillMaxSize()) {
|
||||
items(events) { evt ->
|
||||
Card(Modifier.fillMaxWidth().padding(vertical = 6.dp)) {
|
||||
Row(Modifier.fillMaxWidth().padding(12.dp), verticalAlignment = Alignment.CenterVertically) {
|
||||
Column(Modifier.weight(1f)) {
|
||||
Text(evt.titel, fontWeight = FontWeight.SemiBold)
|
||||
Text("${evt.datumVon}${evt.datumBis?.let { " – $it" } ?: ""}", color = Color(0xFF6B7280))
|
||||
AssistChip(onClick = {}, label = { Text(evt.status) })
|
||||
}
|
||||
Button(onClick = { onZurVeranstaltung(evt.id) }) { Text("Zur Veranstaltung") }
|
||||
Spacer(Modifier.width(8.dp))
|
||||
var confirm by remember { mutableStateOf(false) }
|
||||
if (confirm) {
|
||||
AlertDialog(
|
||||
onDismissRequest = { confirm = false },
|
||||
confirmButton = {
|
||||
TextButton(onClick = {
|
||||
StoreV2.removeEvent(veranstalterId, evt.id)
|
||||
confirm = false
|
||||
}) { Text("Löschen") }
|
||||
},
|
||||
dismissButton = { TextButton(onClick = { confirm = false }) { Text("Abbrechen") } },
|
||||
title = { Text("Veranstaltung löschen?") },
|
||||
text = { Text("Diese Aktion entfernt die Veranstaltung und alle zugehörigen Turniere im Prototypen.") }
|
||||
)
|
||||
}
|
||||
IconButton(onClick = { confirm = true }) { Icon(Icons.Default.Delete, contentDescription = "Löschen", tint = Color(0xFFDC2626)) }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
package at.mocode.desktop.v2
|
||||
|
||||
import androidx.compose.runtime.mutableStateListOf
|
||||
import androidx.compose.runtime.snapshots.SnapshotStateList
|
||||
|
||||
data class Verein(
|
||||
val id: Long,
|
||||
val name: String,
|
||||
val oepsNummer: String,
|
||||
val ort: String,
|
||||
)
|
||||
|
||||
data class VeranstaltungV2(
|
||||
val id: Long,
|
||||
val veranstalterId: Long,
|
||||
var titel: String,
|
||||
var datumVon: String,
|
||||
var datumBis: String?,
|
||||
var status: String = "In Vorbereitung",
|
||||
)
|
||||
|
||||
object StoreV2 {
|
||||
val vereine: SnapshotStateList<Verein> = mutableStateListOf(
|
||||
Verein(1, "Union Reit- und Fahrverein Neumarkt/M.", "V-OOE-0001", "Neumarkt/M."),
|
||||
Verein(2, "Pferdesportverein Linz", "V-OOE-0002", "Linz"),
|
||||
)
|
||||
|
||||
private val veranstaltungen: MutableMap<Long, SnapshotStateList<VeranstaltungV2>> = mutableMapOf()
|
||||
|
||||
fun eventsFor(vereinId: Long): SnapshotStateList<VeranstaltungV2> =
|
||||
veranstaltungen.getOrPut(vereinId) { mutableStateListOf() }
|
||||
|
||||
fun addEventFirst(vereinId: Long, v: VeranstaltungV2) {
|
||||
eventsFor(vereinId).add(0, v)
|
||||
}
|
||||
|
||||
fun removeEvent(vereinId: Long, veranstaltungId: Long) {
|
||||
val list = eventsFor(vereinId)
|
||||
val idx = list.indexOfFirst { it.id == veranstaltungId }
|
||||
if (idx >= 0) list.removeAt(idx)
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
package at.mocode.desktop.v2
|
||||
|
||||
import androidx.compose.material3.ColorScheme
|
||||
import androidx.compose.material3.MaterialTheme
|
||||
import androidx.compose.material3.Typography
|
||||
import androidx.compose.material3.darkColorScheme
|
||||
import androidx.compose.material3.lightColorScheme
|
||||
import androidx.compose.runtime.Composable
|
||||
import androidx.compose.ui.graphics.Color
|
||||
|
||||
// Vision_03 Farbschema (vereinfacht)
|
||||
private val PrimaryBlue = Color(0xFF1E3A8A)
|
||||
private val AccentBlue = Color(0xFF3B82F6)
|
||||
private val Surface = Color(0xFFFFFFFF)
|
||||
private val Background = Color(0xFFF7F8FA)
|
||||
|
||||
private val LightColors: ColorScheme = lightColorScheme(
|
||||
primary = PrimaryBlue,
|
||||
secondary = AccentBlue,
|
||||
background = Background,
|
||||
surface = Surface,
|
||||
onPrimary = Color.White,
|
||||
onSecondary = Color.White,
|
||||
onBackground = Color(0xFF0F172A),
|
||||
onSurface = Color(0xFF111827),
|
||||
)
|
||||
|
||||
@Composable
|
||||
fun DesktopThemeV2(content: @Composable () -> Unit) {
|
||||
MaterialTheme(
|
||||
colorScheme = LightColors,
|
||||
typography = Typography(),
|
||||
content = content,
|
||||
)
|
||||
}
|
||||
|
|
@ -0,0 +1,198 @@
|
|||
package at.mocode.desktop.v2
|
||||
|
||||
import androidx.compose.foundation.clickable
|
||||
import androidx.compose.foundation.layout.*
|
||||
import androidx.compose.foundation.lazy.LazyColumn
|
||||
import androidx.compose.foundation.lazy.items
|
||||
import androidx.compose.material.icons.Icons
|
||||
import androidx.compose.material.icons.filled.ArrowBack
|
||||
import androidx.compose.material.icons.filled.Delete
|
||||
import androidx.compose.material3.*
|
||||
import androidx.compose.runtime.*
|
||||
import androidx.compose.ui.Alignment
|
||||
import androidx.compose.ui.Modifier
|
||||
import androidx.compose.ui.graphics.Color
|
||||
import androidx.compose.ui.text.font.FontWeight
|
||||
import androidx.compose.ui.unit.dp
|
||||
|
||||
@Composable
|
||||
fun VeranstaltungKonfigV2(
|
||||
veranstalterId: Long,
|
||||
onBack: () -> Unit,
|
||||
onSaved: (Long) -> Unit,
|
||||
) {
|
||||
DesktopThemeV2 {
|
||||
Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
Icon(Icons.Default.ArrowBack, contentDescription = "Zurück", modifier = Modifier.clickable { onBack() })
|
||||
Text("Neue Veranstaltung", style = MaterialTheme.typography.titleLarge)
|
||||
}
|
||||
|
||||
var titel by remember { mutableStateOf("") }
|
||||
var von by remember { mutableStateOf("") }
|
||||
var bis by remember { mutableStateOf("") }
|
||||
|
||||
OutlinedTextField(value = titel, onValueChange = { titel = it }, label = { Text("Titel (Pflicht)") }, modifier = Modifier.fillMaxWidth())
|
||||
Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
OutlinedTextField(value = von, onValueChange = { von = it }, label = { Text("von (YYYY-MM-DD)") }, modifier = Modifier.weight(1f))
|
||||
OutlinedTextField(value = bis, onValueChange = { bis = it }, label = { Text("bis (YYYY-MM-DD)") }, modifier = Modifier.weight(1f))
|
||||
}
|
||||
|
||||
val validDates = von.isNotBlank() && (bis.isBlank() || bis >= von)
|
||||
if (!validDates) Text("bis-Datum darf nicht vor von-Datum liegen", color = Color(0xFFB00020))
|
||||
val enabled = titel.trim().isNotEmpty() && validDates
|
||||
|
||||
Button(onClick = {
|
||||
val id = System.currentTimeMillis()
|
||||
StoreV2.addEventFirst(veranstalterId, VeranstaltungV2(id, veranstalterId, titel.trim(), von.trim(), bis.trim().ifBlank { null }))
|
||||
onSaved(id)
|
||||
}, enabled = enabled) { Text("Speichern") }
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
data class TurnierV2(
|
||||
val id: Long,
|
||||
val veranstaltungId: Long,
|
||||
val turnierNr: Int,
|
||||
var kategorie: String,
|
||||
var datumVon: String,
|
||||
var datumBis: String?,
|
||||
)
|
||||
|
||||
object TurnierStoreV2 {
|
||||
private val map = mutableMapOf<Long, MutableList<TurnierV2>>()
|
||||
fun list(veranstaltungId: Long): MutableList<TurnierV2> = map.getOrPut(veranstaltungId) { mutableListOf() }
|
||||
fun add(veranstaltungId: Long, t: TurnierV2) { list(veranstaltungId).add(0, t) }
|
||||
fun remove(veranstaltungId: Long, tId: Long) { list(veranstaltungId).removeAll { it.id == tId } }
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun VeranstaltungUebersichtV2(
|
||||
veranstalterId: Long,
|
||||
veranstaltungId: Long,
|
||||
onBack: () -> Unit,
|
||||
onTurnierNeu: () -> Unit,
|
||||
onTurnierOpen: (Long) -> Unit,
|
||||
) {
|
||||
DesktopThemeV2 {
|
||||
val veranstaltung = StoreV2.eventsFor(veranstalterId).firstOrNull { it.id == veranstaltungId }
|
||||
Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
Icon(Icons.Default.ArrowBack, contentDescription = "Zurück", modifier = Modifier.clickable { onBack() })
|
||||
Text(veranstaltung?.titel ?: "Veranstaltung", style = MaterialTheme.typography.titleLarge)
|
||||
Spacer(Modifier.weight(1f))
|
||||
Button(onClick = onTurnierNeu) { Text("+ Neues Turnier") }
|
||||
}
|
||||
|
||||
if (veranstaltung != null) {
|
||||
Text("Zeitraum: ${veranstaltung.datumVon}${veranstaltung.datumBis?.let { " – $it" } ?: ""}")
|
||||
Text("Status: ${veranstaltung.status}")
|
||||
}
|
||||
|
||||
val list = remember(veranstaltungId) { TurnierStoreV2.list(veranstaltungId) }
|
||||
if (list.isEmpty()) Text("Noch keine Turniere angelegt.", color = Color(0xFF6B7280))
|
||||
|
||||
LazyColumn(Modifier.fillMaxSize()) {
|
||||
items(list) { t ->
|
||||
Card(Modifier.fillMaxWidth().padding(vertical = 6.dp)) {
|
||||
Row(Modifier.fillMaxWidth().padding(12.dp), verticalAlignment = Alignment.CenterVertically) {
|
||||
Column(Modifier.weight(1f)) {
|
||||
Text("Turnier ${t.turnierNr}", fontWeight = FontWeight.SemiBold)
|
||||
Text(t.kategorie, color = Color(0xFF6B7280))
|
||||
Text("${t.datumVon}${t.datumBis?.let { " – $it" } ?: ""}", color = Color(0xFF6B7280))
|
||||
}
|
||||
Button(onClick = { onTurnierOpen(t.id) }) { Text("Zum Turnier") }
|
||||
Spacer(Modifier.width(8.dp))
|
||||
var confirm by remember { mutableStateOf(false) }
|
||||
if (confirm) {
|
||||
AlertDialog(
|
||||
onDismissRequest = { confirm = false },
|
||||
confirmButton = { TextButton(onClick = { TurnierStoreV2.remove(veranstaltungId, t.id); confirm = false }) { Text("Löschen") } },
|
||||
dismissButton = { TextButton(onClick = { confirm = false }) { Text("Abbrechen") } },
|
||||
title = { Text("Turnier löschen?") },
|
||||
text = { Text("Dieses Turnier wird aus der Veranstaltung entfernt (Prototyp).") }
|
||||
)
|
||||
}
|
||||
IconButton(onClick = { confirm = true }) { Icon(Icons.Default.Delete, contentDescription = "Löschen", tint = Color(0xFFDC2626)) }
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@Composable
|
||||
fun TurnierWizardV2(
|
||||
veranstalterId: Long,
|
||||
veranstaltungId: Long,
|
||||
onBack: () -> Unit,
|
||||
onSaved: (Long) -> Unit,
|
||||
) {
|
||||
DesktopThemeV2 {
|
||||
val veranstaltung = StoreV2.eventsFor(veranstalterId).firstOrNull { it.id == veranstaltungId }
|
||||
Column(Modifier.fillMaxSize().padding(16.dp), verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
Icon(Icons.Default.ArrowBack, contentDescription = "Zurück", modifier = Modifier.clickable { onBack() })
|
||||
Text("Neues Turnier", style = MaterialTheme.typography.titleLarge)
|
||||
}
|
||||
|
||||
var nr by remember { mutableStateOf("") }
|
||||
var locked by remember { mutableStateOf(false) }
|
||||
// Kategorie wird gemäß Neumarkt-Logik automatisch vorbelegt aus der Turnier-Nr.
|
||||
var kat by remember { mutableStateOf("") }
|
||||
var von by remember { mutableStateOf(veranstaltung?.datumVon ?: "") }
|
||||
var bis by remember { mutableStateOf(veranstaltung?.datumBis ?: "") }
|
||||
|
||||
OutlinedTextField(value = nr, onValueChange = {
|
||||
if (!locked) nr = it.filter { ch -> ch.isDigit() }.take(5)
|
||||
}, label = { Text("Turnier‑Nr. (5‑stellig)") }, enabled = !locked, modifier = Modifier.fillMaxWidth())
|
||||
|
||||
val nrValid = nr.length == 5
|
||||
Button(onClick = {
|
||||
// Auto-Mapping gemäß vorhandener Neumarkt-Dokumentation
|
||||
kat = when (nr) {
|
||||
"26128" -> "CSN-C-NEU CSNP-C-NEU"
|
||||
"26129" -> "CDN-C-NEU CDNP-C-NEU"
|
||||
else -> ""
|
||||
}
|
||||
locked = true
|
||||
}, enabled = nrValid && !locked) { Text("Nummer bestätigen & initialisieren") }
|
||||
if (!nrValid) Text("Genau 5 Ziffern erforderlich", color = Color(0xFFB00020))
|
||||
|
||||
val freigeschaltet = locked
|
||||
// Kategorie-Auswahl gemäß Vorlage: Dropdown mit sinnvollen Optionen und Auto-Vorbelegung
|
||||
val kategorien = remember { listOf("CDN-C-NEU CDNP-C-NEU", "CSN-C-NEU CSNP-C-NEU") }
|
||||
var katMenu by remember { mutableStateOf(false) }
|
||||
Row(verticalAlignment = Alignment.CenterVertically, horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
Text("Kategorie:")
|
||||
Box {
|
||||
OutlinedButton(onClick = { if (freigeschaltet) katMenu = true }, enabled = freigeschaltet) {
|
||||
Text(if (kat.isBlank()) "Kategorie wählen" else kat)
|
||||
}
|
||||
DropdownMenu(expanded = katMenu, onDismissRequest = { katMenu = false }) {
|
||||
kategorien.forEach { k ->
|
||||
DropdownMenuItem(onClick = { kat = k; katMenu = false }, text = { Text(k) })
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||
OutlinedTextField(value = von, onValueChange = { von = it }, label = { Text("von (YYYY-MM-DD)") }, enabled = freigeschaltet, modifier = Modifier.weight(1f))
|
||||
OutlinedTextField(value = bis, onValueChange = { bis = it }, label = { Text("bis (YYYY-MM-DD)") }, enabled = freigeschaltet, modifier = Modifier.weight(1f))
|
||||
}
|
||||
val parentVon = veranstaltung?.datumVon
|
||||
val parentBis = veranstaltung?.datumBis
|
||||
val dateOk = freigeschaltet && von.isNotBlank() && (bis.isBlank() || bis >= von) &&
|
||||
(parentVon == null || (von >= parentVon && (parentBis == null || (bis.isBlank() || bis <= parentBis))))
|
||||
if (freigeschaltet && !dateOk) Text("Turnier-Datum muss im Veranstaltungszeitraum liegen", color = Color(0xFFB00020))
|
||||
|
||||
Button(onClick = {
|
||||
val id = System.currentTimeMillis()
|
||||
TurnierStoreV2.add(veranstaltungId, TurnierV2(id, veranstaltungId, nr.toInt(), kat, von, bis.ifBlank { null }))
|
||||
onSaved(id)
|
||||
}, enabled = freigeschaltet && nrValid && kat.isNotBlank() && dateOk) { Text("Speichern") }
|
||||
}
|
||||
}
|
||||
}
|
||||