mod2/ui/src/app/login/login.component.html

   1 <!--
   2   # ============LICENSE_START=======================================================
   3   # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved.
   4   # ================================================================================
   5   # Licensed under the Apache License, Version 2.0 (the "License");
   6   # you may not use this file except in compliance with the License.
   7   # You may obtain a copy of the License at
   8   #
   9   #      http://www.apache.org/licenses/LICENSE-2.0
  10   #
  11   # Unless required by applicable law or agreed to in writing, software
  12   # distributed under the License is distributed on an "AS IS" BASIS,
  13   # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14   # See the License for the specific language governing permissions and
  15   # limitations under the License.
  16   # ============LICENSE_END=========================================================
  17  -->
  18
  19 <p-card header="Log in to MOD" [style]="{margin:'100px 300px 300px 300px'}">
  20 <hr class="line-break">
  21 <form [formGroup]="form" (ngSubmit)="submit()" class="p-5 bg-faded" style="margin-left: 220px;margin-bottom: 100px;">
  22     <div class="ui-g ui-fluid" >
  23         <div class="ui-g-12 ui-md-4">
  24             <div class="ui-inputgroup" >
  25                 <span class="ui-inputgroup-addon"><i class="pi pi-user" style="line-height: 1.25;"></i></span>
  26                 <input type="text" placeholder="ATT UID" formControlName="username">
  27             </div>
  28         </div>
  29     </div>
  30     <!-- <div class="ui-g ui-fluid" >
  31         <div class="ui-g-12 ui-md-4">
  32             <div class="ui-inputgroup" >
  33                 <span class="ui-inputgroup-addon"><i class="pi pi-user" style="line-height: 1.25;"></i></span>
  34                 <input type="text" placeholder="ATT UID" formControlName="uid">
  35             </div>
  36         </div>
  37     </div> -->
  38     <div class="ui-g ui-fluid">
  39         <div class="ui-g-12 ui-md-4">
  40             <div class="ui-inputgroup" >
  41                 <span class="ui-inputgroup-addon" (click)="hide=!hide">
  42                 <i [ngClass]="hide? 'pi pi-eye-slash':'pi pi-eye'"></i></span>
  43                 <input [type]="hide? 'password':'text'" placeholder="password" formControlName="password" >
  44                 <!-- <a routerLink="/reset-password">Forget password?</a>        -->
  45             </div>
  46         </div>
  47     </div>
  48
  49     <p-footer class="text-left ui-g-12">
  50         <!-- <button pButton type="button" class="ui-button-info" label="Cancel" (click)="cancel()" style="margin-right: .25em"></button> -->
  51         <button pButton type="submit" class="ui-button-success" label="Login" [disabled]="!form.valid"></button>
  52     </p-footer>
  53     <div class="text-left ui-g-12">
  54         <p>Not a registered user? Contact the DCAE-MOD team at <i>dcae-mod-team@att.com</i></p>
  55         <a href="mailto:dcae-mod-team@att.com?subject=account application&body=Please help open a dcae account with username:">Cick here to contact now</a>
  56     </div>
  57   </form>
  58 </p-card>