added oran ric test head
[it/otf.git] / otf-frontend / client / src / app / login / login.component.html
1 <!-- Copyright (c) 2019 AT&T Intellectual Property.                            #\r
2 #                                                                              #\r
3 #   Licensed under the Apache License, Version 2.0 (the "License");            #\r
4 #   you may not use this file except in compliance with the License.           #\r
5 #   You may obtain a copy of the License at                                    #\r
6 #                                                                              #\r
7 #       http://www.apache.org/licenses/LICENSE-2.0                             #\r
8 #                                                                              #\r
9 #   Unless required by applicable law or agreed to in writing, software        #\r
10 #   distributed under the License is distributed on an "AS IS" BASIS,          #\r
11 #   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.   #\r
12 #   See the License for the specific language governing permissions and        #\r
13 #   limitations under the License.                                             #\r
14 #############################################################################-->\r
15 \r
16 \r
17 <div class="login-page" [@routerTransition]>\r
18     <div class="row justify-content-md-center">\r
19         <div class="col-md-4">\r
20             <img src="assets/images/NetworkLogo.jpg" width="200px" class="user-avatar" />\r
21             <h1>Open Test Framework</h1>\r
22             <form #login="ngForm" (ngSubmit)="onLoggedin()" role="form">\r
23                 <div class="form-content">\r
24                     <div class="form-group">\r
25                         <input type="text" [(ngModel)]="User.email" [ngModelOptions]="{standalone: true}" class="form-control input-underline input-lg" id="email" #email="ngModel" placeholder="Email">\r
26                     </div>\r
27                     \r
28 \r
29                     <div class="form-group">\r
30                         <input type="password" [(ngModel)]="User.password" [ngModelOptions]="{standalone: true}" class="form-control input-underline input-lg" id="password"  placeholder="Password">\r
31                         \r
32                     </div>\r
33                     <div *ngIf="loginFailed && (email.dirty || email.touched)"\r
34                             class="alert-danger">\r
35                             <div>\r
36                                 Username/Password is incorrect.\r
37                             </div>\r
38                     </div>\r
39                 </div>\r
40                 <button class="btn rounded-btn" type="submit" id="login"> Log in </button>\r
41                 &nbsp;\r
42                 <a class="btn rounded-btn" [routerLink]="['/signup']">Register</a>\r
43             </form>\r
44         </div>\r
45     </div>\r
46 </div>\r