Lost Keys
This commit is contained in:
@@ -12,11 +12,17 @@
|
||||
}
|
||||
</mat-form-field>
|
||||
|
||||
<mat-form-field>
|
||||
<mat-label>Schlüsselnummer</mat-label>
|
||||
<input type="text" matInput formControlName="nr" maxlength="100">
|
||||
<mat-hint>Nummer auf dem Schlüssel</mat-hint>
|
||||
</mat-form-field>
|
||||
<div class="flex items-center gap-6">
|
||||
<mat-form-field class="flex-auto">
|
||||
<mat-label>Schlüsselnummer</mat-label>
|
||||
<input type="text" matInput formControlName="nr" maxlength="100">
|
||||
<mat-hint>Nummer auf dem Schlüssel</mat-hint>
|
||||
</mat-form-field>
|
||||
|
||||
<div>
|
||||
<mat-checkbox formControlName="digital" style="margin-bottom: 12px;">Schlüsselkarte</mat-checkbox>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-3">
|
||||
<mat-form-field class="flex-auto">
|
||||
@@ -28,13 +34,16 @@
|
||||
</mat-select>
|
||||
<mat-hint>Wo sperrt der Schlüssel?</mat-hint>
|
||||
</mat-form-field>
|
||||
<button mat-icon-button (click)="openSelectMultipleCylinders()">
|
||||
<button mat-icon-button (click)="openSelectMultipleCylinders()" style="margin-bottom: 12px;">
|
||||
<mat-icon>open_in_new</mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</mat-dialog-content>
|
||||
<mat-dialog-actions>
|
||||
<button mat-button mat-dialog-close >Abbrechen</button>
|
||||
<button mat-button (click)="save()" [disabled]="createForm.disabled || createForm.invalid">Speichern</button>
|
||||
<button mat-button mat-dialog-close color="warn">Abbrechen</button>
|
||||
<button (click)="save()" [disabled]="createForm.disabled || createForm.invalid" mat-raised-button color="accent">
|
||||
<mat-icon>save</mat-icon>
|
||||
Speichern
|
||||
</button>
|
||||
</mat-dialog-actions>
|
||||
@@ -11,11 +11,12 @@ import { MatSelectModule } from '@angular/material/select';
|
||||
import { HotToastService } from '@ngxpert/hot-toast';
|
||||
import { SelectKeyCylinderComponent } from './select-key-cylinder/select-key-cylinder.component';
|
||||
import { MatIconModule } from '@angular/material/icon';
|
||||
import {MatCheckboxModule} from '@angular/material/checkbox';
|
||||
|
||||
@Component({
|
||||
selector: 'app-create',
|
||||
standalone: true,
|
||||
imports: [MatDialogModule, MatButtonModule, ReactiveFormsModule, FormsModule, MatFormFieldModule, MatInputModule, MatSelectModule, MatDialogModule, MatIconModule],
|
||||
imports: [MatDialogModule, MatButtonModule, ReactiveFormsModule, FormsModule, MatFormFieldModule, MatInputModule, MatSelectModule, MatDialogModule, MatIconModule, MatCheckboxModule],
|
||||
templateUrl: './create.component.html',
|
||||
styleUrl: './create.component.scss'
|
||||
})
|
||||
@@ -29,6 +30,7 @@ export class CreateKeyComponent {
|
||||
createForm = new FormGroup({
|
||||
name: new FormControl(null, Validators.required),
|
||||
nr: new FormControl(null, Validators.required),
|
||||
digital: new FormControl(false, Validators.required),
|
||||
cylinder: new FormControl(null, Validators.required),
|
||||
})
|
||||
|
||||
|
||||
Reference in New Issue
Block a user