Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html

   1 <ng-container *ngIf="!patronId">
   2   <eg-staff-banner i18n-bannerText bannerText="Verify Patron Credentials">
   3   </eg-staff-banner>
   4 </ng-container>
   5 <ng-container *ngIf="patronId">
   6   <h3 i18n>Verify Credentials</h3>
   7 </ng-container>
   8
   9
  10 <div class="row gx-3 row-cols-auto mt-2">
  11   <label class="form-label col-form-label col-1" for="username-input" i18n>Username</label>
  12   <div class="col-3">
  13     <input type="text" class="form-control" id="username-input"
  14       [disabled]="patronId" [(ngModel)]="username"/>
  15   </div>
  16 </div>
  17
  18 <div class="row gx-3 row-cols-auto mt-2">
  19   <label class="form-label col-form-label col-1" for="barcode-input" i18n>Barcode</label>
  20   <div class="col-3">
  21     <input type="text" class="form-control" id="barcode-input"
  22       [disabled]="patronId" [(ngModel)]="barcode"/>
  23   </div>
  24 </div>
  25
  26 <div class="row gx-3 row-cols-auto mt-2">
  27   <label class="form-label col-form-label col-1" for="password-input" i18n>Password</label>
  28   <div class="col-3">
  29     <input type="password" class="form-control" id="password-input"
  30       autocomplete="new-password" (keyup.enter)="verify()" [(ngModel)]="password"/>
  31   </div>
  32 </div>
  33
  34 <div class="row gx-3 row-cols-auto mt-2">
  35   <div class="col-2">
  36     <button class="btn btn-outline-dark" (click)="verify()">Verify</button>
  37     <button class="btn btn-outline-dark ms-2"
  38       *ngIf="!patronId" (click)="retrieve()">Retrieve</button>
  39   </div>
  40 </div>
  41
  42 <hr class="mt-3 mb-3">
  43
  44 <div class="alert alert-success" *ngIf="verified === true" i18n>
  45   Success testing credentials
  46 </div>
  47 <div class="alert alert-danger" *ngIf="verified === false" i18n>
  48   Failure testing credentials
  49 </div>
  50 <div class="alert alert-danger" *ngIf="notFound" i18n>
  51   No user found with the requested username / barcode
  52 </div>