LP2000482 Angular 15 and Bootstrap 5 upgrade

[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / bib-summary / bib-summary.component.html

diff --git a/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html b/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
index 99aebdb..76b092a 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/share/bib-summary/bib-summary.component.html
@@ -1,17 +1,17 @@
 
 <div class='eg-bib-summary card tight-card w-100' *ngIf="summary">
   <div class="card-header d-flex">
-    <div class="font-weight-bold">
+    <div class="fw-bold">
       <span i18n>Record Summary</span>
       <ng-container *ngIf="summary.record.deleted() === 't'">
         <span class="text-danger" i18n>(Deleted)</span>
       </ng-container>
       <ng-container *ngIf="summary.attributes.icon_format && summary.attributes.icon_format[0]">
         <ng-container *ngFor="let icon of summary.attributes.icon_format">
-          <span class="pr-1 pl-2">
-            <img class="pr-1"
+          <span class="pe-1 ps-2">
+            <img class="pe-1"
               src="/images/format_icons/icon_format/{{icon}}.png"/>
-            <span class="font-weight-normal">{{iconFormatLabel(icon)}}</span>
+            <span class="fw-normal">{{iconFormatLabel(icon)}}</span>
           </span>
         </ng-container>
       </ng-container>
@@ -34,7 +34,7 @@
 
     <!-- in expanded display, show the jacket image along the left -->
     <ng-container *ngIf="expand">
-      <div class="col-lg-1 pr-0">
+      <div class="col-lg-1 pe-0">
         <a href="/opac/extras/ac/jacket/large/r/{{summary.id}}" target="_blank">
           <img class="jacket jacket-medium"
             alt="Jacket Image" i18n-alt
@@ -44,22 +44,22 @@
     </ng-container>
 
     <!-- make room for the jacket image when expanded -->
-    <div [ngClass]="{'col-lg-11 pl-0': expand, 'col-lg-12': !expand}">
+    <div [ngClass]="{'col-lg-11 ps-0': expand, 'col-lg-12': !expand}">
       <div class="card-body">
         <ul class="list-group list-group-flush">
           <li class="list-group-item">
             <div class="d-flex">
-              <div class="flex-1 font-weight-bold" i18n>Title:</div>
+              <div class="flex-1 fw-bold" i18n>Title:</div>
               <div class="flex-3">
                 <a routerLink="/staff/catalog/record/{{summary.id}}" target="_blank">
                   <eg-bib-display-field [summary]="summary" field="title"></eg-bib-display-field>
                 </a>
               </div>
-              <div class="flex-1 font-weight-bold pl-1" i18n>Edition:</div>
+              <div class="flex-1 fw-bold ps-1" i18n>Edition:</div>
               <div class="flex-1">{{summary.display.edition}}</div>
-              <div class="flex-1 font-weight-bold" i18n>TCN:</div>
+              <div class="flex-1 fw-bold" i18n>TCN:</div>
               <div class="flex-1">{{summary.record.tcn_value()}}</div>
-              <div class="flex-1 font-weight-bold pl-1" i18n>Created By:</div>
+              <div class="flex-1 fw-bold ps-1" i18n>Created By:</div>
               <div class="flex-1" *ngIf="summary.record.creator().usrname">
                 <a href="/eg/staff/circ/patron/{{summary.record.creator().id()}}/checkout" target="_blank">
                   {{summary.record.creator().usrname()}}
@@ -69,13 +69,13 @@
           </li>
           <li class="list-group-item" *ngIf="expand">
             <div class="d-flex">
-              <div class="flex-1 font-weight-bold" i18n>Author:</div>
+              <div class="flex-1 fw-bold" i18n>Author:</div>
               <div class="flex-3">{{summary.display.author}}</div>
-              <div class="flex-1 font-weight-bold pl-1" i18n>Pubdate:</div>
+              <div class="flex-1 fw-bold ps-1" i18n>Pubdate:</div>
               <div class="flex-1">{{summary.display.pubdate}}</div>
-              <div class="flex-1 font-weight-bold" i18n>Database ID:</div>
+              <div class="flex-1 fw-bold" i18n>Database ID:</div>
               <div class="flex-1">{{summary.id}}</div>
-              <div class="flex-1 font-weight-bold pl-1" i18n>Last Edited By:</div>
+              <div class="flex-1 fw-bold ps-1" i18n>Last Edited By:</div>
               <div class="flex-1" *ngIf="summary.record.editor().usrname">
                 <a href="/eg/staff/circ/patron/{{summary.record.editor().id()}}/checkout" target="_blank">
                   {{summary.record.editor().usrname()}}
@@ -85,35 +85,35 @@
           </li>
           <li class="list-group-item" *ngIf="expand">
             <div class="d-flex">
-              <div class="flex-1 font-weight-bold" i18n>Bib Call #:</div>
+              <div class="flex-1 fw-bold" i18n>Bib Call #:</div>
               <div class="flex-3">{{summary.bibCallNumber}}</div>
-              <div class="flex-1 font-weight-bold" i18n>Record Owner:</div>
+              <div class="flex-1 fw-bold" i18n>Record Owner:</div>
               <div class="flex-1">{{orgName(summary.record.owner())}}</div>
-              <div class="flex-1 font-weight-bold pl-1" i18n>Created On:</div>
+              <div class="flex-1 fw-bold ps-1" i18n>Created On:</div>
               <div class="flex-1">{{summary.record.create_date() | date:'short'}}</div>
-              <div class="flex-1 font-weight-bold pl-1" i18n>Last Edited On:</div>
+              <div class="flex-1 fw-bold ps-1" i18n>Last Edited On:</div>
               <div class="flex-1">{{summary.record.edit_date() | date:'short'}}</div>
             </div>
           </li>
           <ng-container *ngIf="expand && hasCourse">
             <li class="list-group-item">
               <div class="d-flex">
-                <div class="flex-1 font-weight-bold" i18n>Associated Courses</div>
+                <div class="flex-1 fw-bold" i18n>Associated Courses</div>
               </div>
             </li>
             <li class="list-group-item" *ngFor="let course of courses">
               <div class="d-flex">
-                <div class="flex-1 font-weight-bold" i18n>Course Name:</div>
+                <div class="flex-1 fw-bold" i18n>Course Name:</div>
                 <div class="flex-3">
                   <a routerLink="/staff/admin/local/asset/course_list/{{course.id()}}" target="_blank">
                     {{course.name()}}
                   </a>
                 </div>
-                <div class="flex-1 font-weight-bold" i18n>Course Number:</div>
+                <div class="flex-1 fw-bold" i18n>Course Number:</div>
                 <div class="flex-1">{{course.course_number()}}</div>
-                <div class="flex-1 font-weight-bold" i18n>Section Number:</div>
+                <div class="flex-1 fw-bold" i18n>Section Number:</div>
                 <div class="flex-1">{{course.section_number()}}</div>
-                <div class="flex-1 font-weight-bold" i18n>Owning Library:</div>
+                <div class="flex-1 fw-bold" i18n>Owning Library:</div>
                 <div class="flex-1">{{this.org.get(course.owning_lib()).shortname()}}</div>
               </div>
             </li>
@@ -121,7 +121,7 @@
           <ng-container *ngIf="expand && summary.eResourceUrls.length">
             <li class="list-group-item" *ngFor="let url of summary.eResourceUrls">
               <div class="d-flex">
-                <div class="flex-1 font-weight-bold">
+                <div class="flex-1 fw-bold">
                   <ng-container [ngSwitch]="url.ind2">
                     <ng-container *ngSwitchCase="'0'" i18n>Resource:</ng-container>
                     <ng-container *ngSwitchCase="'1'" i18n>Version of Resource:</ng-container>