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 7eee554..f703e30 100644 (file)
--- 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>