LP2000482 Bootstrap 5: Form select and input group text classes
authorStephanie Leary <stephanie.leary@equinoxOLI.org>
Wed, 22 Feb 2023 16:58:36 +0000 (10:58 -0600)
committerStephanie Leary <stephanie.leary@equinoxoli.org>
Wed, 1 Mar 2023 15:21:57 +0000 (15:21 +0000)
Signed-off-by: Stephanie Leary <stephanie.leary@equinoxOLI.org>
35 files changed:
Open-ILS/src/eg2/src/app/share/date-select/date-select.component.html
Open-ILS/src/eg2/src/app/share/grid/grid-filter-control.component.html
Open-ILS/src/eg2/src/app/share/org-family-select/org-family-select.component.html
Open-ILS/src/eg2/src/app/staff/acq/asn/receive.component.html
Open-ILS/src/eg2/src/app/staff/acq/lineitem/lineitem-list.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/cash-reports/cash-reports.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-material.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/course-reserves/course-associate-users.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/field-documentation/field-documentation.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/org-unit-settings/edit-org-unit-setting-dialog.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/org-unit-settings/org-unit-settings.component.html
Open-ILS/src/eg2/src/app/staff/admin/local/survey/survey-edit.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/org-unit.component.html
Open-ILS/src/eg2/src/app/staff/admin/server/print-template.component.html
Open-ILS/src/eg2/src/app/staff/booking/capture.component.html
Open-ILS/src/eg2/src/app/staff/booking/create-reservation.component.html
Open-ILS/src/eg2/src/app/staff/booking/manage-reservations.component.html
Open-ILS/src/eg2/src/app/staff/booking/pickup.component.html
Open-ILS/src/eg2/src/app/staff/booking/pull-list.component.html
Open-ILS/src/eg2/src/app/staff/booking/return.component.html
Open-ILS/src/eg2/src/app/staff/cat/authority/browse.component.html
Open-ILS/src/eg2/src/app/staff/cat/authority/marc-edit.component.html
Open-ILS/src/eg2/src/app/staff/cat/bib-by-ident.component.html
Open-ILS/src/eg2/src/app/staff/cat/item/missing-pieces.component.html
Open-ILS/src/eg2/src/app/staff/cat/vandelay/match-set-list.component.html
Open-ILS/src/eg2/src/app/staff/cat/vandelay/recent-imports.component.html
Open-ILS/src/eg2/src/app/staff/catalog/hold/hold.component.html
Open-ILS/src/eg2/src/app/staff/catalog/record/holdings.component.html
Open-ILS/src/eg2/src/app/staff/circ/checkin/checkin.component.html
Open-ILS/src/eg2/src/app/staff/circ/patron/bcsearch.component.html
Open-ILS/src/eg2/src/app/staff/circ/patron/bills.component.html
Open-ILS/src/eg2/src/app/staff/circ/patron/checkout.component.html
Open-ILS/src/eg2/src/app/staff/circ/renew/renew.component.html
Open-ILS/src/eg2/src/app/staff/hopeless/hopeless.component.html
Open-ILS/src/eg2/src/app/staff/share/holds/grid.component.html

index 9511091..795f528 100644 (file)
@@ -21,7 +21,7 @@
       (ngModelChange)="inputChanged($event)"
       (keyup.enter)="onDateEnter()"
       (dateSelect)="onDateSelect($event)"/>
-    <div class="input-group-append">
+    <div class="input-group-text">
       <button class="btn btn-outline-secondary" [disabled]="disabled"
         (click)="datePicker.toggle()" type="button">
         <span title="Select Date" i18n-title class="material-icons">event</span>
index 9edc9f5..c1a3e64 100644 (file)
@@ -70,7 +70,7 @@
           <div ngbDropdownMenu class="eg-grid-filter-menu">
             <div class="dropdown-item">
               <div>
-                <select class="custom-select" [(ngModel)]="col.filterValue"
+                <select class="form-select" [(ngModel)]="col.filterValue"
                   (change)="applyFilterCommon(col)"
                   [disabled]="col.filterInputDisabled || context.dataSource.requestingData">
                   <option value="" i18n>Any</option>
index 3ec4167..cb8575e 100644 (file)
@@ -1,5 +1,5 @@
 <form class="d-flex" [formGroup]="familySelectors">
