Merge Anmeldeformular into main #21

Merged
it-as merged 23 commits from Anmeldeformular into main 2024-04-26 14:40:21 +02:00
1 changed files with 147 additions and 151 deletions
Showing only changes of commit 9f2481693a - Show all commits

View File

@ -1,168 +1,164 @@
<!--<button mat-raised-button (click)="isEditable = !isEditable">-->
<!-- {{!isEditable ? 'Enable edit mode' : 'Disable edit mode'}}-->
<!--</button>-->
<mat-stepper> <mat-stepper>
<!-- Step 1--> <!-- Step 1-->
<!-- <mat-step [stepControl]="firstFormGroup" class="firstStep">--> <mat-step [stepControl]="firstFormGroup" class="firstStep">
<!-- <form [formGroup]="firstFormGroup" class="flexContainerRow width50">--> <form [formGroup]="firstFormGroup" class="flexContainerRow width50">
<!-- <ng-template matStepLabel>Persönliche Informationen</ng-template>--> <ng-template matStepLabel>Persönliche Informationen</ng-template>
<!-- <div class="leftContainer">--> <div class="leftContainer">
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Name</mat-label>--> <mat-label>Name</mat-label>
<!-- <input--> <input
<!-- matInput--> matInput
<!-- formControlName="firstName"--> formControlName="firstName"
<!-- placeholder="First name"--> placeholder="First name"
alioezdemir marked this conversation as resolved Outdated

Placeholder auf Deutsch

Placeholder auf Deutsch
<!-- required />--> required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Nachname</mat-label>--> <mat-label>Nachname</mat-label>
<!-- <input--> <input
<!-- matInput--> matInput
<!-- formControlName="lastName"--> formControlName="lastName"
<!-- placeholder="Last name"--> placeholder="Last name"
alioezdemir marked this conversation as resolved Outdated

Placeholder auf Deutsch

Placeholder auf Deutsch
<!-- required />--> required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Geburtstag</mat-label>--> <mat-label>Geburtstag</mat-label>
<!-- <input--> <input
<!-- matInput--> matInput
<!-- [matDatepicker]="birthdatePicker"--> [matDatepicker]="birthdatePicker"
<!-- formControlName="birthdate"--> formControlName="birthdate"
<!-- required />--> required />
<!-- <mat-hint>MM.DD.YYYY</mat-hint>--> <mat-hint>MM.DD.YYYY</mat-hint>
alioezdemir marked this conversation as resolved Outdated

Hint muss hier DD.MM.YYYY sein

