otf-frontend/client/src/app/signup/signup.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 class="user-avatar" src="assets/images/NetworkLogo.jpg" width="150px" />\r
  21             <h1>Open Test Framework</h1>\r
  22             <form role="form">\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
  28                             </div>\r
  29 \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
  32                             </div>\r
  33 \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
  36                             </div>\r
  37                             <div *ngIf="email.invalid && (email.dirty || email.touched)"\r
  38                                 class="alert-danger">\r
  39                                 <div *ngIf="email.errors.required">\r
  40                                     Email is required.\r
  41                                 </div>\r
  42                             </div>\r
  43                         </div>\r
  44                         <div class="col-md-6">\r
  45 \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
  48                             </div>\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
  53                             </div>\r
  54                             <div *ngIf="password.errors.minlength">\r
  55                                 Password must be at least 8 characters long.\r
  56                             </div>\r
  57                             </div>\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
  60                             </div>\r
  61                         </div>\r
  62                     </div>\r
  63                 </div>\r
  64                 <a class="btn rounded-btn" (click)='register()'> Register </a>&nbsp;\r
  65             </form>\r
  66         </div>\r
  67     </div>\r
  68 </div>\r