-  <div class="input-group-prepend">
+  <div class="input-group-text">
     <span class="input-group-text">{{labelText}}</span>
   </div>
   <eg-org-select [domId]="domId"
index 15d70ab..81f127a 100644 (file)
@@ -4,13 +4,13 @@
 <div class="row">
   <div class="col-lg-6">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" i18n>Container Barcode:</span>
       </div>
       <input type='text' id='barcode-search-input' class="form-control" 
         (keyup.enter)="findContainer()" placeholder="Barcode..." 
         i18n-placeholder [(ngModel)]="barcode"/>
-      <div class="input-group-append">
+      <div class="input-group-text">
         <button class="btn btn-outline-secondary" 
           (click)="findContainer()" i18n>Submit</button>
       </div>
index d21a808..65ab9ed 100644 (file)
             <!-- w-auto allows the input group to stick to the right 
                  as the status label grows -->
             <div class="input-group w-auto me-2">
-              <div class="input-group-prepend">
+              <div class="input-group-text">
                 <span *ngIf="identOptions(li).length > 1" class="text-danger me-1"
                   i18n-title title="Multiple Order Identifier Options" i18n>
                   ({{identOptions(li).length}})
index 45e6590..51acd1f 100644 (file)
@@ -5,19 +5,19 @@
   <div>
     <div class="row">
       <div class="input-group col-lg-3">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <div class="input-group-text" i18n>Start Date</div> 
           <eg-date-select [initialDate]="today" (onChangeAsYmd)="onStartDateChange($event)"></eg-date-select>
         </div>
       </div>
       <div class="input-group col-lg-3">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <div class="input-group-text" i18n>End Date</div> 
           <eg-date-select [initialDate]="today" (onChangeAsYmd)="onEndDateChange($event)"></eg-date-select>
         </div>
       </div>
       <div class="input-group col-lg-4">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <div class="input-group-text" i18n>View reports for</div>
         </div>
         <eg-org-select [applyDefault]="true" [disableOrgs]="disabledOrgs" (onChange)="onOrgChange($event)"></eg-org-select>
index ca2536b..f8d4689 100644 (file)
@@ -36,7 +36,7 @@
               <div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <label for="associate-item-barcode" class="input-group-text" i18n>Barcode</label>
                     </div>
                     <input type="text" class="flex-grow-1" id="associate-item-barcode"
@@ -47,7 +47,7 @@
                 </div>
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <label for="associate-item-relationship" class="input-group-text" i18n>Relationship</label>
                     </div>
                     <input type="text" [(ngModel)]="relationshipInput" id="associate-item-relationship"
@@ -66,7 +66,7 @@
               <div class="row mt-3">
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <label for="associate-item-temp-call-number" i18n>Call Number</label>
                       </div>
