1 <div id="particles-js"></div>
2 <script src="http://www.jsdelivr.com/#!particles-js"></script>
4 <mat-card class="login-card mat-elevation-z8">
6 <mat-card-title>ELIOT Portal Login</mat-card-title>
10 <form [formGroup]="loginForm" (ngSubmit)="onFormSubmit()">
12 <mat-form-field class="login-full-width">
13 <input matInput placeholder="Email" formControlName="email" name="email" required>
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>
21 <button mat-raised-button color="primary" matTooltip="click to login to ELIOT Portal"
22 matTooltipPosition="right">Login</button>
28 <button mat-raised-button routerLink="/signup" color="primary" matTooltip="click to signup to ELIOT Portal"
29 matTooltipPosition="right">Sign-up</button>