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.css b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.css
index 1154419..b5a1330 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.css
+++ b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.css
@@ -21,7 +21,8 @@
 
 .mat-column-stuff {
     flex: 3;
-    background-color: #f0a0c0;
+    color: red;
+    font-weight: bold;
 }
 
 .grid-row-selected {

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 21fbcd0..d86aac6 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html
+++ b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.component.html
@@ -62,15 +62,13 @@
 <hr>
 <br/>
 
-
-<div class="row">
-  <div class="col-lg-4">
-    <input class="form-control" 
-      (keyup)="applyFilter($event.target.value)" placeholder="Filter"/>
+<div style="display:flex">
+  <div style="flex:1">
+    <mat-form-field>
+      <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter"/>
+    </mat-form-field>
   </div>
-</div>
-
-  <div class="row float-right">
+  <div style="flex:3;display:flex;justify-content:flex-end">
     <button mat-button [matMenuTriggerFor]="menu">
       Actions
       <span class="material-icons">arrow_drop_down</span>
@@ -86,9 +84,10 @@
     <mat-menu #menu2="matMenu">
       <button mat-menu-item>Configure Columns...</button>
     </mat-menu>
-
   </div>
-  <div style="clear:both"></div>
+</div>
+
+<div style="clear:both"></div>
 
   <mat-table [dataSource]="dataSource" matSort>
   
@@ -134,7 +133,6 @@
       <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.module.ts b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.module.ts
index 41d87ec..a259e4d 100644 (file)
--- a/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.module.ts
+++ b/Open-ILS/src/eg2/src/app/staff/sandbox/sandbox.module.ts
@@ -4,7 +4,7 @@ import {EgSandboxRoutingModule} from './routing.module';
 import {EgSandboxComponent} from './sandbox.component';
 import {FmRecordEditorComponent} from '@eg/share/fm-editor/fm-editor.component';
 import {MatTableModule, MatPaginatorModule, MatSortModule, MatCheckboxModule, 
-    MatMenuModule, MatButtonModule, MatButtonToggleModule} from '@angular/material';
+    MatMenuModule, MatButtonModule, MatButtonToggleModule, MatInputModule} from '@angular/material';
 
 @NgModule({
   declarations: [
@@ -20,7 +20,8 @@ import {MatTableModule, MatPaginatorModule, MatSortModule, MatCheckboxModule,
     MatCheckboxModule,
     MatMenuModule,
     MatButtonModule,
-    MatButtonToggleModule
+    MatButtonToggleModule,
+    MatInputModule
   ],
   providers: [
   ]