From: Bill Erickson <berickxx@gmail.com>
Date: Fri, 27 Apr 2018 19:35:28 +0000 (-0400)
Subject: LP#1626157 material table PoC
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=1b5951ff3f16b8b49f411b30b54d409c01d494ed;p=working%2FEvergreen.git

LP#1626157 material table PoC

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

diff --git a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html
index d86aac6b36..1162d35b82 100644
--- a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html
@@ -87,52 +87,49 @@
   </div>
 </div>
 
-<div style="clear:both"></div>
-
-  <mat-table [dataSource]="dataSource" matSort>
-  
-    <ng-container matColumnDef="select">
-      <mat-header-cell *matHeaderCellDef>
-        <mat-checkbox (change)="$event ? masterToggle() : null"
-                      [checked]="selection.hasValue() && isAllSelected()"
-                      [indeterminate]="selection.hasValue() && !isAllSelected()">
-        </mat-checkbox>
-      </mat-header-cell>
-      <mat-cell *matCellDef="let row">
-        <mat-checkbox (click)="$event.stopPropagation()"
-                      (change)="$event ? selection.toggle(row) : null"
-                      [checked]="selection.isSelected(row)">
-        </mat-checkbox>
-      </mat-cell>
-    </ng-container>
-  
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
-    <mat-row 
-        (click)="logClick(row)"
-        *matRowDef="let row; columns: displayedColumns;"
-        [ngClass]="{'grid-row-selected': rowIsSelected(row)}">
-    </mat-row>
-
-    <ng-container matColumnDef="name">
-      <mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
-      <mat-cell *matCellDef="let row"> {{row.name}} </mat-cell>
-    </ng-container>
-
-    <ng-container matColumnDef="state">
-      <mat-header-cell *matHeaderCellDef mat-sort-header> State </mat-header-cell>
-      <mat-cell *matCellDef="let row"> {{row.state}} </mat-cell>
-    </ng-container>
-
-    <ng-container matColumnDef="stuff">
-      <mat-header-cell *matHeaderCellDef mat-sort-header> Stuff </mat-header-cell>
-      <mat-cell *matCellDef="let row"> {{row.stuff}} </mat-cell>
-    </ng-container>
-
-    <ng-container *ngFor="let col of dynamicColumns()" matColumnDef="{{col.field}}">
-      <mat-header-cell *matHeaderCellDef mat-sort-header>{{col.label}}</mat-header-cell>
-      <mat-cell *matCellDef="let row"> {{col.cell(row)}} </mat-cell>
-    </ng-container>
-
-  </mat-table>
+<mat-table [dataSource]="dataSource" matSort>
+  <ng-container matColumnDef="select">
+    <mat-header-cell *matHeaderCellDef>
+      <mat-checkbox (change)="$event ? masterToggle() : null"
+                    [checked]="selection.hasValue() && isAllSelected()"
+                    [indeterminate]="selection.hasValue() && !isAllSelected()">
+      </mat-checkbox>
+    </mat-header-cell>
+    <mat-cell *matCellDef="let row">
+      <mat-checkbox (click)="$event.stopPropagation()"
+                    (change)="$event ? selection.toggle(row) : null"
+                    [checked]="selection.isSelected(row)">
+      </mat-checkbox>
+    </mat-cell>
+  </ng-container>
+
+  <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+  <mat-row 
+      (click)="logClick(row)"
+      (dblclick)="logDblClick(row)"
+      *matRowDef="let row; columns: displayedColumns;"
+      [ngClass]="{'grid-row-selected': rowIsSelected(row)}">
+  </mat-row>
+
+  <ng-container matColumnDef="name">
+    <mat-header-cell *matHeaderCellDef mat-sort-header> Name </mat-header-cell>
+    <mat-cell *matCellDef="let row"> {{row.name}} </mat-cell>
+  </ng-container>
+
+  <ng-container matColumnDef="state">
+    <mat-header-cell *matHeaderCellDef mat-sort-header> State </mat-header-cell>
+    <mat-cell *matCellDef="let row"> {{row.state}} </mat-cell>
+  </ng-container>
+
+  <ng-container matColumnDef="stuff">
+    <mat-header-cell *matHeaderCellDef mat-sort-header> Stuff </mat-header-cell>
+    <mat-cell *matCellDef="let row"> {{row.stuff}} </mat-cell>
+  </ng-container>
+
+  <ng-container *ngFor="let col of dynamicColumns()" matColumnDef="{{col.field}}">
+    <mat-header-cell *matHeaderCellDef mat-sort-header>{{col.label}}</mat-header-cell>
+    <mat-cell *matCellDef="let row"> {{col.cell(row)}} </mat-cell>
+  </ng-container>
+</mat-table>
 
 
diff --git a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.ts b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.ts
index 1e40cba149..80dff809d3 100644
--- a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.ts
+++ b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.ts
@@ -1,5 +1,6 @@
 import {Component, OnInit, ViewChild, Input, TemplateRef} from '@angular/core';
 import {EgProgressDialogComponent} from '@eg/share/dialog/progress.component';
+import {EgIdlService} from '@eg/core/idl.service';
 import {EgToastService} from '@eg/share/toast/toast.service';
 import {EgStringService} from '@eg/share/string/string.service';
 import {Observable} from 'rxjs/Rx';
@@ -84,6 +85,10 @@ export class EgSandboxComponent implements OnInit {
     logClick(row) {
         console.log('clicked on row ' + row.name);
     }
+    logDblClick(row) {
+        console.log('dblclicked on row ' + row.name);
+    }
+
     rowIsSelected(row): boolean { // grid row
         return this.selection.selected &&
             this.selection.selected.filter(r => r.id == row.id).length > 0;