Remove Comment.
This commit is contained in:
parent
16044591c3
commit
9f2481693a
|
@ -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"
|
||||||
<!-- 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 [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">
|
||||||
|
|
Loading…
Reference in New Issue