annotate app/query-result.component.ts @ 27:c2946b7135cd

working on larger results.
author casties
date Wed, 27 Jan 2016 15:38:17 +0100
parents f6f4177d0a81
children dc4f0541f04d
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
4
351c3df28602 work on result component.
casties
parents:
diff changeset
1 import {Component, OnInit} from 'angular2/core';
351c3df28602 work on result component.
casties
parents:
diff changeset
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
351c3df28602 work on result component.
casties
parents:
diff changeset
7 @Component({
351c3df28602 work on result component.
casties
parents:
diff changeset
8 selector: 'query-result',
351c3df28602 work on result component.
casties
parents:
diff changeset
9 template: `
5
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
10 <div *ngIf="queryState">
27
c2946b7135cd working on larger results.
casties
parents: 24
diff changeset
11 <span>Cypher query:</span>
11
6989cd00e8d7 relations work now as well as longer queries.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 9
diff changeset
12 <pre>{{queryState.resultCypherQuery}}</pre>
6989cd00e8d7 relations work now as well as longer queries.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 9
diff changeset
13 <p>Query results ({{queryState.resultInfo}}):</p>
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
14 <table>
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
15 <tr>
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
16 <th *ngIf="queryState.resultTypes=='node' && queryState.resultColumns"
24
f6f4177d0a81 use ng2-table for results.
casties
parents: 21
diff changeset
17 *ngFor="#col of queryState.resultColumns">{{col?col.title:col}}</th>
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
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"
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
20 [rowData]="row" [rowType]="queryState.resultTypes"
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
21 [columns]="queryState.resultColumns">
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
22 </tr>
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
23 </table>
5
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
24 </div>
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
25 `,
7
6cd6c09032aa object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 5
diff changeset
26 directives: [QueryResultRowComponent],
5
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
27 inputs: ['queryState']
4
351c3df28602 work on result component.
casties
parents:
diff changeset
28 })
351c3df28602 work on result component.
casties
parents:
diff changeset
29
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
30 export class QueryResultComponent {
4
351c3df28602 work on result component.
casties
parents:
diff changeset
31
5
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
32 public queryState: QueryState;
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
33
4
351c3df28602 work on result component.
casties
parents:
diff changeset
34 }