2 <div id="particles-js"></div>
3 <script src="http://www.jsdelivr.com/#!particles-js"></script>
5 <mat-card class="signup-card">
7 <mat-card-title>ELIOT Portal Signup</mat-card-title>
10 <form [formGroup]="signupForm" (ngSubmit)="onFormSubmit()">
11 <mat-form-field class="login-full-width">
12 <input matInput placeholder="Username" formControlName="username" name="username" required>
14 <mat-form-field class="login-full-width">
15 <input matInput placeholder="Password" formControlName="password" [type]="hide ? 'password' : 'text'"
17 <mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility_off':'visibility'}}</mat-icon>
19 <mat-form-field class="login-full-width">
20 <input matInput placeholder="First Name" formControlName="firstname" name="firstname" required>
22 <mat-form-field class="login-full-width">
23 <input matInput placeholder="Last Name" formControlName="lastname" name="lastname" required>
25 <mat-form-field class="login-full-width">
26 <input matInput placeholder="Email" formControlName="email" name="email" required>
28 <mat-form-field class="login-full-width">
29 <input matInput placeholder="ROLE: ADMIN / DEVELOPER" formControlName="email" name="email" required>
32 <button mat-raised-button color="primary" matTooltip="click to register to ELIOT Portal"
33 matTooltipPosition="right">Sign-up</button>
37 <button mat-raised-button routerLink="/login" color="primary" matTooltip="click to login to ELIOT Portal"
38 matTooltipPosition="right">Login</button>