diff options
Diffstat (limited to 'mod2/ui/src/app/login/login.component.html')
-rw-r--r-- | mod2/ui/src/app/login/login.component.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/mod2/ui/src/app/login/login.component.html b/mod2/ui/src/app/login/login.component.html new file mode 100644 index 0000000..b98baff --- /dev/null +++ b/mod2/ui/src/app/login/login.component.html @@ -0,0 +1,58 @@ +<!-- + # ============LICENSE_START======================================================= + # Copyright (c) 2020 AT&T Intellectual Property. All rights reserved. + # ================================================================================ + # Licensed under the Apache License, Version 2.0 (the "License"); + # you may not use this file except in compliance with the License. + # You may obtain a copy of the License at + # + # http://www.apache.org/licenses/LICENSE-2.0 + # + # Unless required by applicable law or agreed to in writing, software + # distributed under the License is distributed on an "AS IS" BASIS, + # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + # See the License for the specific language governing permissions and + # limitations under the License. + # ============LICENSE_END========================================================= + --> + +<p-card header="Log in to MOD" [style]="{margin:'100px 300px 300px 300px'}"> +<hr class="line-break"> +<form [formGroup]="form" (ngSubmit)="submit()" class="p-5 bg-faded" style="margin-left: 220px;margin-bottom: 100px;"> + <div class="ui-g ui-fluid" > + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup" > + <span class="ui-inputgroup-addon"><i class="pi pi-user" style="line-height: 1.25;"></i></span> + <input type="text" placeholder="ATT UID" formControlName="username"> + </div> + </div> + </div> + <!-- <div class="ui-g ui-fluid" > + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup" > + <span class="ui-inputgroup-addon"><i class="pi pi-user" style="line-height: 1.25;"></i></span> + <input type="text" placeholder="ATT UID" formControlName="uid"> + </div> + </div> + </div> --> + <div class="ui-g ui-fluid"> + <div class="ui-g-12 ui-md-4"> + <div class="ui-inputgroup" > + <span class="ui-inputgroup-addon" (click)="hide=!hide"> + <i [ngClass]="hide? 'pi pi-eye-slash':'pi pi-eye'"></i></span> + <input [type]="hide? 'password':'text'" placeholder="password" formControlName="password" > + <!-- <a routerLink="/reset-password">Forget password?</a> --> + </div> + </div> + </div> + + <p-footer class="text-left ui-g-12"> + <!-- <button pButton type="button" class="ui-button-info" label="Cancel" (click)="cancel()" style="margin-right: .25em"></button> --> + <button pButton type="submit" class="ui-button-success" label="Login" [disabled]="!form.valid"></button> + </p-footer> + <div class="text-left ui-g-12"> + <p>Not a registered user? Contact the DCAE-MOD team at <i>dcae-mod-team@att.com</i></p> + <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> + </div> + </form> +</p-card> |