LP#1775466 Grid cell value tooltips
authorBill Erickson <berickxx@gmail.com>
Mon, 25 Jun 2018 15:03:48 +0000 (11:03 -0400)
committerBill Erickson <berickxx@gmail.com>
Wed, 5 Sep 2018 14:05:23 +0000 (10:05 -0400)
Signed-off-by: Bill Erickson <berickxx@gmail.com>
Open-ILS/src/eg2/src/app/share/grid/grid.component.html

index 5a24fc3..b539f92 100644 (file)
         (dblclick)="onRowDblClick(row)"
         (click)="onRowClick($event, row, idx)"
         *ngFor="let col of context.columnSet.displayColumns()">
-        <span *ngIf="!col.cellTemplate">
+        <span *ngIf="!col.cellTemplate"
+          ngbTooltip="{{context.getRowColumnValue(row, col)}}"
+          triggers="mouseenter:mouseleave">
           {{context.getRowColumnValue(row, col)}}
         </span>
-        <span *ngIf="col.cellTemplate">
-          <ng-container
+        <span *ngIf="col.cellTemplate" 
+          [ngbTooltip]="col.cellTemplate"
+          #tooltip="ngbTooltip" 
+          (mouseenter)="tooltip.open(col.getCellContext(row))"
+          (mouseleave)="tooltip.close()" triggers="manual">
+          <ng-container #templateContainer
             *ngTemplateOutlet="col.cellTemplate; context: col.getCellContext(row)">
           </ng-container> 
         </span>