annotate app/query-result-table.component.ts @ 24:f6f4177d0a81

use ng2-table for results.
author casties
date Tue, 26 Jan 2016 16:54:38 +0100
parents
children 0795207f3b90
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
24
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
1 import {Component, OnInit} from 'angular2/core';
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
2
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
3 import {NG_TABLE_DIRECTIVES} from 'ng2-table/ng2-table';
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
4
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
5 import {QueryState} from './query-state';
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
6
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
7 @Component({
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
8 selector: 'query-result-table',
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
9 template: `
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
10 <div *ngIf="queryState && queryState.results">
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
11 <pre>{{queryState.resultCypherQuery}}</pre>
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
12 <p>Query results ({{queryState.resultInfo}}):</p>
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
13 <ngTable
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
14 (tableChanged)="onChangeTable(config)"
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
15 [rows]="queryState.results" [columns]="queryState.resultColumns">
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
16 </ngTable>
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
17 </div>
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
18 `,
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
19 inputs: ['queryState'],
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
20 directives: [NG_TABLE_DIRECTIVES]
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
21 })
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
22
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
23 export class QueryResultTableComponent implements OnInit {
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
24
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
25 public queryState: QueryState;
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
26
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
27 ngOnChanges() {
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
28 console.debug("result table changed! queryState=", this.queryState?this.queryState.resultColumns:'');
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
29 }
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
30
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
31 ngOnInit() {
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
32 this.setup();
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
33 }
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
34
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
35 setup() {
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
36 console.debug("result table init!");
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
37 }
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
38
f6f4177d0a81 use ng2-table for results.
casties
parents:
diff changeset
39 }