added svcapi ui and camunda code

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

diff --git a/otf-frontend/client/src/app/login/login.component.html b/otf-frontend/client/src/app/login/login.component.html
new file mode 100644 (file)
index 0000000..7bb3328
--- /dev/null
+++ b/otf-frontend/client/src/app/login/login.component.html
@@ -0,0 +1,46 @@
+<!-- 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 src="assets/images/NetworkLogo.jpg" width="200px" class="user-avatar" />\r
+            <h1>Open Test Framework</h1>\r
+            <form #login="ngForm" (ngSubmit)="onLoggedin()" role="form">\r
+                <div class="form-content">\r
+                    <div class="form-group">\r
+                        <input type="text" [(ngModel)]="User.email" [ngModelOptions]="{standalone: true}" class="form-control input-underline input-lg" id="email" #email="ngModel" placeholder="Email">\r
+                    </div>\r
+                    \r
+\r
+                    <div class="form-group">\r
+                        <input type="password" [(ngModel)]="User.password" [ngModelOptions]="{standalone: true}" class="form-control input-underline input-lg" id="password"  placeholder="Password">\r
+                        \r
+                    </div>\r
+                    <div *ngIf="loginFailed && (email.dirty || email.touched)"\r
+                            class="alert-danger">\r
+                            <div>\r
+                                Username/Password is incorrect.\r
+                            </div>\r
+                    </div>\r
+                </div>\r
+                <button class="btn rounded-btn" type="submit" id="login"> Log in </button>\r
+                &nbsp;\r
+                <a class="btn rounded-btn" [routerLink]="['/signup']">Register</a>\r
+            </form>\r
+        </div>\r
+    </div>\r
+</div>\r