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(username.value, password.value)" #addUserForm="ngForm">
   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" required
  10       ngControl="username" #username="ngForm"
  11     >
  12     <div [hidden]="username.valid || 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" required
  21       ngControl="password" #password="ngForm"
  22     >
  23     <div [hidden]="password.valid || 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]="!addUserForm.form.valid">
  29 </form>