added svcapi ui and camunda code

[it/otf.git] / otf-frontend / client / src / app / signup / signup.component.html

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