diff app/query-app.component.ts @ 25:0795207f3b90

ng2-table now with pager, sorting and styling.
author casties
date Tue, 26 Jan 2016 19:19:23 +0100
parents f6f4177d0a81
children 991bf349bb04
line wrap: on
line diff
--- a/app/query-app.component.ts	Tue Jan 26 16:54:38 2016 +0100
+++ b/app/query-app.component.ts	Tue Jan 26 19:19:23 2016 +0100
@@ -14,6 +14,7 @@
 @Component({
     selector: 'query-app',
     template: `
+    <div class="container">    
         <h1>ISMI-Lab Query Builder</h1>
         <div>Select a query step:</div>
         <query-select *ngFor="#step of queryStepList; #i=index;"
@@ -23,7 +24,11 @@
           <button (click)="addQueryStep()">add step</button>
           <button (click)="removeQueryStep()">remove step</button>
         </div>
-        <query-result-table [queryState]="queryState"></query-result-table>
+        <query-result-table *ngIf="queryState && queryState.results"
+            [queryState]="queryState"
+            [data]="queryState.results" [columns]="queryState.resultColumns">
+        </query-result-table>
+    </div>
         `,
     directives: [QuerySelectComponent, QueryResultTableComponent],
     providers: [QueryService, NormalizationService, HTTP_PROVIDERS]