Archive

client/src/app/modules/keys/create/create.component.html

@@ -1,15 +1,21 @@
-<h2 mat-dialog-title>Schlüssel anlegen</h2>
+<h2 mat-dialog-title>Neuen Schlüssel anlegen</h2>
 <mat-dialog-content>
   <form [formGroup]="createForm" >
 
     <mat-form-field>
       <mat-label>Name</mat-label>
-      <input type="text" matInput formControlName="name">
+      <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="text" matInput formControlName="nr">
+      <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>
@@ -19,6 +25,7 @@
           <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>