LP2000482 Angular 15 and Bootstrap 5 upgrade

[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / circ / patron / edit.component.html

diff --git a/Open-ILS/src/eg2/src/app/staff/circ/patron/edit.component.html b/Open-ILS/src/eg2/src/app/staff/circ/patron/edit.component.html
index 255f463..f53c638 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/circ/patron/edit.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/circ/patron/edit.component.html
@@ -42,7 +42,7 @@
 </div>
 
 <ng-template #fieldExample let-args="args">
-  <span class="ml-2" *ngIf="exampleText(args.cls, args.field)" i18n>
+  <span class="ms-2" *ngIf="exampleText(args.cls, args.field)" i18n>
     Example: {{exampleText(args.cls, args.field)}}
   </span>
 </ng-template>
@@ -50,7 +50,7 @@
 <!-- IDL-generated field labels.  Override with args.overrideLabel -->
 <ng-template #fieldLabel let-args="args">
   <div class="col-lg-3 field-label">
-    <label for="{{getClass(args.cls)}}-{{args.field}}-input">
+    <label class="form-label" for="{{getClass(args.cls)}}-{{args.field}}-input">
       {{getFieldLabel(getClass(args.cls), args.field, args.overrideLabel)}}
     </label>
     <eg-help-popover *ngIf="getFieldDoc(args.cls, args.field)"
@@ -62,7 +62,7 @@
 
 <ng-template #userSettingLabel let-args="args">
   <div class="col-lg-3 field-label">
-    <label for="cust-{{args.settingName}}-input">
+    <label class="form-label" for="cust-{{args.settingName}}-input">
       {{userSettingTypes[args.settingName].label()}}
     </label>
   </div>
@@ -91,7 +91,7 @@
   <div class="col-lg-3">
     <input 
       type="checkbox"
-      class="form-check-input ml-0"
+      class="form-check-input ms-0"
       name="{{getClass(args.cls)}}-{{args.field}}-input"
       id="{{getClass(args.cls)}}-{{args.field}}-input"
       [ngModel]="objectFromPath(args.path, args.index)[args.field]() === 't'"
@@ -127,7 +127,7 @@
     <div class="col-lg-3">
       <input 
         type="checkbox"
-        class="form-check-input ml-0"
+        class="form-check-input ms-0"
         name="cust-{{args.settingName}}-input"
         id="cust-{{args.settingName}}-input"
         [ngModel]="userSettings[args.settingName]"
@@ -195,11 +195,11 @@
           (click)="replaceBarcode()" i18n>
           Replace Barcode
         </button>
-        <button class="btn btn-outline-dark ml-2" (click)="barcodesDialog.open()" i18n>
+        <button class="btn btn-outline-dark ms-2" (click)="barcodesDialog.open()" i18n>
           See All
         </button>
       </ng-container>
-      <span *ngIf="dupeBarcode" class="text-danger font-weight-bold ml-2" i18n>
+      <span *ngIf="dupeBarcode" class="text-danger fw-bold ms-2" i18n>
         Barcode is already in use
       </span>
     </div>
@@ -211,7 +211,7 @@
     <ng-container *ngTemplateOutlet="fieldInput; context: {args: {field: 'usrname'}}">
     </ng-container>
     <div class="col-lg-6">
-      <span *ngIf="dupeUsername" class="text-danger font-weight-bold ml-2" i18n>
+      <span *ngIf="dupeUsername" class="text-danger fw-bold ms-2" i18n>
         Username is already in use
       </span>
     </div>
@@ -355,7 +355,7 @@
           Send Test Email
         </button>
         <ng-container *ngIf="!patron.isnew()">
-         <button class="btn btn-outline-dark ml-2" 
+         <button class="btn btn-outline-dark ms-2" 
            (click)="invalidateField('email')" i18n>Invalidate</button>
         </ng-container>
       </ng-container>
@@ -502,7 +502,7 @@
   </ng-container>
 
   <div class="alert alert-success pt-2 pb-2 mt-3 mb-3 d-flex">
-    <div class="m-auto font-weight-bold" i18n>User Settings</div>
+    <div class="m-auto fw-bold" i18n>User Settings</div>
   </div>
 
   <ng-container *ngTemplateOutlet="userSettingInputRow; context: 
@@ -530,24 +530,24 @@
       context: {args: {settingName: 'opac.hold_notify'}}">
     </ng-container>
     <div class="col-lg-3">
-      <div class="form-check form-check-inline mr-2">
+      <div class="form-check form-check-inline me-2">
         <input class="form-check-input" type="checkbox" name="hold-notify-phone" 
           id="hold-notify-phone" [(ngModel)]="holdNotifyTypes.phone"
           (ngModelChange)="emitSaveState()"/>
-        <label class="form-check-label" for="hold-notify-phone" i18n>Phone</label>
+        <label class="form-label form-check-label" for="hold-notify-phone" i18n>Phone</label>
       </div>
-      <div class="form-check form-check-inline mr-2">
+      <div class="form-check form-check-inline me-2">
         <input class="form-check-input" type="checkbox" name="hold-notify-email" 
           id="hold-notify-email" [(ngModel)]="holdNotifyTypes.email"
           (ngModelChange)="emitSaveState()"/>
-        <label class="form-check-label" for="hold-notify-email" i18n>Email</label>
+        <label class="form-label form-check-label" for="hold-notify-email" i18n>Email</label>
       </div>
-      <div class="form-check form-check-inline mr-2" 
+      <div class="form-check form-check-inline me-2" 
         *ngIf="context.settingsCache['sms.enable']">
         <input class="form-check-input" type="checkbox" name="hold-notify-sms" 
           id="hold-notify-sms" [(ngModel)]="holdNotifyTypes.sms"
           (ngModelChange)="emitSaveState()"/>
-        <label class="form-check-label" for="hold-notify-sms" i18n>SMS</label>
+        <label class="form-label form-check-label" for="hold-notify-sms" i18n>SMS</label>
       </div>
     </div>
   </div>
@@ -616,7 +616,7 @@
               id="waiver-holds-{{waiver.id()}}" [ngModel]="waiver.place_holds() === 't'"
               (ngModelChange)="fieldValueChange('waiver_entries', index, 'place_holds', $event)"
               (change)="afterFieldChange('waiver_entries', index, 'place_holds')"/>
-            <label class="form-check-label"
+            <label class="form-label form-check-label"
               for="waiver-holds-{{waiver.id()}}" i18n>Place Holds?</label>
           </div>
           <div class="form-inline">
@@ -625,18 +625,18 @@
               id="waiver-history-{{waiver.id()}}" [ngModel]="waiver.view_history() === 't'"
               (ngModelChange)="fieldValueChange('waiver_entries', index, 'view_history', $event)"
               (change)="afterFieldChange('waiver_entries', index, 'view_history')"/>
-            <label class="form-check-label"
+            <label class="form-label form-check-label"
               for="waiver-history-{{waiver.id()}}" i18n>View Borrowing History?</label>
           </div>
         </div>
-        <div class="ml-3">
+        <div class="ms-3">
           <div class="form-inline">
             <input class="form-check-input" type="checkbox" 
               [disabled]="waiver.isdeleted()"
               id="waiver-pickup-{{waiver.id()}}" [ngModel]="waiver.pickup_holds() === 't'"
               (ngModelChange)="fieldValueChange('waiver_entries', index, 'pickup_hold', $event)"
               (change)="afterFieldChange('waiver_entries', index, 'pickup_hold')"/>
-            <label class="form-check-label"
+            <label class="form-label form-check-label"
               for="waiver-pickup-{{waiver.id()}}" i18n>Pick Up Holds?</label>
           </div>
           <div class="form-inline">
@@ -645,11 +645,11 @@
               id="waiver-checkout-{{waiver.id()}}" [ngModel]="waiver.checkout_items() === 't'"
               (ngModelChange)="fieldValueChange('waiver_entries', index, 'checkout_items', $event)"
               (change)="afterFieldChange('waiver_entries', index, 'checkout_items')"/>
-            <label class="form-check-label"
+            <label class="form-label form-check-label"
               for="waiver-checkout-{{waiver.id()}}" i18n>Check Out Items?</label>
           </div>
         </div>
-        <div class="ml-3">
+        <div class="ms-3">
           <button class="btn btn-danger material-icon-button" 
             [ngClass]="{'invisible': waiver.isdeleted()}"
             (click)="removeWaiver(waiver)"
@@ -657,7 +657,7 @@
             <span class="text-danger material-icons">delete</span>
           </button>
         </div>
-        <div class="ml-2" *ngIf="index === patron.waiver_entries().length - 1">
+        <div class="ms-2" *ngIf="index === patron.waiver_entries().length - 1">
           <button class="btn btn-success material-icon-button" 
           (click)="addWaiver()" i18n-title title="Add Privacy Waiver">
             <span class="text-success material-icons">add</span>
@@ -668,7 +668,7 @@
   </ng-container>
 
   <div class="alert alert-success pt-2 pb-2 mt-3 mb-3 d-flex">
-    <div class="m-auto font-weight-bold" i18n>Addresses</div>
+    <div class="m-auto fw-bold" i18n>Addresses</div>
   </div>
 
   <ng-container *ngFor="let addr of patron.addresses(); let index = index">
@@ -678,20 +678,20 @@
         <div class="row">
           <div class="col-lg-3" i18n>Address #{{index + 1}}</div>
           <div class="col-lg-9">
-            <div class="form-check form-check-inline mr-2">
+            <div class="form-check form-check-inline me-2">
               <input class="form-check-input" type="checkbox" 
                 name="addr-{{addr.id()}}-mailing" id="addr-{{addr.id()}}-mailing" 
                 [ngModel]="patron.mailing_address() && addr.id() === patron.mailing_address().id()"
                 (ngModelChange)="setAddrType('mailing', addr, $event)"/>
-              <label class="form-check-label" 
+              <label class="form-label form-check-label" 
                 for="addr-{{addr.id()}}-mailing" i18n>Mailing</label>
             </div>
-            <div class="form-check form-check-inline mr-2">
+            <div class="form-check form-check-inline me-2">
               <input class="form-check-input" type="checkbox" 
                 name="addr-{{addr.id()}}-billing" id="addr-{{addr.id()}}-billing" 
                 [ngModel]="patron.billing_address() && addr.id() === patron.billing_address().id()"
                 (ngModelChange)="setAddrType('billing', addr, $event)"/>
-              <label class="form-check-label" 
+              <label class="form-label form-check-label" 
                 for="addr-{{addr.id()}}-billing" i18n>Physical</label>
             </div>
             <button class="btn btn-danger" (click)="deleteAddr(addr)" i18n>Delete</button>
@@ -735,12 +735,12 @@
 
   <ng-container *ngIf="showField('stat_cats') && statCats.length > 0">
     <div class="alert alert-success pt-2 pb-2 mt-3 mb-3 d-flex">
-      <div class="m-auto font-weight-bold" i18n>Statistical Categories</div>
+      <div class="m-auto fw-bold" i18n>Statistical Categories</div>
     </div>
 
     <div class="row pt-1 pb-1 mt-1" *ngFor="let stat of statCats">
      <div class="col-lg-3 field-label">
-      <label for="asc-{{stat.cat.id()}}-input">{{stat.cat.name()}}</label>
+      <label class="form-label" for="asc-{{stat.cat.id()}}-input">{{stat.cat.name()}}</label>
      </div>
      <div class="col-lg-3">
       <eg-combobox
@@ -759,14 +759,14 @@
 
   <ng-container *ngIf="showField('surveys') && surveys.length > 0">
     <div class="alert alert-success pt-2 pb-2 mt-2 mb-2 d-flex">
-      <div class="m-auto font-weight-bold" i18n>Surveys</div>
+      <div class="m-auto fw-bold" i18n>Surveys</div>
     </div>
     <div class="card pt-1 pb-1 mt-1" *ngFor="let survey of surveys">
       <div class="card-header">{{survey.name()}}</div>
       <div class="card-body">
         <div class="row pt-1 pb-1 mt-1" *ngFor="let question of survey.questions()">
           <div class="col-lg-3 field-label">
-            <label for="asvq-{{question.id()}}-input">{{question.question()}}</label>
+            <label class="form-label" for="asvq-{{question.id()}}-input">{{question.question()}}</label>
           </div>
           <div class="col-lg-3">
             <eg-combobox