Mercurial > hg > ng2-query-ismi
annotate app/query-app.component.ts @ 22:9343e43a17d1
build with jspm now.
author | casties |
---|---|
date | Tue, 26 Jan 2016 15:43:30 +0100 |
parents | 34cd764e234b |
children | f6f4177d0a81 |
rev | line source |
---|---|
0 | 1 import {Component} from 'angular2/core'; |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
2 import {HTTP_PROVIDERS} from 'angular2/http'; |
0 | 3 |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
4 import {QueryState} from './query-state'; |
8 | 5 import {QueryStep} from './query-step'; |
6 | |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
7 import {QueryService} from './query.service'; |
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
8 import {NormalizationService} from './normalization.service'; |
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
9 |
0 | 10 import {QuerySelectComponent} from './query-select.component'; |
4 | 11 import {QueryResultComponent} from './query-result.component'; |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
12 //import {QueryResultTableComponent} from './query-result-table.component'; |
0 | 13 |
14 @Component({ | |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
15 selector: 'query-app', |
0 | 16 template: ` |
13
98b435bb6c0c
more query work.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
10
diff
changeset
|
17 <h1>ISMI-Lab Query Builder</h1> |
8 | 18 <div>Select a query step:</div> |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
19 <query-select *ngFor="#step of queryStepList; #i=index;" |
8 | 20 [queryStep]="step" [index]="i" |
21 (queryChanged)="onQueryChanged($event)"></query-select> | |
22 <div> | |
23 <button (click)="addQueryStep()">add step</button> | |
24 <button (click)="removeQueryStep()">remove step</button> | |
25 </div> | |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
26 <query-result [queryState]="queryState"></query-result> |
0 | 27 `, |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
28 directives: [QuerySelectComponent, QueryResultComponent], |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
29 providers: [QueryService, NormalizationService, HTTP_PROVIDERS] |
0 | 30 }) |
1
59b7c3afcc6b
first interface and http request.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
0
diff
changeset
|
31 |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
32 export class QueryAppComponent { |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
33 public queryState: QueryState; |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
34 public queryStepList: string[]; |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
35 |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
36 constructor(private _queryService: QueryService) { |
8 | 37 this._queryService.setup(); |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
38 this.queryStepList = []; |
8 | 39 this.addQueryStep(); |
40 } | |
41 | |
42 addQueryStep() { | |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
43 this.queryStepList.push('step'); |
8 | 44 } |
45 | |
46 removeQueryStep() { | |
20
34cd764e234b
make interfaces into classes. factor out NormalizationService.
casties
parents:
13
diff
changeset
|
47 this.queryStepList.pop(); |
8 | 48 this._queryService.state.steps.pop(); |
5
b06a5d61afed
new query state stuff.
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
4
diff
changeset
|
49 } |
4 | 50 |
7
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
51 onQueryChanged(event: any) { |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
52 console.debug("app.onquerychanged! event=", event); |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
53 this._queryService.updateQuery(); |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
54 this.queryState = this._queryService.getState(); |
6cd6c09032aa
object type query with results!
Robert Casties <casties@mpiwg-berlin.mpg.de>
parents:
6
diff
changeset
|
55 } |
0 | 56 } |