LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / acq / lineitem / notes.component.html
index 815f896..f942894 100644 (file)
@@ -4,27 +4,32 @@
   <div class="p-1 m-1 form-inline">
     <input type="text" class="form-control form-control-sm" id="note-text-input"
       [(ngModel)]="noteText" placeholder="Note Text" i18n-placeholder/>
-    <div class="form-check ml-2">
+    <div class="form-check ms-2">
       <input class="form-check-input" type="checkbox" 
         [(ngModel)]="vendorPublic" id="vendor-public-cbox">
-      <label class="form-check-label" for="vendor-public-cbox" i18n>
+      <label class="form-label form-check-label" for="vendor-public-cbox" i18n>
         Vendor Public
       </label>
     </div>
-    <button class="btn btn-sm btn-success ml-2" [disabled]="!noteText" 
+    <button class="btn btn-sm btn-success ms-2" [disabled]="!noteText" 
       (click)="newNote()" i18n>Create Note</button>
-    <div class="ml-3 mr-3">|</div>
+    <div class="ms-3 me-3">|</div>
       <eg-combobox idlClass="acqliat" [(ngModel)]="alertEntry" 
         [asyncSupportsEmptyTermClick]="true"
         i18n-placeholder placeholder="Alert type">
       </eg-combobox>
-    <span class="ml-2">
+    <span class="ms-2">
     <input type="text" class="form-control form-control-sm" id="note-text-input"
       [(ngModel)]="alertComments" placeholder="Alert Comments" i18n-placeholder/>
-  </span>
-    <button class="btn btn-sm btn-success ml-2" [disabled]="!alertEntry" 
+    </span>
+    <span class="ms-2">
+      <eg-combobox idlClass="acqliat" [(ngModel)]="alertEntry" 
+        [asyncSupportsEmptyTermClick]="true">
+      </eg-combobox>
+    </span>
+    <button class="btn btn-sm btn-success ms-2" [disabled]="!alertEntry" 
       (click)="newNote(true)" i18n>Create Alert</button>
-    <a class="ml-auto" href="javascript:;" (click)="close()" title="Close" i18n-title>
+    <a class="ms-auto" href="javascript:;" (click)="close()" title="Close" i18n-title>
       <span class="material-icons text-danger">close</span>
     </a>
   </div>
@@ -41,9 +46,9 @@
           </span>
         </ng-container>
       </div>
-      <div class="flex-5 ml-2 p-1">{{note.value()}}</div>
-      <div class="ml-2 p-1">{{note.create_time() | date:'short'}}</div>
-      <div class="ml-2 p-1">
+      <div class="flex-5 ms-2 p-1">{{note.value()}}</div>
+      <div class="ms-2 p-1">{{note.create_time() | date:'short'}}</div>
+      <div class="ms-2 p-1">
         <a href="javascript:;" class="text-danger" 
           (click)="deleteNote(note)" i18n>Delete</a>
       </div>