mod2/ui/src/app/reset-password/reset-password.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="Password Reset" [style]="{margin:'100px 300px 500px 300px'}">
  20     <hr class="line-break">
  21     <form [formGroup]="form" (ngSubmit)="submit()" class="p-5 bg-faded" style="margin-left: 200px;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" pInputText placeholder="User id" formControlName="id" >
  27                 </div>
  28             </div>
  29         </div>
  30         <div *ngIf="!authService.isAdmin; else admin">
  31         <div class="ui-g ui-fluid">
  32             <div class="ui-g-12 ui-md-4">
  33                 <div class="ui-inputgroup" >
  34                     <span class="ui-inputgroup-addon"><i class="pi pi-key" style="line-height: 1.25;"></i></span>
  35                     <input type="text" pInputText placeholder="New Password" formControlName="newPassword">
  36                 </div>
  37             </div>
  38         </div>
  39         <div class="ui-g ui-fluid">
  40             <div class="ui-g-12 ui-md-4">
  41                 <div class="ui-inputgroup" >
  42                     <span class="ui-inputgroup-addon"><i class="pi pi-key" style="line-height: 1.25;"></i></span>
  43                     <input type="text" pInputText placeholder="Confirm Password" formControlName="confirm_newPassword">
  44                 </div>
  45             </div>
  46         </div>
  47         </div>
  48         <ng-template class="ui-g ui-fluid" #admin>
  49             <div class="ui-g-12 ui-md-4">
  50                 <div class="ui-inputgroup">
  51                 <input type="text" pInputText formControlName="password" placeholder="generate password">
  52                 <button pButton type="button" icon="pi pi-refresh" class="ui-button-warn" (click)="generateNewPassword()" ></button>
  53                 </div>
  54             </div>
  55         </ng-template>
  56         <p-footer class="text-left ui-g-12">
  57             <button pButton type="button" class="ui-button-info" label="Cancel" (click)="cancel()" style="margin-right: .25em"></button>
  58             <button pButton type="submit" class="ui-button-success" label="Login" [disabled]="!form.valid"></button>
  59         </p-footer>
  60         <div class="text-left ui-g-12">
  61             <a routerLink="/register">Not a registered user? Click here to register now!</a>
  62         </div>
  63       </form>
  64     </p-card>