Digitale Zylinder eingebaut

This commit is contained in:
Bastian Wagner
2026-02-24 14:55:19 +01:00
parent e5c590165c
commit f7e9ee493b
7 changed files with 42 additions and 27 deletions

View File

@@ -4,19 +4,19 @@
<mat-form-field>
<mat-label>Name</mat-label>
<input type="text" matInput formControlName="name" maxlength="100">
<input type="text" matInput formControlName="name" maxlength="100" placeholder="Bsp.: Kellerschlüssel Ferienhaus">
@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-hint>Wie soll der Schlüssel heißen? Der Name beschreibt den Schlüssel. Er sollte aber nicht einem Mieter zugeordnet werden.</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>
<input type="text" matInput formControlName="nr" maxlength="100" placeholder="12 - R115843">
<mat-hint>Die Nummer auf dem Schlüssel oder dem Chip.</mat-hint>
</mat-form-field>
<div>

View File

@@ -93,9 +93,9 @@ export class CreateKeyComponent {
openSelectMultipleCylinders() {
this.dialog.open(SelectKeyCylinderComponent, {
maxHeight: "calc(100vh - 24px)",
maxWidth: "calc(100vw - 24px)",
width: "50vw",
maxHeight: "calc(100vh - 48px)",
maxWidth: "calc(100vw - 48px)",
width: "800px",
minWidth: "300px",
height: "70vh",
disableClose: true,

View File

@@ -170,8 +170,8 @@ export class KeysComponent extends AgGridContainerComponent {
openCreateKey() {
this.dialog.open(CreateKeyComponent, {
maxWidth: "calc(100vw - 24px)",
width: "30vw",
maxWidth: "calc(100vw - 48px)",
width: "800px",
minWidth: "200px",
disableClose: true
}).afterClosed().subscribe({
@@ -193,8 +193,8 @@ export class KeysComponent extends AgGridContainerComponent {
this.gridApi.setGridOption('loading', false)
const ref = this.dialog.open(SelectKeyCylinderComponent, {
data: cylinders,
maxHeight: "calc(100vh - 24px)",
maxWidth: "calc(100vw - 24px)",
maxHeight: "calc(100vh - 48px)",
maxWidth: "calc(100vw - 48px)",
width: "50vw",
minWidth: "300px",
height: "70vh",