annotate src/app/query-app.component.js @ 62:7787ca310644 webpack tip

update @angular to 4.4.5.
author Robert Casties <casties@mpiwg-berlin.mpg.de>
date Wed, 18 Oct 2017 17:46:41 +0200
parents 3b4046e0cc02
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
58
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
1 "use strict";
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
2 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
3 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
4 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
5 else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
6 return c > 3 && r && Object.defineProperty(target, key, r), r;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
7 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
8 var __metadata = (this && this.__metadata) || function (k, v) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
9 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
10 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
11 var core_1 = require('@angular/core');
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
12 var query_service_1 = require('./query.service');
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
13 var QueryAppComponent = (function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
14 function QueryAppComponent(_queryService) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
15 var _this = this;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
16 this._queryService = _queryService;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
17 console.debug("QueryAppComponent constructor!");
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
18 var newState = this.getStateStringFromUrlFragment();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
19 // initialize query service using external state
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
20 this._queryService.setup(newState);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
21 this.queryStepList = [];
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
22 // set state in queryStepList
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
23 if (this._queryService.state.getNumSteps() > 0) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
24 // use state from URL
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
25 this._queryService.state.steps
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
26 .forEach(function (elem) { return _this.queryStepList.push('param'); });
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
27 }
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
28 else {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
29 // new empty state
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
30 this.addQueryStep();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
31 }
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
32 }
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
33 QueryAppComponent.prototype.getStateStringFromUrlFragment = function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
34 var hash = window.location.hash;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
35 if (hash) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
36 var fragb = hash.substr(1);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
37 // base64 decode
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
38 var fragu = window.atob(fragb);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
39 // url decode
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
40 var frag = decodeURIComponent(fragu);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
41 // reset hash
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
42 window.location.hash = '';
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
43 return frag;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
44 }
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
45 return null;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
46 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
47 QueryAppComponent.prototype.getUrlFragmentFromState = function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
48 var stateStr = this._queryService.state.getStateAsString();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
49 var frag = '#';
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
50 if (stateStr.length > 0) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
51 var fragu = encodeURIComponent(stateStr);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
52 var fragb = window.btoa(fragu);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
53 frag += fragb;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
54 }
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
55 return frag;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
56 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
57 QueryAppComponent.prototype.addQueryStep = function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
58 this.queryStepList.push('step');
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
59 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
60 QueryAppComponent.prototype.removeQueryStep = function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
61 this.queryStepList.pop();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
62 this._queryService.state.steps.pop();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
63 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
64 QueryAppComponent.prototype.resetQuery = function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
65 // reset everything by reloading
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
66 window.location.reload();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
67 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
68 QueryAppComponent.prototype.showQueryUrl = function () {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
69 var url = window.location.href;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
70 url = url.replace(/#.*/, '') + this.getUrlFragmentFromState();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
71 window.prompt("URL to current query state", url);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
72 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
73 QueryAppComponent.prototype.onQueryChanged = function (event) {
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
74 console.debug("app.onquerychanged! event=", event);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
75 this._queryService.runQuery();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
76 this.queryState = this._queryService.getState();
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
77 };
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
78 QueryAppComponent = __decorate([
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
79 core_1.Component({
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
80 selector: 'query-app',
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
81 template: "\n <div class=\"container\"> \n <h1>ISMI-Lab Query Builder</h1>\n </div>\n <div class=\"container\"> \n <div>Select a query step:</div>\n <query-select *ngFor=\"let step of queryStepList; let i=index;\"\n [queryStep]=\"step\" [index]=\"i\" \n (queryChanged)=\"onQueryChanged($event)\"></query-select>\n <div>\n <button (click)=\"addQueryStep()\">add step</button>\n <button (click)=\"removeQueryStep()\">remove step</button>\n <button (click)=\"resetQuery()\">reset query</button>\n <button (click)=\"showQueryUrl()\">get query url</button>\n </div>\n </div>\n <div class=\"container\">\n <query-result *ngIf=\"queryState?.results\"\n [resultInfo]=\"queryState.resultInfo\"\n [queryState]=\"queryState\">\n </query-result>\n </div>\n ",
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
82 }),
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
83 __metadata('design:paramtypes', [query_service_1.QueryService])
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
84 ], QueryAppComponent);
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
85 return QueryAppComponent;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
86 }());
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
87 exports.QueryAppComponent = QueryAppComponent;
3b4046e0cc02 Merge from ng2-table branch.
casties
parents:
diff changeset
88 //# sourceMappingURL=query-app.component.js.map