Mercurial > hg > ng2-query-ismi
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> |