Mercurial > hg > ng2-query-ismi

annotate src/app/query-result.component.ts @ 47:b65a031c4967 ng2-final

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
first step to angular2-final (2.4) version of the query browser.
author casties
date Fri, 17 Mar 2017 20:16:52 +0100
parents app/query-result.component.ts@dc4f0541f04d
children f8d6f8479e77
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
45
dc4f0541f04d update to angular2-rc1. mostly working ;-(
casties
parents: 27
diff changeset
1 import {Component, OnInit} from '@angular/core';
4
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"
45
dc4f0541f04d update to angular2-rc1. mostly working ;-(
casties
parents: 27
diff changeset
17 *ngFor="let col of queryState.resultColumns">{{col?col.title:col}}</th>
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
18 </tr>
45
dc4f0541f04d update to angular2-rc1. mostly working ;-(
casties
parents: 27
diff changeset
19 <tr class="resultRow" *ngFor="let 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 `,
47
b65a031c4967 first step to angular2-final (2.4) version of the query browser.
casties
parents: 45
diff changeset
26 //directives: [QueryResultRowComponent],
b65a031c4967 first step to angular2-final (2.4) version of the query browser.
casties
parents: 45
diff changeset
27 inputs: ['queryState', 'resultInfo']
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;
47
b65a031c4967 first step to angular2-final (2.4) version of the query browser.
casties
parents: 45
diff changeset
33 public resultInfo: string;
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
34
4
351c3df28602 work on result component.
casties
parents:
diff changeset
35 }