Mercurial > hg > ng2-query-ismi

comparison src/app/query-select.component.js @ 58:3b4046e0cc02 default

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Merge from ng2-table branch. d7c947909ab888c013171b8c037e4f9fab30fe57
author casties
date Wed, 29 Mar 2017 17:19:12 +0200
parents
children
comparison
equal deleted inserted replaced
49:781a5387ca93 58:3b4046e0cc02
1 "use strict";
2 var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
3 var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
4 if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
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;
6 return c > 3 && r && Object.defineProperty(target, key, r), r;
7 };
8 var __metadata = (this && this.__metadata) || function (k, v) {
9 if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
10 };
11 var core_1 = require('@angular/core');
12 var query_step_1 = require('./query-step');
13 var query_service_1 = require('./query.service');
14 var normalization_service_1 = require('./normalization.service');
15 var ismi_relation_types_1 = require('./ismi-relation-types');
16 var QuerySelectComponent = (function () {
17 function QuerySelectComponent(_queryService, _normService) {
18 this._queryService = _queryService;
19 this._normService = _normService;
20 // output queryChanged
21 this.queryChanged = new core_1.EventEmitter();
22 }
23 QuerySelectComponent.prototype.ngOnInit = function () {
24 this.setup();
25 };
26 QuerySelectComponent.prototype.setup = function () {
27 console.log("query-select setup step=", this.queryStep);
28 var step = this._queryService.state.steps[this.index]; // i-1?
29 if (step != null) {
30 this.setQueryStep(step);
31 }
32 };
33 QuerySelectComponent.prototype.getQueryModes = function () {
34 this.queryModes = this._queryService.getQueryModes(this.index);
35 return this.queryModes;
36 };
37 QuerySelectComponent.prototype.onSelectMode = function (event) {
38 var selected = event.target.value;
39 this.selectedMode = this.queryModes.find(function (mode) { return mode.id === selected; });
40 this.queryOptions = this._queryService.getQueryOptions(this.selectedMode);
41 };
42 QuerySelectComponent.prototype.onSelectOption = function (event) {
43 var selected = event.target.value;
44 console.debug("selected option:", selected);
45 this.selectedOption = selected;
46 this.onSubmit();
47 };
48 QuerySelectComponent.prototype.onSubmit = function () {
49 console.debug("Submit! selectedMode=", this.selectedMode, " selectedOption=", this.selectedOption, " queryInput=", this.queryInput);
50 var step = this.getQueryStep();
51 /*
52 * set step and submit change event
53 */
54 if (step != null) {
55 this._queryService.setQueryStep(this.index, step);
56 this.queryChanged.emit(this._queryService.getState());
57 }
58 return false;
59 };
60 /**
61 * Returns QueryStep from current form state.
62 */
63 QuerySelectComponent.prototype.getQueryStep = function () {
64 var _this = this;
65 var step = null;
66 if (this.selectedMode.id === 'type_is') {
67 /*
68 * type_is
69 */
70 var opt = this.selectedOption;
71 if (opt) {
72 step = new query_step_1.QueryStep(this.selectedMode, { 'objectType': opt });
73 }
74 }
75 else if (this.selectedMode.id === 'relation_is') {
76 /*
77 * relation_is
78 */
79 var opt = this.selectedOption;
80 if (opt) {
81 var rel = ismi_relation_types_1.getRelationByName(opt);
82 step = new query_step_1.QueryStep(this.selectedMode, { 'relationType': rel });
83 }
84 }
85 else if (this.selectedMode.id === 'id_is') {
86 /*
87 * id is
88 */
89 var val = this.queryInput;
90 if (val) {
91 step = new query_step_1.QueryStep(this.selectedMode, { 'value': val });
92 }
93 }
94 else if (this.selectedMode.id === 'att_contains') {
95 /*
96 * att_contains
97 */
98 var att = this.selectedOption;
99 var val = this.queryInput;
100 if (att && val) {
101 step = new query_step_1.QueryStep(this.selectedMode, { 'attribute': att, 'value': val });
102 }
103 }
104 else if (this.selectedMode.id === 'att_num_range') {
105 /*
106 * att_num_range
107 */
108 var att = this.selectedOption;
109 var nlo = this.queryInput;
110 var nhi = this.queryInput2;
111 if (att && nlo && nhi) {
112 step = new query_step_1.QueryStep(this.selectedMode, { 'attribute': att, 'numLo': nlo, 'numHi': nhi });
113 }
114 }
115 else if (this.selectedMode.id === 'att_contains_norm') {
116 /*
117 * att_contains_norm
118 *
119 * calls normalization service and submits event in callback
120 */
121 var att_1 = this.selectedOption;
122 var val_1 = this.queryInput;
123 if (att_1 && val_1) {
124 // run search term through normalizer
125 this._normService.fetchArabicTranslitNormalizedString(val_1)
126 .subscribe(function (data) {
127 console.debug("openmind norm data=", data);
128 step = new query_step_1.QueryStep(_this.selectedMode, { 'attribute': att_1, 'value': val_1, 'normValue': data.normalized_text });
129 _this._queryService.setQueryStep(_this.index, step);
130 // query has changed now
131 _this.queryChanged.emit(_this._queryService.getState());
132 }, function (err) { return console.error("openmind norm error=", err); }, function () { return console.debug("openmind norm query Complete"); });
133 // query has not been set yet (gets set in callback)
134 return null;
135 }
136 }
137 return step;
138 };
139 /**
140 * Sets form state from given QueryStep.
141 */
142 QuerySelectComponent.prototype.setQueryStep = function (step) {
143 var mode = step.mode;
144 this.selectedMode = mode;
145 if (mode.id === 'id_is') {
146 /*
147 * id_is
148 */
149 this.queryInput = step.params.value;
150 }
151 else if (mode.id === 'type_is') {
152 /*
153 * type_is
154 */
155 var name_1 = step.params.objectType;
156 this.queryOptions = [name_1];
157 this.selectedOption = name_1;
158 }
159 else if (this.selectedMode.id === 'relation_is') {
160 /*
161 * relation_is
162 */
163 var name_2 = step.params.relationType.name;
164 var rel = ismi_relation_types_1.getRelationByName(name_2);
165 this.queryOptions = [rel];
166 this.selectedOption = name_2;
167 }
168 else if (this.selectedMode.id === 'att_contains') {
169 /*
170 * att_contains
171 */
172 var name_3 = step.params.attribute;
173 this.queryOptions = [name_3];
174 this.selectedOption = name_3;
175 this.queryInput = step.params.value;
176 }
177 else if (this.selectedMode.id === 'att_num_range') {
178 /*
179 * att_num_range
180 */
181 var name_4 = step.params.attribute;
182 this.queryOptions = [name_4];
183 this.selectedOption = name_4;
184 this.queryInput = step.params.numLo;
185 this.queryInput2 = step.params.numHi;
186 }
187 else if (this.selectedMode.id === 'att_contains_norm') {
188 /*
189 * att_contains_norm
190 */
191 var name_5 = step.params.attribute;
192 this.queryOptions = [name_5];
193 this.selectedOption = name_5;
194 this.queryInput = step.params.value;
195 }
196 // TODO: implement other modes
197 this.resultInfo = step.resultInfo;
198 };
199 QuerySelectComponent = __decorate([
200 core_1.Component({
201 selector: 'query-select',
202 template: "\n<p *ngIf=\"resultInfo\">&nbsp;&nbsp;&nbsp;result: {{resultInfo}}</p>\n<div>\n <form (ngSubmit)=\"onSubmit()\">\n <select name=\"mode\" (change)=\"onSelectMode($event)\">\n <option></option>\n <option *ngFor=\"let mode of getQueryModes()\" \n [selected]=\"mode.id==selectedMode?.id\" [value]=\"mode.id\">\n {{mode.label}}\n </option>\n </select>\n\n <span *ngIf=\"selectedMode?.id=='type_is'\">\n <select name=\"option\" *ngIf=\"queryOptions\" [ngModel]=\"selectedOption\" (change)=\"onSelectOption($event)\">\n <option></option>\n <option *ngFor=\"let option of queryOptions\" [value]=\"option\">\n {{option}}\n </option>\n </select>\n </span>\n\n <span *ngIf=\"selectedMode?.id=='relation_is'\">\n <select name=\"option\" *ngIf=\"queryOptions\" [ngModel]=\"selectedOption\" (change)=\"onSelectOption($event)\">\n <option></option>\n <option *ngFor=\"let option of queryOptions\" [value]=\"option.getName()\">\n {{option.getLabel()}}\n </option>\n </select>\n </span>\n\n <span *ngIf=\"selectedMode?.id=='att_contains' || selectedMode?.id=='att_contains_norm'\">\n <select name=\"option\" [ngModel]=\"selectedOption\" (change)=\"selectedOption=$event.target.value\">\n <option></option>\n <option *ngFor=\"let option of queryOptions\" [value]=\"option\">\n {{option}}\n </option>\n </select>\n <span>contains</span>\n <input type=\"text\" name=\"value\" [(ngModel)]=\"queryInput\"/>\n </span>\n\n <span *ngIf=\"selectedMode?.id=='att_num_range'\">\n <select name=\"option\" [ngModel]=\"selectedOption\" (change)=\"selectedOption=$event.target.value\">\n <option></option>\n <option *ngFor=\"let option of queryOptions\" [value]=\"option\">\n {{option}}\n </option>\n </select>\n <span>is between</span>\n <input type=\"text\" name=\"value1\" [(ngModel)]=\"queryInput\"/>\n <span>and</span>\n <input type=\"text\" name=\"value2\" [(ngModel)]=\"queryInput2\"/>\n </span>\n\n <span *ngIf=\"selectedMode?.id=='id_is'\">\n <input type=\"text\" name=\"value\" [(ngModel)]=\"queryInput\"/>\n </span>\n\n <button type=\"submit\">Submit</button>\n </form>\n</div>\n ",
203 inputs: ['queryStep', 'index'],
204 outputs: ['queryChanged']
205 }),
206 __metadata('design:paramtypes', [query_service_1.QueryService, normalization_service_1.NormalizationService])
207 ], QuerySelectComponent);
208 return QuerySelectComponent;
209 }());
210 exports.QuerySelectComponent = QuerySelectComponent;
211 //# sourceMappingURL=query-select.component.js.map