comparison app/query-app.component.ts @ 26:991bf349bb04

re-display table more often.
author casties
date Wed, 27 Jan 2016 13:30:38 +0100
parents 0795207f3b90
children c2946b7135cd
comparison
equal deleted inserted replaced
25:0795207f3b90 26:991bf349bb04
14 @Component({ 14 @Component({
15 selector: 'query-app', 15 selector: 'query-app',
16 template: ` 16 template: `
17 <div class="container"> 17 <div class="container">
18 <h1>ISMI-Lab Query Builder</h1> 18 <h1>ISMI-Lab Query Builder</h1>
19 </div>
20 <div class="container">
19 <div>Select a query step:</div> 21 <div>Select a query step:</div>
20 <query-select *ngFor="#step of queryStepList; #i=index;" 22 <query-select *ngFor="#step of queryStepList; #i=index;"
21 [queryStep]="step" [index]="i" 23 [queryStep]="step" [index]="i"
22 (queryChanged)="onQueryChanged($event)"></query-select> 24 (queryChanged)="onQueryChanged($event)"></query-select>
23 <div> 25 <div>
24 <button (click)="addQueryStep()">add step</button> 26 <button (click)="addQueryStep()">add step</button>
25 <button (click)="removeQueryStep()">remove step</button> 27 <button (click)="removeQueryStep()">remove step</button>
26 </div> 28 </div>
29 </div>
30 <div class="container">
27 <query-result-table *ngIf="queryState && queryState.results" 31 <query-result-table *ngIf="queryState && queryState.results"
28 [queryState]="queryState" 32 [queryState]="queryState"
29 [data]="queryState.results" [columns]="queryState.resultColumns"> 33 [data]="queryState.results" [columns]="queryState.resultColumns">
30 </query-result-table> 34 </query-result-table>
31 </div> 35 </div>