35 lines
1.3 KiB
HTML
35 lines
1.3 KiB
HTML
<h2 mat-dialog-title>Neuen Schlüssel anlegen</h2>
|
|
<mat-dialog-content>
|
|
<form [formGroup]="createForm" class="flex flex-col gap-3">
|
|
|
|
<mat-form-field>
|
|
<mat-label>Name</mat-label>
|
|
<input type="text" matInput formControlName="name" maxlength="100">
|
|
@if ((createForm.controls.name.value || '').length > 20) {
|
|
<mat-hint>{{ (createForm.controls.name.value || '').length }} / 100 Zeichen</mat-hint>
|
|
} @else {
|
|
<mat-hint>Wie soll der Schlüssel heißen?</mat-hint>
|
|
}
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>Schlüsselnummer</mat-label>
|
|
<input type="number" matInput formControlName="nr" min="0" max="999999999999">
|
|
<mat-hint>Nummer auf dem Schlüssel</mat-hint>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field>
|
|
<mat-label>Schließzylinder</mat-label>
|
|
<mat-select formControlName="cylinder">
|
|
@for (item of cylinders; track $index) {
|
|
<mat-option [value]="item">{{ item.name }}</mat-option>
|
|
}
|
|
</mat-select>
|
|
<mat-hint>Wo sperrt der Schlüssel?</mat-hint>
|
|
</mat-form-field>
|
|
</form>
|
|
</mat-dialog-content>
|
|
<mat-dialog-actions>
|
|
<button mat-button mat-dialog-close >Abbrechen</button>
|
|
<button mat-button (click)="save()" [disabled]="createForm.disabled">Speichern</button>
|
|
</mat-dialog-actions> |