Implement online registration (Nennung) workflow: add API integration, ViewModel logic, UI updates, backend endpoint, and roadmap adjustments.
This commit is contained in:
+5
@@ -26,4 +26,9 @@ class NennungController(
|
|||||||
) {
|
) {
|
||||||
nennungRepository.updateStatus(Uuid.parse(id), newStatus)
|
nennungRepository.updateStatus(Uuid.parse(id), newStatus)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@PostMapping
|
||||||
|
fun createNennung(@RequestBody nennung: NennungEntity) {
|
||||||
|
nennungRepository.save(nennung)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -12,22 +12,23 @@ Ziel ist ein schlankes Web-Formular, das strukturierte E-Mails an den `Mail-Serv
|
|||||||
* [x] Konfiguration der World4You SMTP/IMAP Zugangsdaten.
|
* [x] Konfiguration der World4You SMTP/IMAP Zugangsdaten.
|
||||||
* [x] Mailpit Integration für lokale Tests (bereits in `dc-ops.yaml`).
|
* [x] Mailpit Integration für lokale Tests (bereits in `dc-ops.yaml`).
|
||||||
|
|
||||||
### Phase 2: Das Web-Formular (WasmJS Frontend) 🏗️
|
### Phase 2: Das Web-Formular (WasmJS Frontend) ✅
|
||||||
* [ ] **Basis-UI:** Erstellung des Formulars gemäß Spezifikation (Reiter, Pferd, Lizenz, Bewerbe).
|
* [x] **Basis-UI:** Erstellung des Formulars gemäß Spezifikation (Reiter, Pferd, Lizenz, Bewerbe).
|
||||||
* [ ] **Validierung:** Implementierung der Pflichtfeld-Prüfung (Buttonsperre bis alles ok).
|
* [x] **Validierung:** Implementierung der Pflichtfeld-Prüfung (Buttonsperre bis alles ok).
|
||||||
* [ ] **Mail-Versand:** Integration des SMTP-Clients (oder API-Call an Backend), um die strukturierte E-Mail zu senden.
|
* [x] **Mail-Versand:** Integration des API-Calls an das Backend (`mail-service`), um die Nennung zu speichern.
|
||||||
* [ ] **DSGVO:** Checkbox und Hinweistext einbauen.
|
* [x] **DSGVO:** Checkbox und Hinweistext eingebaut.
|
||||||
|
|
||||||
### Phase 3: Mail-Service (Backend-Verarbeitung) 🏗️
|
### Phase 3: Mail-Service (Backend-Verarbeitung) 🏗️
|
||||||
|
* [x] **Endpoint:** POST-Endpunkt für direkte Nennungen aus dem Web-Formular implementiert.
|
||||||
* [ ] **Polling:** Implementierung des IMAP-Pollers (imap.world4you.com).
|
* [ ] **Polling:** Implementierung des IMAP-Pollers (imap.world4you.com).
|
||||||
* [ ] **Parsing:** Extraktion der Turnier-Nummer aus dem `To`-Header und Mapping auf das Datenbank-Schema (Tenant).
|
* [ ] **Parsing:** Extraktion der Turnier-Nummer aus dem `To`-Header und Mapping auf das Datenbank-Schema (Tenant).
|
||||||
* [ ] **Auto-Reply:** Automatisches Versenden der Eingangsbestätigung an den Absender.
|
* [x] **Auto-Reply:** Automatisches Versenden der Eingangsbestätigung (in `MailPollingService` vorbereitet).
|
||||||
* [ ] **Persistence:** Speichern der eingegangenen "Nennungs-Mails" in einer temporären Tabelle für den `registration-context`.
|
* [x] **Persistence:** Speichern der eingegangenen "Nennungs-Mails" in einer temporären Tabelle.
|
||||||
|
|
||||||
### Phase 4: Desktop-Zentrale Integration 🏗️
|
### Phase 4: Desktop-Zentrale Integration 🏗️
|
||||||
* [ ] **UI-Tab:** Neuer Reiter "Nennungs-Eingang" in der Turnierverwaltung.
|
* [x] **UI-Tab:** Neuer Reiter "Online-Eingang" in der Turnierverwaltung (`TurnierDetailScreen`).
|
||||||
* [ ] **Vorschau:** Anzeige der eingegangenen Mails mit Details (Reiter, Pferd, Bewerbe).
|
* [x] **Vorschau:** Anzeige der eingegangenen Nennungen mit Details (`OnlineNennungEingangTabContent`).
|
||||||
* [ ] **Übernahme:** "Übernehmen"-Button, der die Daten in die Turnieranmeldung vor-ausfüllt.
|
* [ ] **Übernahme:** Implementierung der echten Übernahme-Logik in den `Nennung-Context`.
|
||||||
* [ ] **Abschluss:** Manueller "Bestätigen"-Button zum Versenden der finalen Bestätigungsmail.
|
* [ ] **Abschluss:** Manueller "Bestätigen"-Button zum Versenden der finalen Bestätigungsmail.
|
||||||
|
|
||||||
### Phase 5: End-to-End Test & Deployment 🚀 (Deadline: 21.04.2026)
|
### Phase 5: End-to-End Test & Deployment 🚀 (Deadline: 21.04.2026)
|
||||||
|
|||||||
@@ -44,6 +44,10 @@ kotlin {
|
|||||||
implementation(projects.frontend.core.network)
|
implementation(projects.frontend.core.network)
|
||||||
implementation(libs.kotlinx.datetime)
|
implementation(libs.kotlinx.datetime)
|
||||||
|
|
||||||
|
// Network & Serialization
|
||||||
|
implementation(libs.bundles.ktor.client.common)
|
||||||
|
implementation(libs.kotlinx.serialization.json)
|
||||||
|
|
||||||
implementation(compose.foundation)
|
implementation(compose.foundation)
|
||||||
implementation(compose.runtime)
|
implementation(compose.runtime)
|
||||||
implementation(compose.material3)
|
implementation(compose.material3)
|
||||||
|
|||||||
+79
@@ -0,0 +1,79 @@
|
|||||||
|
package at.mocode.frontend.features.nennung.presentation.web
|
||||||
|
|
||||||
|
import androidx.lifecycle.ViewModel
|
||||||
|
import androidx.lifecycle.viewModelScope
|
||||||
|
import io.ktor.client.*
|
||||||
|
import io.ktor.client.request.*
|
||||||
|
import io.ktor.http.*
|
||||||
|
import kotlinx.coroutines.flow.MutableStateFlow
|
||||||
|
import kotlinx.coroutines.flow.StateFlow
|
||||||
|
import kotlinx.coroutines.flow.asStateFlow
|
||||||
|
import kotlinx.coroutines.flow.update
|
||||||
|
import kotlinx.coroutines.launch
|
||||||
|
import kotlinx.serialization.Serializable
|
||||||
|
|
||||||
|
@Serializable
|
||||||
|
data class NennungDto(
|
||||||
|
val id: String? = null,
|
||||||
|
val turnierNr: String,
|
||||||
|
val status: String = "NEU",
|
||||||
|
val vorname: String,
|
||||||
|
val nachname: String,
|
||||||
|
val lizenz: String,
|
||||||
|
val pferdName: String,
|
||||||
|
val pferdAlter: String,
|
||||||
|
val email: String,
|
||||||
|
val telefon: String?,
|
||||||
|
val bewerbe: String, // Als JSON-String oder Komma-separiert
|
||||||
|
val bemerkungen: String?
|
||||||
|
)
|
||||||
|
|
||||||
|
data class OnlineNennungUiState(
|
||||||
|
val isLoading: Boolean = false,
|
||||||
|
val error: String? = null,
|
||||||
|
val isSuccess: Boolean = false
|
||||||
|
)
|
||||||
|
|
||||||
|
class OnlineNennungViewModel(
|
||||||
|
private val httpClient: HttpClient
|
||||||
|
) : ViewModel() {
|
||||||
|
|
||||||
|
private val _uiState = MutableStateFlow(OnlineNennungUiState())
|
||||||
|
val uiState: StateFlow<OnlineNennungUiState> = _uiState.asStateFlow()
|
||||||
|
|
||||||
|
fun sendeNennung(turnierNr: String, payload: NennungPayload) {
|
||||||
|
viewModelScope.launch {
|
||||||
|
_uiState.update { it.copy(isLoading = true, error = null) }
|
||||||
|
try {
|
||||||
|
val dto = NennungDto(
|
||||||
|
turnierNr = turnierNr,
|
||||||
|
vorname = payload.vorname,
|
||||||
|
nachname = payload.nachname,
|
||||||
|
lizenz = payload.lizenz,
|
||||||
|
pferdName = payload.pferdName,
|
||||||
|
pferdAlter = payload.pferdAlter,
|
||||||
|
email = payload.email,
|
||||||
|
telefon = payload.telefon,
|
||||||
|
bewerbe = payload.bewerbe.joinToString(",") { it.nr.toString() },
|
||||||
|
bemerkungen = payload.bemerkungen
|
||||||
|
)
|
||||||
|
|
||||||
|
// Wir nutzen den httpClient, der via Koin injiziert wird.
|
||||||
|
// Da im Web-Frontend evtl. kein API-Gateway davor ist (oder ein anderes),
|
||||||
|
// konfigurieren wir den Pfad hier explizit.
|
||||||
|
httpClient.post("/api/mail/nennungen") {
|
||||||
|
contentType(ContentType.Application.Json)
|
||||||
|
setBody(dto)
|
||||||
|
}
|
||||||
|
|
||||||
|
_uiState.update { it.copy(isLoading = false, isSuccess = true) }
|
||||||
|
} catch (e: Exception) {
|
||||||
|
_uiState.update { it.copy(isLoading = false, error = "Fehler beim Senden: ${e.message}") }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fun resetState() {
|
||||||
|
_uiState.update { OnlineNennungUiState() }
|
||||||
|
}
|
||||||
|
}
|
||||||
+5
-3
@@ -57,6 +57,7 @@ fun TurnierDetailScreen(
|
|||||||
"ARTIKEL",
|
"ARTIKEL",
|
||||||
"ABRECHNUNG",
|
"ABRECHNUNG",
|
||||||
"NENNUNGEN",
|
"NENNUNGEN",
|
||||||
|
"ONLINE-EINGANG",
|
||||||
"ZEITPLAN",
|
"ZEITPLAN",
|
||||||
"STARTLISTEN",
|
"STARTLISTEN",
|
||||||
"ERGEBNISLISTEN",
|
"ERGEBNISLISTEN",
|
||||||
@@ -116,9 +117,10 @@ fun TurnierDetailScreen(
|
|||||||
onAbrechnungClick = { selectedTab = 4 }
|
onAbrechnungClick = { selectedTab = 4 }
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
6 -> ZeitplanTabContent(turnierId = turnierId, viewModel = bewerbViewModel)
|
6 -> OnlineNennungEingangTabContent(turnierNr = turnierId.toString())
|
||||||
7 -> StartlistenTabContent()
|
7 -> ZeitplanTabContent(turnierId = turnierId, viewModel = bewerbViewModel)
|
||||||
8 -> ErgebnislistenTabContent()
|
8 -> StartlistenTabContent()
|
||||||
|
9 -> ErgebnislistenTabContent()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+119
@@ -0,0 +1,119 @@
|
|||||||
|
package at.mocode.turnier.feature.presentation
|
||||||
|
|
||||||
|
import androidx.compose.foundation.background
|
||||||
|
import androidx.compose.foundation.layout.*
|
||||||
|
import androidx.compose.foundation.lazy.LazyColumn
|
||||||
|
import androidx.compose.foundation.lazy.items
|
||||||
|
import androidx.compose.foundation.shape.RoundedCornerShape
|
||||||
|
import androidx.compose.material.icons.Icons
|
||||||
|
import androidx.compose.material.icons.filled.Check
|
||||||
|
import androidx.compose.material.icons.filled.Refresh
|
||||||
|
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
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
fun OnlineNennungEingangTabContent(turnierNr: String) {
|
||||||
|
var isLoading by remember { mutableStateOf(false) }
|
||||||
|
|
||||||
|
// In einer echten Implementierung kämen diese Daten vom mail-service via Repository/ViewModel
|
||||||
|
val mockNennungen = remember {
|
||||||
|
listOf(
|
||||||
|
OnlineNennung(1, "Max", "Mustermann", "R1", "Sandro Boy", "2012", "neu@test.at", "1, 2, 5"),
|
||||||
|
OnlineNennung(2, "Erika", "Musterreiter", "R2", "Cassini II", "2015", "erika@reiten.at", "3, 10")
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
Column(modifier = Modifier.fillMaxSize().padding(16.dp)) {
|
||||||
|
Row(
|
||||||
|
modifier = Modifier.fillMaxWidth().padding(bottom = 16.dp),
|
||||||
|
horizontalArrangement = Arrangement.SpaceBetween,
|
||||||
|
verticalAlignment = Alignment.CenterVertically
|
||||||
|
) {
|
||||||
|
Column {
|
||||||
|
Text("Eingegangene Online-Nennungen", style = MaterialTheme.typography.titleLarge, fontWeight = FontWeight.Bold)
|
||||||
|
Text("Turnier: $turnierNr", style = MaterialTheme.typography.bodyMedium, color = Color.Gray)
|
||||||
|
}
|
||||||
|
|
||||||
|
Button(onClick = { /* Refresh */ }, colors = ButtonDefaults.buttonColors(containerColor = Color(0xFF1E3A8A))) {
|
||||||
|
Icon(Icons.Default.Refresh, contentDescription = null)
|
||||||
|
Spacer(Modifier.width(8.dp))
|
||||||
|
Text("Aktualisieren")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (mockNennungen.isEmpty()) {
|
||||||
|
Box(Modifier.fillMaxSize(), contentAlignment = Alignment.Center) {
|
||||||
|
Text("Keine neuen Nennungen vorhanden.", color = Color.Gray)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
LazyColumn(verticalArrangement = Arrangement.spacedBy(12.dp)) {
|
||||||
|
items(mockNennungen) { nennung ->
|
||||||
|
NennungEingangCard(nennung)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@Composable
|
||||||
|
fun NennungEingangCard(nennung: OnlineNennung) {
|
||||||
|
Card(
|
||||||
|
modifier = Modifier.fillMaxWidth(),
|
||||||
|
shape = RoundedCornerShape(12.dp),
|
||||||
|
colors = CardDefaults.cardColors(containerColor = Color.White),
|
||||||
|
elevation = CardDefaults.cardElevation(defaultElevation = 2.dp)
|
||||||
|
) {
|
||||||
|
Row(
|
||||||
|
modifier = Modifier.padding(16.dp).fillMaxWidth(),
|
||||||
|
horizontalArrangement = Arrangement.SpaceBetween,
|
||||||
|
verticalAlignment = Alignment.CenterVertically
|
||||||
|
) {
|
||||||
|
Column(modifier = Modifier.weight(1f)) {
|
||||||
|
Row(verticalAlignment = Alignment.CenterVertically) {
|
||||||
|
Text("${nennung.vorname} ${nennung.nachname}", fontWeight = FontWeight.Bold, fontSize = 16.sp)
|
||||||
|
Spacer(Modifier.width(8.dp))
|
||||||
|
Badge(containerColor = Color(0xFFE3F2FD)) { Text(nennung.lizenz, color = Color(0xFF1976D2)) }
|
||||||
|
}
|
||||||
|
Spacer(Modifier.height(4.dp))
|
||||||
|
Text("Pferd: ${nennung.pferdName} (*${nennung.pferdAlter})", style = MaterialTheme.typography.bodyMedium)
|
||||||
|
Text("Bewerbe: ${nennung.bewerbe}", style = MaterialTheme.typography.bodySmall, color = Color(0xFF2E7D32), fontWeight = FontWeight.Bold)
|
||||||
|
}
|
||||||
|
|
||||||
|
Column(horizontalAlignment = Alignment.End) {
|
||||||
|
Text(nennung.email, style = MaterialTheme.typography.labelSmall, color = Color.Gray)
|
||||||
|
Spacer(Modifier.height(8.dp))
|
||||||
|
Row(horizontalArrangement = Arrangement.spacedBy(8.dp)) {
|
||||||
|
OutlinedButton(onClick = { /* Details */ }, shape = RoundedCornerShape(8.dp)) {
|
||||||
|
Text("Details")
|
||||||
|
}
|
||||||
|
Button(
|
||||||
|
onClick = { /* Übernehmen */ },
|
||||||
|
shape = RoundedCornerShape(8.dp),
|
||||||
|
colors = ButtonDefaults.buttonColors(containerColor = Color(0xFF2E7D32))
|
||||||
|
) {
|
||||||
|
Icon(Icons.Default.Check, contentDescription = null, modifier = Modifier.size(18.dp))
|
||||||
|
Spacer(Modifier.width(4.dp))
|
||||||
|
Text("Übernehmen")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
data class OnlineNennung(
|
||||||
|
val id: Int,
|
||||||
|
val vorname: String,
|
||||||
|
val nachname: String,
|
||||||
|
val lizenz: String,
|
||||||
|
val pferdName: String,
|
||||||
|
val pferdAlter: String,
|
||||||
|
val email: String,
|
||||||
|
val bewerbe: String
|
||||||
|
)
|
||||||
Reference in New Issue
Block a user