LPXXX volcopy more expandies
authorBill Erickson <berickxx@gmail.com>
Fri, 17 Jul 2020 15:19:30 +0000 (11:19 -0400)
committerBill Erickson <berickxx@gmail.com>
Fri, 17 Jul 2020 15:19:30 +0000 (11:19 -0400)
Signed-off-by: Bill Erickson <berickxx@gmail.com>
Open-ILS/src/eg2/src/app/staff/cat/volcopy/vol-edit.component.html

index 49bac9d..a66da0f 100644 (file)
 
 <div class="row d-flex mt-2 mb-2">
   <div class="p-1" [ngStyle]="{flex: flexAt(1)}">
-    <label class="font-weight-bold" i18n>Owning Library</label>
+    <span class="font-weight-bold" i18n>Owning Library
+      <ng-container *ngIf="expand !== 1">
+        <button title="Expand Column" i18n-title 
+          class="material-icon-button" (click)="expand = 1" i18n>
+          &#x2197;
+        </button>
+      </ng-container>
+      <ng-container *ngIf="expand === 1">
+        <button title="Shrink Column" i18n-title 
+          class="material-icon-button" (click)="expand = null" i18n>
+          &#x2199;
+        </button>
+      </ng-container>
+    </span>
   </div>
   <div class="p-1" [ngStyle]="{flex: flexAt(2)}">
     <label class="font-weight-bold" i18n>Call Numbers</label>
   </div>
   <div class="p-1" [ngStyle]="{flex: flexAt(3)}" *ngIf="displayColumn('classification')">
-    <label class="font-weight-bold" i18n>Classification</label>
+    <span class="font-weight-bold" i18n>Classification
+      <ng-container *ngIf="expand !== 3">
+        <button title="Expand Column" i18n-title 
+          class="material-icon-button" (click)="expand = 3" i18n>
+          &#x2197;
+        </button>
+      </ng-container>
+      <ng-container *ngIf="expand === 3">
+        <button title="Shrink Column" i18n-title 
+          class="material-icon-button" (click)="expand = null" i18n>
+          &#x2199;
+        </button>
+      </ng-container>
+    </span>
   </div>
   <div class="p-1" [ngStyle]="{flex: flexAt(4)}" *ngIf="displayColumn('prefix')">
     <span class="font-weight-bold" i18n>Prefix
     <label class="font-weight-bold" i18n>Item #</label>
   </div>
   <div class="p-1" [ngStyle]="{flex: flexAt(10)}">
-    <label class="font-weight-bold" i18n>Part</label>
+    <span class="font-weight-bold" i18n>Part
+      <ng-container *ngIf="expand !== 10">
+        <button title="Expand Column" i18n-title 
+          class="material-icon-button" (click)="expand = 10" i18n>
+          &#x2197;
+        </button>
+      </ng-container>
+      <ng-container *ngIf="expand === 10">
+        <button title="Shrink Column" i18n-title 
+          class="material-icon-button" (click)="expand = null" i18n>
+          &#x2199;
+        </button>
+      </ng-container>
+    </span>
   </div>
 </div>