X-Git-Url: https://gerrit.akraino.org/r/gitweb?a=blobdiff_plain;f=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.html;fp=blueprints%2Fcommon%2Feliot-ui%2Ffrontend-src%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.html;h=958b1466d6d18336166736c8a037fdaa56e90a53;hb=5c2048d4d3e672783eea4f306aa9a03f33a1a9f2;hp=0000000000000000000000000000000000000000;hpb=59f512662c02a16c1d5c45b090b185d2e773310f;p=eliot.git

diff --git a/blueprints/common/eliot-ui/frontend-src/src/app/signup/signup.component.html b/blueprints/common/eliot-ui/frontend-src/src/app/signup/signup.component.html
new file mode 100644
index 0000000..958b146
--- /dev/null
+++ b/blueprints/common/eliot-ui/frontend-src/src/app/signup/signup.component.html
@@ -0,0 +1,43 @@
+<!-- <div> -->
+    <div id="particles-js"></div>
+    <script src="http://www.jsdelivr.com/#!particles-js"></script>
+<div class="bg-image">
+    <mat-card class="signup-card">
+        <mat-card-header>
+            <mat-card-title>ELIOT Portal Signup</mat-card-title>
+        </mat-card-header>
+        <mat-card-content>
+            <form [formGroup]="signupForm" (ngSubmit)="onFormSubmit()">
+                <mat-form-field class="login-full-width">
+                    <input matInput placeholder="Username" formControlName="username" name="username" required>
+                </mat-form-field>
+                <mat-form-field class="login-full-width">
+                    <input matInput placeholder="Password" formControlName="password" [type]="hide ? 'password' : 'text'"
+                    required >
+                    <mat-icon matSuffix (click)="hide = !hide">{{hide ? 'visibility_off':'visibility'}}</mat-icon>
+                </mat-form-field>
+                <mat-form-field class="login-full-width">
+                    <input matInput placeholder="First Name" formControlName="firstname" name="firstname" required>
+                </mat-form-field>
+                <mat-form-field class="login-full-width">
+                    <input matInput placeholder="Last Name" formControlName="lastname" name="lastname" required>
+                </mat-form-field>
+                <mat-form-field class="login-full-width">
+                    <input matInput placeholder="Email" formControlName="email" name="email" required>
+                </mat-form-field>
+                <mat-form-field class="login-full-width">
+                    <input matInput placeholder="ROLE: ADMIN / DEVELOPER" formControlName="email" name="email" required>
+                </mat-form-field>
+
+                <button mat-raised-button color="primary" matTooltip="click to register to ELIOT Portal" 
+                matTooltipPosition="right">Sign-up</button>
+            </form>
+        </mat-card-content>
+        <mat-card-actions>
+            <button mat-raised-button routerLink="/login" color="primary" matTooltip="click to login to ELIOT Portal"
+            matTooltipPosition="right">Login</button>
+        </mat-card-actions>
+
+    </mat-card>
+</div>
+<!-- </div> -->
\ No newline at end of file