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

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