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 } |
