LP#1775466 Grid cell vertical expand option

Signed-off-by: Bill Erickson <berickxx@gmail.com>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html
index 3979c81..b7284fe 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-body.component.html
@@ -26,6 +26,7 @@
       </ng-container>
     </div>
     <div class="eg-grid-cell eg-grid-body-cell" [ngStyle]="{flex:col.flex}"
+      [ngClass]="{'eg-grid-cell-overflow': context.overflowCells}"
       (dblclick)="onRowDblClick(row)"
       (click)="onRowClick($event, row, idx)"
       *ngFor="let col of context.columnSet.displayColumns()">

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
index d148b20..005bd80 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid-toolbar.component.html
@@ -101,6 +101,17 @@
         <span class="ml-2" i18n>Manage Column Widths</span>
       </a>
       <a class="dropdown-item label-with-material-icon" 
+        (click)="gridContext.overflowCells = !gridContext.overflowCells">
+        <ng-container *ngIf="!gridContext.overflowCells">
+          <span class="material-icons">keyboard_arrow_down</span>
+          <span class="ml-2" i18n>Expand Cells Vertically</span>
+        </ng-container>
+        <ng-container *ngIf="gridContext.overflowCells">
+          <span class="material-icons">keyboard_arrow_up</span>
+          <span class="ml-2" i18n>Shrink Cells Vertically</span>
+        </ng-container>
+      </a>
+      <a class="dropdown-item label-with-material-icon" 
         (click)="saveColumns()">
         <span class="material-icons">save</span>
         <span class="ml-2" i18n>Save Columns</span>

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
index 391df80..ecf305c 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid.component.css
@@ -57,6 +57,12 @@
     overflow: hidden;
 }
 
+.eg-grid-cell-overflow {
+    white-space: normal;
+    text-overflow: inherit;
+    overflow: inherit;
+}
+
 .eg-grid-body-cell {
 }
 

diff --git a/Open-ILS/src/eg2/src/app/share/grid/grid.ts b/Open-ILS/src/eg2/src/app/share/grid/grid.ts
index feaa374..bed200c 100644 (file)
--- a/Open-ILS/src/eg2/src/app/share/grid/grid.ts
+++ b/Open-ILS/src/eg2/src/app/share/grid/grid.ts
@@ -350,6 +350,7 @@ export class GridContext {
     rowClassCallback: (row: any) => string;
     cellClassCallback: (row: any, col: GridColumn) => string;
     defaultHiddenFields: string[];
+    overflowCells: boolean;
 
     // Services injected by our grid component
     idl: IdlService;