1 <!-- Copyright (c) 2019 AT&T Intellectual Property. #
\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
7 # http://www.apache.org/licenses/LICENSE-2.0 #
\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
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 class="user-avatar" src="assets/images/NetworkLogo.jpg" width="150px" />
\r
21 <h1>Open Test Framework</h1>
\r
23 <div class="form-content">
\r
24 <div class="row justify-content-md-center">
\r
25 <div class="col-md-6">
\r
26 <div class="form-group">
\r
27 <input type="text" required [(ngModel)]="user.firstName" name="firstName" class="form-control input-underline input-lg" id="" placeholder="First Name">
\r
30 <div class="form-group">
\r
31 <input type="text" required [(ngModel)]="user.lastName" name="lastName" class="form-control input-underline input-lg" id="" placeholder="Last Name">
\r
34 <div class="form-group">
\r
35 <input type="email" required [(ngModel)]="user.email" name="email" class="form-control input-underline input-lg" id="" #email="ngModel" placeholder="Email">
\r
37 <div *ngIf="email.invalid && (email.dirty || email.touched)"
\r
38 class="alert-danger">
\r
39 <div *ngIf="email.errors.required">
\r
44 <div class="col-md-6">
\r
46 <div class="form-group">
\r
47 <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
49 <div *ngIf="password.invalid && (password.dirty || password.touched)"
\r
50 class="alert-danger">
\r
51 <div *ngIf="password.errors.required">
\r
52 Password is required.
\r
54 <div *ngIf="password.errors.minlength">
\r
55 Password must be at least 8 characters long.
\r
58 <div class="form-group">
\r
59 <input type="password" required [(ngModel)]="passwordConfirm" name="passwordConfirm" class="form-control input-underline input-lg" id="password2" placeholder="Repeat Password">
\r
64 <a class="btn rounded-btn" (click)='register()'> Register </a>
\r