client/src/app/login/login.component.html

   1 <h3>Login</h3>
   2
   3 <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   4
   5 <form role="form" (ngSubmit)="login()" [formGroup]="form">
   6   <div class="form-group">
   7     <label for="username">Username</label>
   8     <input
   9       type="text" class="form-control" id="username" placeholder="Username" required
  10       formControlName="username"
  11     >
  12     <div *ngIf="formErrors.username" class="alert alert-danger">
  13       {{ formErrors.username }}
  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       formControlName="password"
  22     >
  23     <div *ngIf="formErrors.password" class="alert alert-danger">
  24       {{ formErrors.password }}
  25     </div>
  26   </div>
  27
  28   <input type="submit" value="Login" class="btn btn-default" [disabled]="!form.valid">
  29 </form>