Mercurial > hg > ng2-query-ismi
annotate app/query-result.component.ts @ 13:98b435bb6c0c
more query work.
author | Robert Casties <casties@mpiwg-berlin.mpg.de> |
---|---|
date | Thu, 21 Jan 2016 14:47:00 +0100 |
parents | 1843b12eff9a |
children | 930fe7460f6b |
rev | line source |
---|---|
4 | 1 import {Component, OnInit} from 'angular2/core'; |
2 | |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
3 import {QueryState} from './query-state'; |
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
4 |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
5 import {QueryResultRowComponent} from './query-result-row.component'; |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
6 |
4 | 7 @Component({ |
8 selector: 'query-result', | |
9 template: ` | |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
10 <div *ngIf="queryState"> |
11
6989cd00e8d7
relations work now as well as longer queries.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
9
diff
changeset
|
11 <pre>{{queryState.resultCypherQuery}}</pre> |
6989cd00e8d7
relations work now as well as longer queries.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
9
diff
changeset
|
12 <p>Query results ({{queryState.resultInfo}}):</p> |
9 | 13 <table> |
14 <tr> | |
13
98b435bb6c0c
more query work.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
12
diff
changeset
|
15 <th *ngIf="queryState.resultTypes=='node'">ID</th> |
9 | 16 <th *ngIf="queryState.resultTypes=='node'">Label</th> |
13
98b435bb6c0c
more query work.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
12
diff
changeset
|
17 <th *ngIf="queryState.resultTypes=='node'">Link</th> |
9 | 18 </tr> |
13
98b435bb6c0c
more query work.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
12
diff
changeset
|
19 <tr class="resultRow" *ngFor="#row of queryState.results" |
98b435bb6c0c
more query work.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
12
diff
changeset
|
20 [rowData]="row" [rowType]="queryState.resultTypes"> |
9 | 21 </tr> |
22 </table> | |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
23 </div> |
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
24 `, |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
25 directives: [QueryResultRowComponent], |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
26 inputs: ['queryState'] |
4 | 27 }) |
28 | |
29 export class QueryResultComponent implements OnInit { | |
30 | |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
31 public queryState: QueryState; |
4 | 32 |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
33 ngOnChanges() { |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
34 console.debug("result changed!"); |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
35 } |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
36 |
4 | 37 ngOnInit() { |
38 this.setup(); | |
39 } | |
40 | |
41 setup() { | |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
5
diff
changeset
|
42 console.debug("result init!"); |
4 | 43 } |
44 | |
45 } |