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
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
39ec75917ef7 first checkin
casties
parents:
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
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
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
5 import {QueryStep} from './query-step';
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
10 import {QuerySelectComponent} from './query-select.component';
4
351c3df28602 work on result component.
casties
parents: 1
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
13
39ec75917ef7 first checkin
casties
parents:
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
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
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
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
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
20 [queryStep]="step" [index]="i"
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
21 (queryChanged)="onQueryChanged($event)"></query-select>
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
22 <div>
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
23 <button (click)="addQueryStep()">add step</button>
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
24 <button (click)="removeQueryStep()">remove step</button>
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
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
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
37 this._queryService.setup();
20
34cd764e234b make interfaces into classes. factor out NormalizationService.
casties
parents: 13
diff changeset
38 this.queryStepList = [];
8
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
39 this.addQueryStep();
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
40 }
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
41
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
42 addQueryStep() {
20
34cd764e234b make interfaces into classes. factor out NormalizationService.
casties
parents: 13
diff changeset
43 this.queryStepList.push('step');
8
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
44 }
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
45
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
46 removeQueryStep() {
20
34cd764e234b make interfaces into classes. factor out NormalizationService.
casties
parents: 13
diff changeset
47 this.queryStepList.pop();
8
fa646ee46c19 more query generation.
casties
parents: 7
diff changeset
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
351c3df28602 work on result component.
casties
parents: 1
diff changeset
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
39ec75917ef7 first checkin
casties
parents:
diff changeset
56 }