Mercurial > hg > ng2-query-ismi

annotate src/app/query-result.component.ts @ 48:f8d6f8479e77 ng2-final

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
first working version with angular 2.4 (using old table w/o pager).
author casties
date Mon, 20 Mar 2017 18:12:48 +0100
parents b65a031c4967
children
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>
48
f8d6f8479e77 first working version with angular 2.4 (using old table w/o pager).
casties
parents: 47
diff changeset
14 <table border="1">
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
15 <tr>
48
f8d6f8479e77 first working version with angular 2.4 (using old table w/o pager).
casties
parents: 47
diff changeset
16 <ng-container *ngIf="queryState.resultTypes=='node' && queryState.resultColumns">
f8d6f8479e77 first working version with angular 2.4 (using old table w/o pager).
casties
parents: 47
diff changeset
17 <th *ngFor="let col of queryState.resultColumns">{{col?col.title:col}}</th>
f8d6f8479e77 first working version with angular 2.4 (using old table w/o pager).
casties
parents: 47
diff changeset
18 </ng-container>
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
19 </tr>
45
dc4f0541f04d update to angular2-rc1. mostly working ;-(
casties
parents: 27
diff changeset
20 <tr class="resultRow" *ngFor="let row of queryState.results"
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
21 [rowData]="row" [rowType]="queryState.resultTypes"
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
22 [columns]="queryState.resultColumns">
9
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
23 </tr>
402c7229dc7c more query generation.
casties
parents: 7
diff changeset
24 </table>
5
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
25 </div>
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
26 `,
47
b65a031c4967 first step to angular2-final (2.4) version of the query browser.
casties
parents: 45
diff changeset
27 //directives: [QueryResultRowComponent],
b65a031c4967 first step to angular2-final (2.4) version of the query browser.
casties
parents: 45
diff changeset
28 inputs: ['queryState', 'resultInfo']
4
351c3df28602 work on result component.
casties
parents:
diff changeset
29 })
351c3df28602 work on result component.
casties
parents:
diff changeset
30
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
31 export class QueryResultComponent {
4
351c3df28602 work on result component.
casties
parents:
diff changeset
32
5
b06a5d61afed new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents: 4
diff changeset
33 public queryState: QueryState;
47
b65a031c4967 first step to angular2-final (2.4) version of the query browser.
casties
parents: 45
diff changeset
34 public resultInfo: string;
21
930fe7460f6b result table shows all attributes now.
casties
parents: 13
diff changeset
35
4
351c3df28602 work on result component.
casties
parents:
diff changeset
36 }