client/src/app/admin/users/user-add/user-add.component.html

   1 <h3>Add user</h3>
   2
   3 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   4
   5 <form role="form" (ngSubmit)="addUser()" [formGroup]="userAddForm">
   6   <div class="form-group">
   7     <label for="username">Username</label>
   8     <input
   9       type="text" class="form-control" name="username" id="username" placeholder="Username"
  10       [(ngModel)]="username"
  11     >
  12     <div [hidden]="userAddForm.controls.username.valid || userAddForm.controls.username.pristine" class="alert alert-danger">
  13       Username is required with a length >= 3 and <= 20
  14     </div>
  15   </div>
  16
  17   <div class="form-group">
  18     <label for="password">Password</label>
  19     <input
  20       type="password" class="form-control" name="password" id="password" placeholder="Password"
  21       [(ngModel)]="password"
  22     >
  23     <div [hidden]="userAddForm.controls.password.valid || userAddForm.controls.password.pristine" class="alert alert-danger">
  24       Password is required with a length >= 6
  25     </div>
  26   </div>
  27
  28   <input type="submit" value="Add user" class="btn btn-default" [disabled]="!userAddForm.valid">
  29 </form>