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]="loginForm">
   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]="loginForm.controls.username.valid || loginForm.controls.username.pristine" class="alert alert-danger">
  13       Username is required
  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]="loginForm.controls.password.valid || loginForm.controls.password.pristine" class="alert alert-danger">
  24       Password is required
  25     </div>
  26   </div>
  27
  28   <input type="submit" value="Login" class="btn btn-default" [disabled]="!loginForm.valid">
  29 </form>