From: Bill Erickson <berickxx@gmail.com>
Date: Tue, 27 Dec 2022 17:54:21 +0000 (-0500)
Subject: LP2000482 Bootstrap 5: verify credentials
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=6fad04dcd871a980657e6ac7a35e96e1d7b8ffce;p=working%2FEvergreen.git

LP2000482 Bootstrap 5: verify credentials

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---

diff --git a/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html b/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html
index 7eee554768..f703e30420 100644
--- a/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/circ/patron/test-password.component.html
@@ -6,42 +6,47 @@
   <h3 i18n>Verify Credentials</h3>
 </ng-container>
 
-<div class="row">
-  <div class="col-lg-6">
 
-    <div class="form-group">
-      <label for="username-input" i18n>Username</label>
-      <input type="text" class="form-control" id="username-input" 
-        [disabled]="patronId" [(ngModel)]="username"/>
-    </div>
+<div class="row gx-3 row-cols-auto mt-2">
+  <label class="col-form-label col-1" for="username-input" i18n>Username</label>
+  <div class="col-3">
+    <input type="text" class="form-control" id="username-input" 
+      [disabled]="patronId" [(ngModel)]="username"/>
+  </div>
+</div>
 
-    <div class="form-group">
-      <label for="barcode-input" i18n>Barcode</label>
-      <input type="text" class="form-control" id="barcode-input" 
-        [disabled]="patronId" [(ngModel)]="barcode"/>
-    </div>
+<div class="row gx-3 row-cols-auto mt-2">
+  <label class="col-form-label col-1" for="barcode-input" i18n>Barcode</label>
+  <div class="col-3">
+    <input type="text" class="form-control" id="barcode-input" 
+      [disabled]="patronId" [(ngModel)]="barcode"/>
+  </div>
+</div>
 
-    <div class="form-group">
-      <label for="password-input" i18n>Password</label>
-      <input type="password" class="form-control" id="password-input" 
-        autocomplete="new-password" (keyup.enter)="verify()" [(ngModel)]="password"/>
-    </div>
+<div class="row gx-3 row-cols-auto mt-2">
+  <label class="col-form-label col-1" for="password-input" i18n>Password</label>
+  <div class="col-3">
+    <input type="password" class="form-control" id="password-input" 
+      autocomplete="new-password" (keyup.enter)="verify()" [(ngModel)]="password"/>
+  </div>
+</div>
 
+<div class="row gx-3 row-cols-auto mt-2">
+  <div class="col-2">
     <button class="btn btn-outline-dark" (click)="verify()">Verify</button>
-
     <button class="btn btn-outline-dark ms-2" 
       *ngIf="!patronId" (click)="retrieve()">Retrieve</button>
+  </div>
+</div>
 
-    <hr class="m-2"/>
+<hr class="mt-3 mb-3">
 
-    <div class="alert alert-success" *ngIf="verified === true" i18n>
-      Success testing credentials
-    </div>
-    <div class="alert alert-danger" *ngIf="verified === false" i18n>
-      Failure testing credentials
-    </div>
-    <div class="alert alert-danger" *ngIf="notFound" i18n>
-      No user found with the requested username / barcode
-    </div>
-  </div>
+<div class="alert alert-success" *ngIf="verified === true" i18n>
+  Success testing credentials
+</div>
+<div class="alert alert-danger" *ngIf="verified === false" i18n>
+  Failure testing credentials
+</div>
+<div class="alert alert-danger" *ngIf="notFound" i18n>
+  No user found with the requested username / barcode
 </div>