@@ -74,7 +74,7 @@
                     <input type="text" [(ngModel)]="tempCallNumber" id="associate-item-temp-call-number"
                       [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
                       (input)="isModifyingCallNumber = true" class="flex-grow-1" />
-                    <div class="input-group-append">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <input type="checkbox" [(ngModel)]="isModifyingCallNumber"
                           [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
@@ -85,7 +85,7 @@
                 </div>
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <label for="temp-circ-mod" i18n>Circulation Modifier</label>
                       </div>
@@ -96,7 +96,7 @@
                       domId="temp-circ-mod"
                       (onChange)="tempCircMod = $event.id; isModifyingCircMod = true">
                     </eg-combobox>
-                    <div class="input-group-append">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <input type="checkbox" [(ngModel)]="isModifyingCircMod"
                           [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
               <div class="row mt-3">
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <label for="temp-item-status" i18n>Item Status</label>
                       </div>
                       domId="temp-item-status"
                       (onChange)="tempStatus = $event.id; isModifyingStatus = true">
                     </eg-combobox>
-                    <div class="input-group-append">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <input type="checkbox" [(ngModel)]="isModifyingStatus"
                           [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
                 </div>
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <label for="temp-location" i18n>Shelving Location</label>
                       </div>
                       [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'" [(ngModel)]="tempLocation"
                       (valueChange)="isModifyingLocation = true">
                     </eg-item-location-select>
-                    <div class="input-group-append">
+                    <div class="input-group-text">
                       <div class="input-group-text">
                         <input type="checkbox" [(ngModel)]="isModifyingLocation"
                           [disabled]="currentCourse && (courseIsArchived || currentCourse.is_archived()) === 't'"
             <ng-template ngbNavContent>
               <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <label class="input-group-text" for="brief-relationship" i18n>Relationship</label>
                   </div>
                   <input type="text" [(ngModel)]="relationshipInput" id="brief-relationship"
               <div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <label for="bib-id" class="input-group-text" i18n>Bibliographic Record ID</label>
                     </div>
                     <input type="text" [(ngModel)]="bibId" id="bib-id"
                 </div>
                 <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
                   <div class="input-group">
-                    <div class="input-group-prepend">
+                    <div class="input-group-text">
                       <label class="input-group-text" for="electronic-relationship" i18n>Relationship</label>
                     </div>
                     <input type="text" [(ngModel)]="relationshipInput" id="electronic-relationship"
index 7571b14..c82d08e 100644 (file)
@@ -23,7 +23,7 @@
       <div class="row" [ngClass]="isDialog() ? '' : 'mt-3'">
         <div class="d-flex"  [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12'">
           <div class="input-group">
-            <div class="input-group-prepend">
+            <div class="input-group-text">
               <label for="associate-user-barcode" class="input-group-text" i18n>Patron Barcode</label>
             </div>
             <input type="text" class="flex-grow-1" id="associate-user-barcode"
@@ -39,7 +39,7 @@
         </div>
         <div class="d-flex" [ngClass]="isDialog() ? 'col-md-6' : 'col-md-12 mt-3'">
           <div class="input-group">
-            <div class="input-group-prepend">
+            <div class="input-group-text">
               <label for="associate-user-role" class="input-group-text" i18n>Role</label>
             </div>
             <eg-combobox idlClass="acmr" [(ngModel)]="userRoleInput"
index 5f9902a..e151678 100644 (file)
@@ -4,7 +4,7 @@
 <div class="row mt-3">
   <div class="col-md-3">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <div class="input-group-text" i18n>Class</div>
         <!-- IDL Selector -->
         <eg-combobox [allowFreeText]="true"
index 3493643..94fc6db 100644 (file)
@@ -18,7 +18,7 @@
     <div class="row mt-3">
         <div class="col-md-6">
             <div class="input-group">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                     <div class="input-group-text" i18n>Context</div>
                     <eg-org-select [initialOrg]="entryContext"
                       (onChange)="entryContext = $event"></eg-org-select>
@@ -32,7 +32,7 @@
 
               <ng-container *ngSwitchCase="'integer'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                     <input
                       class="form-control" type="number"
@@ -45,7 +45,7 @@
               </ng-container>
               <ng-container *ngSwitchCase="'currency'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                     <div class="input-group-text" i18n>$</div>
                     <input
@@ -60,7 +60,7 @@
               </ng-container>
               <ng-container *ngSwitchCase="'string'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                     <input
                       class="form-control" type="text"
@@ -73,7 +73,7 @@
               </ng-container>
               <ng-container *ngSwitchCase="'interval'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                     <input
                       class="form-control" type="text"
               </ng-container>
               <ng-container *ngSwitchCase="'bool'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                     <select
-                      class="custom-select" name="entryValue"
+                      class="form-select" name="entryValue"
                       placeholder="True or False" i18n-placeholder
                       [(ngModel)]="entryValue">
                       <option value='true' i18n>True</option>
               </ng-container>
               <ng-container *ngSwitchCase="'array'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                     <input
                       class="form-control" type="text"
               </ng-container>
               <ng-container *ngSwitchCase="'link'">
                 <div class="input-group">
-                  <div class="input-group-prepend">
+                  <div class="input-group-text">
                     <div class="input-group-text" i18n>Value</div>
                       <ng-container [ngSwitch]="entry.fmClass">
                         <ng-container *ngSwitchCase="'acpl'">
index b472fbc..2475c8c 100644 (file)
@@ -16,7 +16,7 @@
 <div class="row mt-3">
   <div class="col-md-3">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <div class="input-group-text" i18n>Context Location</div>
         <eg-org-select [initialOrg]="contextOrg"
           (onChange)="contextOrgChanged($event)">
index 473fef3..51a378c 100644 (file)
@@ -35,7 +35,7 @@
                         </label>
                         <input type="text" [(ngModel)]="question.words" class="form-control"
                             name="question-{{questionIndex}}">
-                        <span class="input-group-append">
+                        <span class="input-group-text">
                             <button class="ms-2 btn btn-info" 
                                 (click)="updateQuestion(question)" i18n>
                                 Save
@@ -51,7 +51,7 @@
                         <input class="form-control" type="text" 
                             [(ngModel)]="answer.words"
                             name="answer-{{questionIndex}}-{{answerIndex}}">
-                        <span class="input-group-append">
+                        <span class="input-group-text">
                             <button class="ms-2 btn btn-info" 
                                 (click)="updateAnswer(answer, question, questionIndex, answerIndex)"
                                 i18n>
@@ -67,7 +67,7 @@
                         <input class="form-control" type="text" 
                             [(ngModel)]="newAnswerArray[questionIndex].inputText"
                                 value="">
-                        <span class="input-group-append">
+                        <span class="input-group-text">
                             <button class="ms-2 btn btn-info" 
                                 (click)="createAnswer(newAnswerArray[questionIndex].inputText, question)"
                                 i18n>
@@ -85,7 +85,7 @@
                         type="text" 
                         [(ngModel)]="newQuestionText"
                         name="question-new" value="">
-                    <span class="input-group-append">
+                    <span class="input-group-text">
                         <button class="ms-2 btn btn-info"
                             (click)="createQuestion(newQuestionText)" i18n>
                             Save Question & Add Answer
index a372bc3..993341c 100644 (file)
                 <div class="row">
                   <div class="col-lg-12">
                     <div class="input-group">
-                      <div class="input-group-prepend">
+                      <div class="input-group-text">
                         <div class="input-group-text" i18n>Note: </div>
                       </div>
                       <input class="form-control" type='text'
index e2bd27f..91e7881 100644 (file)
@@ -25,7 +25,7 @@
   </div>
   <div class="col-lg-3">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" i18n>Template</span>
       </div>
       <ng-template #entryTemplate let-r="result" let-owner="getOwnerName">
@@ -39,7 +39,7 @@
   </div>
   <div class="col-lg-3" *ngIf="localeEntries.length > 0">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" i18n>Locale</span>
       </div>
       <eg-combobox [entries]="localeEntries"
index b840f41..2099c2b 100644 (file)
@@ -9,7 +9,7 @@
 <form [formGroup]="findResource" class="row">
   <div class="col-md-4">
     <div class="input-group flex-nowrap">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <label class="input-group-text" for="resource-barcode" i18n>Resource barcode</label>
         <input type="text" id="resource-barcode" class="form-control" formControlName="resourceBarcode">
       </div>
index c881afd..c1c5430 100644 (file)
@@ -6,7 +6,7 @@
     <div class="row">
       <div class="col">
         <div class="input-group">
-          <div class="input-group-prepend">
+          <div class="input-group-text">
             <label class="input-group-text" for="ideal-reservation-type" i18n>Reservation type</label>
           </div>
           <select class="form-control" id="ideal-reservation-type" formControlName="reservationType">
@@ -16,7 +16,7 @@
       </div>
       <div class="col">
         <div class="input-group">
-          <div class="input-group-prepend">
+          <div class="input-group-text">
             <label class="input-group-text" for="ideal-reservation-date" i18n>Reservation date</label>
           </div>
           <eg-date-select *ngIf="!multiday" #dateLimiter domId="ideal-reservation-date" formControlName="idealDate"></eg-date-select>
@@ -37,7 +37,7 @@
           <div ngbPanelContent class="row">
             <div class="col">
               <div class="input-group">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label class="input-group-text" for="ideal-resource-type" i18n>Search by resource type</label>
                 </div>
                 <eg-combobox
@@ -65,7 +65,7 @@
           <div ngbPanelContent class="row">
             <div class="col">
               <div class="input-group">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label class="input-group-text" for="ideal-resource-barcode" i18n>Search by resource barcode</label>
                 </div>
                 <input type="text" id="ideal-resource-barcode" class="form-control" formControlName="resourceBarcode">
@@ -84,7 +84,7 @@
           <ul class="list-group list-group-flush" formArrayName="selectedAttributes">
             <li *ngFor="let attribute of attributes; let i = index" class="list-group-item">
               <span class="input-group">
-                <span class="input-group-prepend">
+                <span class="input-group-text">
                   <label class="input-group-text" for="attribute-{{attribute.id()}}" i18n>{{attribute.name()}}</label>
                 </span>
                 <eg-combobox [formControlName]="i">
           <ul class="list-group list-group-flush">
             <li class="list-group-item">
               <span class="input-group">
-                <span class="input-group-prepend">
+                <span class="input-group-text">
                   <label class="input-group-text" for="start-time" i18n>Start time</label>
                 </span>
                 <ngb-timepicker formControlName="startOfDay" [minuteStep]="minuteStep()" [meridian]="true"></ngb-timepicker>
             </li>
             <li class="list-group-item">
               <span class="input-group">
-                <span class="input-group-prepend">
+                <span class="input-group-text">
                   <label class="input-group-text" for="end-time" i18n>End time</label>
                 </span>
                 <ngb-timepicker formControlName="endOfDay" [minuteStep]="minuteStep()" [meridian]="true"></ngb-timepicker>
             </li>
             <li class="list-group-item">
               <span class="input-group">
-                <span class="input-group-prepend">
+                <span class="input-group-text">
                   <label class="input-group-text" for="granularity" i18n>Granularity</label>
                 </span>
                 <eg-combobox (onChange)="changeGranularity($event)" [startId]="granularity ? granularity : 30">
index fab4245..b52b003 100644 (file)
@@ -18,7 +18,7 @@
           <ng-template ngbNavContent>
             <div class="m-2">
               <div class="input-group m-2">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label class="input-group-text" for="patron-barcode-value" i18n>Patron barcode</label>
                 </div>
                 <input type="text" id="patron-barcode-value" class="form-control" formControlName="patronBarcode">
@@ -36,7 +36,7 @@
           <ng-template ngbNavContent>
             <div class="m-2">
               <div class="input-group m-2">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label class="input-group-text" for="resource-barcode-value" i18n>Resource barcode</label>
                 </div>
                 <input type="text" id="resource-barcode-value" class="form-control" formControlName="resourceBarcode">
@@ -54,7 +54,7 @@
           <ng-template ngbNavContent>
             <div class="m-2">
               <div class="input-group m-2">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label class="input-group-text" for="resource-type-value" i18n>Resource type</label>
                 </div>
                 <eg-combobox domId="resource-type-value" formControlName="resourceType" idlClass="brt" [asyncSupportsEmptyTermClick]="true"></eg-combobox>
index 7cd8c40..926058c 100644 (file)
@@ -5,7 +5,7 @@
 <form [formGroup]="findPatron" class="row">
   <div class="col-md-4">
     <div class="input-group flex-nowrap">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <label class="input-group-text" for="patron-barcode" i18n>Patron barcode</label>
         <input type="text" id="patron-barcode" class="form-control" formControlName="patronBarcode">
       </div>
index 233e033..c2f6c83 100644 (file)
@@ -5,7 +5,7 @@
 <form [formGroup]="pullListCriteria" class="row">
   <div class="col-md-4">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <label for="ou" class="input-group-text" i18n>Library:</label>
       </div>
       <eg-org-select domId="ou" [applyDefault]="true"
@@ -16,7 +16,7 @@
   </div>
   <div class="col-md-4">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <label for="days-hence" class="input-group-text" i18n>Number of days to fetch:</label>
       </div>
       <input type="number" min="1" class="form-control" formControlName="daysHence">
index ca6c8a4..2d19162 100644 (file)
@@ -11,7 +11,7 @@
         <div class="row">
           <div class="col-md-4">
             <div class="input-group flex-nowrap">
-              <div class="input-group-prepend">
+              <div class="input-group-text">
                 <label class="input-group-text" for="patron-barcode" i18n>Patron barcode</label>
                 <input type="text" id="patron-barcode" class="form-control" i18n-placeholder placeholder="Patron barcode" formControlName="patronBarcode">
               </div>
@@ -31,7 +31,7 @@
       <a i18n ngbNavLink role="tab">By resource</a>
       <ng-template ngbNavContent>
         <div class="input-group flex-nowrap">
-          <div class="input-group-prepend">
+          <div class="input-group-text">
             <label class="input-group-text" for="resource-barcode" i18n>Resource barcode</label>
             <input type="text" id="resource-barcode" class="form-control" i18n-placeholder placeholder="Resource barcode" formControlName="resourceBarcode">
           </div>
index bdf3809..9bb2abe 100644 (file)
@@ -8,7 +8,7 @@
 <div class="row form-inline mb-3">
   <div class="col-lg-3">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" id="search-term" i18n>Search Term</span>
       </div>
       <input type="text" class="form-control" placeholder="Search Term" 
@@ -19,7 +19,7 @@
   </div>
   <div class="col-lg-5">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" id="auth-axis" i18n>Authority Type</span>
       </div>
       <eg-combobox #axisCbox [(ngModel)]="authorityAxis" 
index e563e3a..f1f5492 100644 (file)
@@ -7,7 +7,7 @@
   <div class="row">
     <div class="col-lg-6 form-inline">
       <div class="input-group">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <span class="input-group-text" i18n>Authorty Record Id</span>
         </div>
         <input type="text" class="form-control" 
index b60e78d..da1ec71 100644 (file)
@@ -2,7 +2,7 @@
 <div class="row form-validated mt-5">
   <div class="col-lg-6 form-inline">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" id="bib-ident-label">
           <ng-container *ngIf="identType === 'id'" i18n>Record ID:</ng-container>
           <ng-container *ngIf="identType === 'tcn'" i18n>Record TCN:</ng-container>
index 0550ce0..8f68619 100644 (file)
@@ -6,7 +6,7 @@
 <div class="row">
   <div class="col-lg-12 form-inline">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" id='barcode-label' i18n>Barcode</span>
       </div>
       <input type="text" class="form-control" id="item-barcode-input" 
index fd4a9d4..8c3cd4d 100644 (file)
@@ -2,7 +2,7 @@
 <div class="d-flex mb-3">
   <div>
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text">Owner</span>
       </div>
       <eg-org-select
index d645b19..214922a 100644 (file)
@@ -1,7 +1,7 @@
 <div class="row mb-2">
   <div class="col-lg-6">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" i18n>Show Sessions Since: </span>
       </div>
       <eg-date-select 
index 7099b4c..db04e35 100644 (file)
@@ -66,7 +66,7 @@
               (ngModelChange)="debounceUserBarcodeLookup($event)"
               (paste)="debounceUserBarcodeLookup($event)"
               [(ngModel)]="userBarcode"/>
-            <div class="input-group-append">
+            <div class="input-group-text">
               <button class="btn btn-outline-dark" (click)="userBarcodeChanged()">Submit</button>
             </div>
           </div>
             </div>
             <div class="flex-1">
               <div class="input-group">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label for="userEmail" class="input-group-text" i18n>Email Address</label>
                 </div>
                 <input type="text" class="form-control" name="userEmail"
             </div>
             <div class="flex-1">
               <div class="input-group">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label for="phoneValue" class="input-group-text" i18n>Phone Number</label>
                 </div>
                 <input type="text" class="form-control" [disabled]="!notifyPhone"
             </div>
             <div class="flex-1">
               <div class="input-group">
-                <div class="input-group-prepend">
+                <div class="input-group-text">
                   <label for="smsValue" class="input-group-text" i18n>SMS Number</label>
                 </div>
                 <input type="text" class="form-control" [disabled]="!notifySms"
index e249057..4916ff3 100644 (file)
@@ -4,7 +4,7 @@
 <div class="row mt-3">
   <div class="col-lg-4">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <div class="input-group-text" i18n>Holdings Maintenance</div>
       </div>
       <eg-org-select [initialOrg]="contextOrg"
index 897c26b..547d6b5 100644 (file)
   <div class="col-lg-12 d-flex">
     <div class="form-inline">
       <div class="input-group">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <span class="input-group-text" i18n>Barcode</span>
         </div>
         <input type="text" class="form-control" id="barcode-input"
           placeholder="Barcode..." i18n-placeholder [(ngModel)]="barcode"
           i18n-aria-label aria-label="Barcode Input" (keydown.enter)="checkin()" />
-        <div class="input-group-append">
+        <div class="input-group-text">
           <button class="btn btn-outline-dark" (keydown.enter)="checkin()" 
             (click)="checkin()" i18n>Submit</button>
         </div>
index 8f97db1..7371820 100644 (file)
@@ -5,13 +5,13 @@
 <div class="row">
   <div class="col-lg-4">
     <div class="input-group">
-      <div class="input-group-prepend">
+      <div class="input-group-text">
         <span class="input-group-text" i18n>Patron Barcode:</span>
       </div>
       <input type='text' id='barcode-search-input' class="form-control" 
         placeholder="Barcode" i18n-placeholder [(ngModel)]='barcode'
         (keydown.enter)="findUser()"/>
-      <div class="input-group-append">
+      <div class="input-group-text">
         <button class="btn btn-outline-secondary" 
           (click)="findUser()" i18n>Submit</button>
       </div>
index fd9ff41..1c76e5a 100644 (file)
     </div>
     <div class="form-inline ms-2">
       <div class="input-group">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <span class="input-group-text" i18n># Receipts</span>
         </div>
         <input type="number" class="form-control num-receipts" [(ngModel)]="numReceipts"/>
index 11dda4c..de86ac5 100644 (file)
@@ -17,7 +17,7 @@
   <div class="col-lg-12 d-flex">
     <div class="form-inline">
       <div class="input-group">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <div ngbDropdown>
             <button ngbDropdownToggle class="btn btn-outline-dark" id="checkout-button">
               <ng-container *ngIf="!checkoutNoncat" i18n>Barcode</ng-container>
@@ -37,7 +37,7 @@
           [placeholder]="checkoutNoncat ? '' : 'Barcode...'" i18n-placeholder
           [(ngModel)]="checkoutBarcode" [disabled]="checkoutNoncat !== null"
           i18n-aria-label aria-label="Barcode Input" (keydown.enter)="checkout()" />
-        <div class="input-group-append">
+        <div class="input-group-text">
           <button class="btn btn-outline-dark" (keydown.enter)="checkout()" 
             (click)="checkout()" i18n>Submit</button>
         </div>
         <button class="btn btn-outline-dark" (click)="quickReceipt()" i18n>
           Quick Receipt
         </button>
-        <div class="input-group-append">
+        <div class="input-group-text">
           <div ngbDropdown>
             <button ngbDropdownToggle class="btn btn-outline-dark">
             </button>
         <button class="btn btn-outline-dark" (click)="doneAutoReceipt()" i18n>
           Done
         </button>
-        <div class="input-group-append">
+        <div class="input-group-text">
           <div ngbDropdown>
             <button ngbDropdownToggle class="btn btn-outline-dark">
             </button>
index 16837dc..c2707be 100644 (file)
   <div class="col-lg-12 d-flex">
     <div class="form-inline">
       <div class="input-group">
-        <div class="input-group-prepend">
+        <div class="input-group-text">
           <span class="input-group-text" i18n>Barcode</span>
         </div>
         <input type="text" class="form-control" id="barcode-input"
           placeholder="Barcode..." i18n-placeholder [(ngModel)]="barcode"
           i18n-aria-label aria-label="Barcode Input" (keydown.enter)="renew()" />
-        <div class="input-group-append">
+        <div class="input-group-text">
           <button class="btn btn-outline-dark" (keydown.enter)="renew()" 
             (click)="renew()" i18n>Submit</button>
         </div>
index 4a3d862..9d63f42 100644 (file)
@@ -4,7 +4,7 @@
 <eg-title i18n-prefix prefix="Hopeless Holds">
 </eg-title>
 
-<div class="input-group"><div class="input-group-prepend">
+<div class="input-group"><div class="input-group-text">
   <div class="input-group-text" i18n>Hopeless Date, Start Range:</div>
   <eg-date-select [initialIso]="startDate" (onChangeAsDate)="changeStartDate($event)">
   </eg-date-select>
index 846c219..475a8c3 100644 (file)
@@ -44,7 +44,7 @@
     <div class="row" *ngIf="!hidePickupLibFilter">
       <div class="col-lg-5">
         <div class="input-group">
-          <div class="input-group-prepend">
+          <div class="input-group-text">
             <div class="input-group-text" i18n>Pickup Library</div>
           </div>
           <eg-org-select [persistKey]="persistKey" [fallbackOrg]="pickupLib"
@@ -57,7 +57,7 @@
     <div class="row" *ngIf="pullListOrg">
       <div class="col-lg-4 mb-2">
         <div class="input-group">
-          <div class="input-group-prepend">
+          <div class="input-group-text">
             <div class="input-group-text" i18n>View Pull List For:</div>
           </div>
           <eg-org-select [initialOrgId]="pullListOrg"