blueprints/common/eliot-ui/frontend-src/src/app/login/login.component.html

   1 <div id="particles-js"></div>
   2 <script src="http://www.jsdelivr.com/#!particles-js"></script>
   3 <div class="bg-image">
   4     <mat-card class="login-card mat-elevation-z8">
   5         <mat-card-header>
   6             <mat-card-title>ELIOT Portal Login</mat-card-title>
   7         </mat-card-header>
   8         <mat-card-content>
   9
  10             <form [formGroup]="loginForm" (ngSubmit)="onFormSubmit()">
  11
  12                 <mat-form-field class="login-full-width">
  13                     <input matInput placeholder="Email" formControlName="email" name="email" required>
  14                 </mat-form-field>
  15                 <mat-form-field class="login-full-width">
  16                     <input matInput placeholder="Password" formControlName="password"
  17                         [type]="hide ? 'password' : 'text'" required>
  18                     <mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility_off':'visibility'}}</mat-icon>
  19                 </mat-form-field>
  20
  21                 <button mat-raised-button color="primary" matTooltip="click to login to ELIOT Portal"
  22                     matTooltipPosition="right">Login</button>
  23
  24             </form>
  25         </mat-card-content>
  26
  27         <mat-card-actions>
  28             <button mat-raised-button routerLink="/signup" color="primary" matTooltip="click to signup to ELIOT Portal"
  29                 matTooltipPosition="right">Sign-up</button>
  30         </mat-card-actions>
  31
  32     </mat-card>
  33 </div>