X-Git-Url: https://gerrit.o-ran-sc.org/r/gitweb?p=it%2Fotf.git;a=blobdiff_plain;f=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.html;fp=otf-frontend%2Fclient%2Fsrc%2Fapp%2Fsignup%2Fsignup.component.html;h=a21c72ee05428a17163cb218ecb7f9619361d414;hp=0000000000000000000000000000000000000000;hb=14f6f95c84a4a1fa8774190db4a03fd0214ec55f;hpb=f49bd1efeaaddd4891c1f329b18d8cfb28b3e75b

diff --git a/otf-frontend/client/src/app/signup/signup.component.html b/otf-frontend/client/src/app/signup/signup.component.html
new file mode 100644
index 0000000..a21c72e
--- /dev/null
+++ b/otf-frontend/client/src/app/signup/signup.component.html
@@ -0,0 +1,68 @@
+<!-- Copyright (c) 2019 AT&T Intellectual Property.                            #
+#                                                                              #
+#   Licensed under the Apache License, Version 2.0 (the "License");            #
+#   you may not use this file except in compliance with the License.           #
+#   You may obtain a copy of the License at                                    #
+#                                                                              #
+#       http://www.apache.org/licenses/LICENSE-2.0                             #
+#                                                                              #
+#   Unless required by applicable law or agreed to in writing, software        #
+#   distributed under the License is distributed on an "AS IS" BASIS,          #
+#   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #
+#   See the License for the specific language governing permissions and        #
+#   limitations under the License.                                             #
+#############################################################################-->
+
+
+<div class="login-page" [@routerTransition]>
+    <div class="row justify-content-md-center">
+        <div class="col-md-4">
+            <img class="user-avatar" src="assets/images/NetworkLogo.jpg" width="150px" />
+            <h1>Open Test Framework</h1>
+            <form role="form">
+                <div class="form-content">
+                    <div class="row justify-content-md-center">
+                        <div class="col-md-6">
+                            <div class="form-group">
+                                <input type="text" required [(ngModel)]="user.firstName" name="firstName" class="form-control input-underline input-lg" id="" placeholder="First Name">
+                            </div>
+
+                            <div class="form-group">
+                                <input type="text" required [(ngModel)]="user.lastName" name="lastName" class="form-control input-underline input-lg" id="" placeholder="Last Name">
+                            </div>
+
+                            <div class="form-group">
+                                <input type="email" required [(ngModel)]="user.email" name="email" class="form-control input-underline input-lg" id="" #email="ngModel" placeholder="Email">
+                            </div>
+                            <div *ngIf="email.invalid && (email.dirty || email.touched)"
+                                class="alert-danger">
+                                <div *ngIf="email.errors.required">
+                                    Email is required.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-6">
+
+                            <div class="form-group">
+                                <input type="password" required minlength="8" [(ngModel)]="user.password" name="password" class="form-control input-underline input-lg" id="password1" #password="ngModel" placeholder="Password">
+                            </div>
+                            <div *ngIf="password.invalid && (password.dirty || password.touched)"
+                                class="alert-danger">
+                            <div *ngIf="password.errors.required">
+                                Password is required.
+                            </div>
+                            <div *ngIf="password.errors.minlength">
+                                Password must be at least 8 characters long.
+                            </div>
+                            </div>
+                            <div class="form-group">
+                                <input type="password" required [(ngModel)]="passwordConfirm" name="passwordConfirm" class="form-control input-underline input-lg" id="password2" placeholder="Repeat Password">
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <a class="btn rounded-btn" (click)='register()'> Register </a>&nbsp;
+            </form>
+        </div>
+    </div>
+</div>