visual + updates

2026-03-08 11:09:52 +01:00
parent a9ff8517ff
commit 10f4750755
22 changed files with 2009 additions and 2822 deletions
@@ -1,23 +1,32 @@
-<form (submit)="submit(); $event.preventDefault()">
+<form [formRoot]="form">
    <mat-form-field>
        <mat-label>Vorname</mat-label>
-        <input matInput placeholder="Vorname" [field]="form.vorname" />
+        <input matInput placeholder="Vorname" [formField]="form.vorname" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Nachname</mat-label>
-        <input matInput placeholder="Nachname" [field]="form.nachname" />
+        <input matInput placeholder="Nachname" [formField]="form.nachname" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Geschlecht</mat-label>
-        <input matInput placeholder="Geschlecht" [field]="form.geschlecht" />
+        <input
+            matInput
+            placeholder="Geschlecht"
+            [formField]="form.geschlecht" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Passnummer</mat-label>
-        <input matInput placeholder="Passnummer" [field]="form.passnummer" />
+        <input
+            matInput
+            placeholder="Passnummer"
+            [formField]="form.passnummer" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Geburtsdatum</mat-label>
-        <input matInput [matDatepicker]="picker" [field]="form.geburtsdatum" />
+        <input
+            matInput
+            [matDatepicker]="picker"
+            [formField]="form.geburtsdatum" />
        <mat-hint>DD.MM.YYYY</mat-hint>
        <mat-datepicker-toggle
            matIconSuffix
@@ -26,11 +35,14 @@
    </mat-form-field>
    <mat-form-field>
        <mat-label>Geburtsort</mat-label>
-        <input matInput placeholder="Geburtsort" [field]="form.geburtsort" />
+        <input
+            matInput
+            placeholder="Geburtsort"
+            [formField]="form.geburtsort" />
    </mat-form-field>
    <mat-form-field>
        <mat-label>Vereinsmitglied?</mat-label>
-        <mat-select matInput [field]="form.verein">
+        <mat-select matInput [formField]="form.verein">
            <mat-option [value]="true">Ja</mat-option>
            <mat-option [value]="false">Nein</mat-option>
        </mat-select>