client/src/app/signup/signup.component.html

   1 <div class="margin-content">
   2
   3   <div class="title-page title-page-single">
   4     Create an account
   5   </div>
   6
   7   <div *ngIf="error" class="alert alert-danger">{{ error }}</div>
   8
   9   <form role="form" (ngSubmit)="signup()" [formGroup]="form">
  10     <div class="form-group">
  11       <label for="username">Username</label>
  12       <input
  13         type="text" class="form-control" id="username" placeholder="Username"
  14         formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
  15       >
  16       <div *ngIf="formErrors.username" class="form-error">
  17         {{ formErrors.username }}
  18       </div>
  19     </div>
  20
  21     <div class="form-group">
  22       <label for="email">Email</label>
  23       <input
  24         type="text" class="form-control" id="email" placeholder="Email"
  25         formControlName="email" [ngClass]="{ 'input-error': formErrors['email'] }"
  26       >
  27       <div *ngIf="formErrors.email" class="form-error">
  28         {{ formErrors.email }}
  29       </div>
  30     </div>
  31
  32     <div class="form-group">
  33       <label for="password">Password</label>
  34       <input
  35         type="password" class="form-control" id="password" placeholder="Password"
  36         formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
  37       >
  38       <div *ngIf="formErrors.password" class="form-error">
  39         {{ formErrors.password }}
  40       </div>
  41     </div>
  42
  43     <input type="submit" value="Signup" [disabled]="!form.valid">
  44   </form>
  45
  46 </div>