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

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