Hint muss hier DD.MM.YYYY sein
<!-- <mat-datepicker-toggle--> <mat-datepicker-toggle
<!-- matSuffix--> matSuffix
<!-- [for]="birthdatePicker"></mat-datepicker-toggle>--> [for]="birthdatePicker"></mat-datepicker-toggle>
<!-- <mat-datepicker--> <mat-datepicker
<!-- #birthdatePicker--> #birthdatePicker
<!-- startView="multi-year"></mat-datepicker>--> startView="multi-year"></mat-datepicker>
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field>--> <mat-form-field>
<!-- <mat-label>Geschlecht</mat-label>--> <mat-label>Geschlecht</mat-label>
<!-- <mat-select>--> <mat-select>
<!-- <mat-option value="male">männlich</mat-option>--> <mat-option value="male">männlich</mat-option>
<!-- <mat-option value="female">weiblich</mat-option>--> <mat-option value="female">weiblich</mat-option>
<!-- <mat-option value="divers">divers</mat-option>--> <mat-option value="divers">divers</mat-option>
<!-- </mat-select>--> </mat-select>
<!-- </mat-form-field>--> </mat-form-field>
<!-- </div>--> </div>
<!-- <div class="rightContainer">--> <div class="rightContainer">
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Adresse</mat-label>--> <mat-label>Adresse</mat-label>
<!-- <input matInput formControlName="address" required />--> <input matInput formControlName="address" required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Postleitzahl</mat-label>--> <mat-label>Postleitzahl</mat-label>
<!-- <input matInput formControlName="postalCode" required />--> <input matInput formControlName="postalCode" required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Telefon</mat-label>--> <mat-label>Telefon</mat-label>
<!-- <input matInput formControlName="phone" required />--> <input matInput formControlName="phone" required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>E-Mail</mat-label>--> <mat-label>E-Mail</mat-label>
<!-- <input matInput formControlName="email" required />--> <input matInput formControlName="email" required />
<!-- <mat-error>Ungültige E-Mail Adresse</mat-error>--> <mat-error>Ungültige E-Mail Adresse</mat-error>
<!-- </mat-form-field>--> </mat-form-field>
<!-- </div>--> </div>
<!-- </form>--> </form>
<!-- <div class="buttonsContainer">--> <div class="buttonsContainer">
<!-- <button mat-button matStepperPrevious class="backButton">Zurück</button>--> <button mat-button matStepperPrevious class="backButton">Zurück</button>
<!-- <button--> <button
<!-- mat-button--> mat-button
<!-- matStepperNext--> matStepperNext
<!-- [disabled]="firstFormGroup.status == 'INVALID'">--> [disabled]="firstFormGroup.status == 'INVALID'">
<!-- Weiter--> Weiter
<!-- </button>--> </button>
<!-- </div>--> </div>
<!-- </mat-step> <mat-step [stepControl]="firstFormGroup" class="firstStep">--> </mat-step> <mat-step [stepControl]="firstFormGroup" class="firstStep">
<!-- <form [formGroup]="firstFormGroup" class="flexContainerRow width50">--> <form [formGroup]="firstFormGroup" class="flexContainerRow width50">
<!-- <ng-template matStepLabel>Persönliche Informationen</ng-template>--> <ng-template matStepLabel>Persönliche Informationen</ng-template>
<!-- <div class="leftContainer">--> <div class="leftContainer">
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Name</mat-label>--> <mat-label>Name</mat-label>
<!-- <input--> <input
<!-- matInput--> matInput
<!-- formControlName="firstName"--> formControlName="firstName"
<!-- placeholder="First name"--> placeholder="First name"
<!-- required />--> required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Nachname</mat-label>--> <mat-label>Nachname</mat-label>
<!-- <input--> <input
<!-- matInput--> matInput
<!-- formControlName="lastName"--> formControlName="lastName"
<!-- placeholder="Last name"--> placeholder="Last name"
<!-- required />--> required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Geburtstag</mat-label>--> <mat-label>Geburtstag</mat-label>
<!-- <input--> <input
<!-- matInput--> matInput
<!-- [matDatepicker]="birthdatePicker"--> [matDatepicker]="birthdatePicker"
<!-- formControlName="birthdate"--> formControlName="birthdate"
<!-- required />--> required />
<!-- <mat-hint>MM.DD.YYYY</mat-hint>--> <mat-hint>MM.DD.YYYY</mat-hint>
<!-- <mat-datepicker-toggle--> <mat-datepicker-toggle
<!-- matSuffix--> matSuffix
<!-- [for]="birthdatePicker"></mat-datepicker-toggle>--> [for]="birthdatePicker"></mat-datepicker-toggle>
<!-- <mat-datepicker--> <mat-datepicker
<!-- #birthdatePicker--> #birthdatePicker
<!-- startView="multi-year"></mat-datepicker>--> startView="multi-year"></mat-datepicker>
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field>--> <mat-form-field>
<!-- <mat-label>Geschlecht</mat-label>--> <mat-label>Geschlecht</mat-label>
<!-- <mat-select>--> <mat-select>
<!-- <mat-option value="male">männlich</mat-option>--> <mat-option value="male">männlich</mat-option>
<!-- <mat-option value="female">weiblich</mat-option>--> <mat-option value="female">weiblich</mat-option>
<!-- <mat-option value="divers">divers</mat-option>--> <mat-option value="divers">divers</mat-option>
<!-- </mat-select>--> </mat-select>
<!-- </mat-form-field>--> </mat-form-field>
<!-- </div>--> </div>
<!-- <div class="rightContainer">--> <div class="rightContainer">
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Adresse</mat-label>--> <mat-label>Adresse</mat-label>
<!-- <input matInput formControlName="address" required />--> <input matInput formControlName="address" required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Postleitzahl</mat-label>--> <mat-label>Postleitzahl</mat-label>
<!-- <input matInput formControlName="postalCode" required />--> <input matInput formControlName="postalCode" required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>Telefon</mat-label>--> <mat-label>Telefon</mat-label>
<!-- <input matInput formControlName="phone" required />--> <input matInput formControlName="phone" required />
<!-- </mat-form-field>--> </mat-form-field>
<!-- <mat-form-field appearance="fill">--> <mat-form-field appearance="fill">
<!-- <mat-label>E-Mail</mat-label>--> <mat-label>E-Mail</mat-label>
<!-- <input matInput formControlName="email" required />--> <input matInput formControlName="email" required />
<!-- <mat-error>Ungültige E-Mail Adresse</mat-error>--> <mat-error>Ungültige E-Mail Adresse</mat-error>
<!-- </mat-form-field>--> </mat-form-field>
<!-- </div>--> </div>
<!-- </form>--> </form>
<!-- <div class="buttonsContainer">--> <div class="buttonsContainer">
<!-- <button mat-button matStepperPrevious class="backButton">Zurück</button>--> <button mat-button matStepperPrevious class="backButton">Zurück</button>
<!-- <button--> <button
<!-- mat-button--> mat-button
<!-- matStepperNext--> matStepperNext
<!-- [disabled]="firstFormGroup.status == 'INVALID'">--> [disabled]="firstFormGroup.status == 'INVALID'">
<!-- Weiter--> Weiter
<!-- </button>--> </button>
<!-- </div>--> </div>
<!-- </mat-step>--> </mat-step>
<!-- Step 2--> <!-- Step 2-->
<mat-step [stepControl]="secondFormGroup"> <mat-step [stepControl]="secondFormGroup">