Seite: Veranstaltung anlegen

Route

/shows/new

Die Route ist im Shows-Routing mit RoleGuard geschuetzt und verlangt die Rolle leader.

Zweck

Die Seite erstellt den Kopf einer neuen Veranstaltung. Nach der Anlage wird direkt zur Detailseite navigiert, wo Lieder hinzugefügt und der weitere Ablauf gepflegt werden.

Datenquellen

ShowService.SHOW_TYPE_PUBLIC und ShowService.SHOW_TYPE_PRIVATE liefern die auswählbaren Veranstaltungstypen.
ShowService.new$(data) erstellt das Show-Dokument.
UserService.user$ wird innerhalb von ShowService.new$() verwendet, um den Besitzer zu setzen.
ShowDataService.add() schreibt die neue Show in die Firestore-Collection shows.

NewComponent haelt außerdem ShowDataService.list$ als shows$, nutzt diesen Stream in der aktuellen Vorlage aber nicht sichtbar.

Wichtige UI-Elemente

app-page-frame mit Titel Veranstaltungen.
Karte Neue Veranstaltung mit Rücksprung nach /shows.
Formularfeld Art der Veranstaltung als gruppierte Auswahl.
Formularfeld Datum mit Material-Datepicker.
Button Anlegen.

Aktionen

Formular ausfuellen: Typ und Datum sind Pflichtfelder.
Anlegen: markiert alle Felder als berührt, prüft die Formularvaliditaet und ruft ShowService.new$() auf.
Nach erfolgreicher Anlage: Navigation zu /shows/{id}.

Statuslogik

Beim Initialisieren wird das Formular zurückgesetzt. Das Speichern bricht ab, wenn Pflichtfelder fehlen oder kein Benutzer ermittelt werden kann.

ShowService.new$() ergänzt die eingegebenen Daten um:

owner: ID des aktuellen Benutzers
order: []
songIds: []
public: abgeleitet daraus, ob showType in SHOW_TYPE_PUBLIC enthalten ist

Veröffentlichungs-, Melde- und Archivstatus werden auf dieser Seite nicht direkt gesetzt.

Berechtigungen

Zugriff auf die Route erfordert leader.
Die Seite selbst enthält keine zusätzliche Owner-Prüfung, da die Show erst beim Speichern für den aktuellen Benutzer erzeugt wird.

Technische Hinweise

Das Formular ist ein typisiertes Reactive Form mit FormControl<Date | null> und FormControl<string | null>.
Die Auswahl trennt öffentliche und private Veranstaltungstypen in mat-optgroup.
Die Anzeige der Typen erfolgt über ShowTypePipe.
ShowService.new$() gibt null zurück, wenn kein showType oder kein Benutzer vorhanden ist; die Navigation nutzt dann defensiv einen leeren String.

2.4 KiB Raw Permalink Blame History