modal-spell-check.component.js
12.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, EventEmitter, Output, ViewChild } from '@angular/core';
import { Request } from '../_services/request.service';
import { Common } from '../_services/common.service';
import { HttpClient } from '@angular/common/http';
import { ModalDirective } from 'ngx-bootstrap';
import { AppConfigService } from '../app-config/app-config.service';
var ModalSpellCheckComponent = /** @class */ (function () {
function ModalSpellCheckComponent(appConfigService, request, common, http) {
this.appConfigService = appConfigService;
this.request = request;
this.common = common;
this.http = http;
this.onSave = new EventEmitter();
this.objectKeys = Object.keys;
this.spellCheck = {};
this.model = {};
this.enableList = [];
this.isEdit = false;
this.config = appConfigService.getConfig();
}
/**
* @return {?}
*/
ModalSpellCheckComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
};
/**
* @param {?=} data
* @return {?}
*/
ModalSpellCheckComponent.prototype.open = /**
* @param {?=} data
* @return {?}
*/
function (data) {
return tslib_1.__awaiter(this, void 0, void 0, function () {
var after, regex, i;
return tslib_1.__generator(this, function (_a) {
after = { re: '(<font\\s+color=#[a-zA-Z0-9]+\\s*>(?<word>[^<]+)<\\/font>\\s*)', flags: 'g' };
regex = new RegExp(after.re, after.flags);
for (i in data) {
this.model[i] = data[i].value.replace(regex, '$<word>');
console.log(this.model[i]);
this.enableList.push(false);
}
this.spellCheck = data || {};
this.modal.show();
return [2 /*return*/];
});
});
};
/**
* @return {?}
*/
ModalSpellCheckComponent.prototype.closeModal = /**
* @return {?}
*/
function () {
this.modal.hide();
this.spellCheck = {};
this.model = {};
this.enableList = [];
this.isEdit = false;
};
/**
* @param {?} i
* @return {?}
*/
ModalSpellCheckComponent.prototype.enableEdit = /**
* @param {?} i
* @return {?}
*/
function (i) {
this.enableList[i] = !this.enableList[i];
this.isEdit = true;
};
/**
* @return {?}
*/
ModalSpellCheckComponent.prototype.saveModal = /**
* @return {?}
*/
function () {
this.onSave.emit(this.model);
this.modal.hide();
this.spellCheck = {};
this.model = {};
this.enableList = [];
this.isEdit = false;
};
ModalSpellCheckComponent.decorators = [
{ type: Component, args: [{
selector: 'modal-spell-check',
template: "<div class=\"modal fade\" bsModal #modal=\"bs-modal\" [config]=\"{backdrop: 'static'}\"\n tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"dialog-static-name1\">\n <div class=\"modal-dialog modal-md\">\n <div class=\"modal-content\">\n <div class=\"modal-header\">\n <h4 id=\"dialog-static-name\" class=\"modal-title pull-left\">\u0E15\u0E23\u0E27\u0E08\u0E04\u0E33\u0E28\u0E31\u0E1E\u0E17\u0E4C</h4>\n <button type=\"button\" class=\"close pull-right\" aria-label=\"Close\" (click)=\"closeModal()\">\n <span aria-hidden=\"true\">×</span>\n </button>\n </div>\n\n <div class=\"modal-body\">\n <div *ngFor=\"let name of objectKeys(spellCheck); let i = index\" class=\"row\">\n <!--<div class=\"col-sm-3\">-->\n <!--<span>\u0E0A\u0E37\u0E48\u0E2D\u0E40\u0E23\u0E37\u0E48\u0E2D\u0E07 :</span>-->\n <!--</div>-->\n <div class=\"col-sm-12\">\n <div class=\"form-group\">\n <label class=\"control-label\">{{spellCheck[name].display}}</label>\n <div [innerHtml]=\"spellCheck[name].value\" [(hidden)]=\"enableList[i]\"></div>\n <input [id]=\"'txt'+name\" class=\"form-control m-input\" [(ngModel)]=\"model[name]\" [(hidden)]=\"!enableList[i]\">\n </div>\n <a type=\"button\" (click)=\"enableEdit(i)\" [(hidden)]=\"enableList[i]\" class=\"btn btn-default btn-sm icon\" data-toggle=\"tooltip\"\n data-placement=\"top\" title=\"\u0E41\u0E01\u0E49\u0E44\u0E02\"><i class=\"fal fa-pencil-alt\"></i></a>\n </div>\n </div>\n <div class=\"m-portlet__foot m-portlet__foot--fit text-right\">\n \u0E04\u0E27\u0E32\u0E21\u0E2B\u0E21\u0E32\u0E22\u0E02\u0E2D\u0E07\u0E2A\u0E35 : <font color=#ff0000> \u0E04\u0E33\u0E17\u0E35\u0E48\u0E44\u0E21\u0E48\u0E23\u0E39\u0E49\u0E08\u0E31\u0E01 </font>\n <div class=\"m-form__actions\">\n <button type=\"submit\" class=\"btn btn-success btn-md btn-md-save\" (click)=\"saveModal()\" [(hidden)]=\"!isEdit\">\n \u0E1A\u0E31\u0E19\u0E17\u0E36\u0E01\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>"
}] }
];
/** @nocollapse */
ModalSpellCheckComponent.ctorParameters = function () { return [
{ type: AppConfigService },
{ type: Request },
{ type: Common },
{ type: HttpClient }
]; };
ModalSpellCheckComponent.propDecorators = {
modal: [{ type: ViewChild, args: ['modal',] }],
onSave: [{ type: Output }]
};
return ModalSpellCheckComponent;
}());
export { ModalSpellCheckComponent };
if (false) {
/** @type {?} */
ModalSpellCheckComponent.prototype.modal;
/** @type {?} */
ModalSpellCheckComponent.prototype.onSave;
/** @type {?} */
ModalSpellCheckComponent.prototype.objectKeys;
/** @type {?} */
ModalSpellCheckComponent.prototype.config;
/** @type {?} */
ModalSpellCheckComponent.prototype.spellCheck;
/** @type {?} */
ModalSpellCheckComponent.prototype.model;
/** @type {?} */
ModalSpellCheckComponent.prototype.enableList;
/** @type {?} */
ModalSpellCheckComponent.prototype.isEdit;
/** @type {?} */
ModalSpellCheckComponent.prototype.appConfigService;
/** @type {?} */
ModalSpellCheckComponent.prototype.request;
/** @type {?} */
ModalSpellCheckComponent.prototype.common;
/** @type {?} */
ModalSpellCheckComponent.prototype.http;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc3BlbGwtY2hlY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vc29jLWFwcC1saWJyYXJ5LyIsInNvdXJjZXMiOlsibGliL21vZGFsLXNwZWxsLWNoZWNrL21vZGFsLXNwZWxsLWNoZWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUE0QixNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsT0FBTyxFQUFDLFVBQVUsRUFBbUUsTUFBTSxzQkFBc0IsQ0FBQztBQUlsSCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDOztJQWU5RCxrQ0FBb0IsZ0JBQWtDLEVBQVMsT0FBZ0IsRUFBUyxNQUFjLEVBQVUsSUFBZ0I7UUFBNUcscUJBQWdCLEdBQWhCLGdCQUFnQixDQUFrQjtRQUFTLFlBQU8sR0FBUCxPQUFPLENBQVM7UUFBUyxXQUFNLEdBQU4sTUFBTSxDQUFRO1FBQVUsU0FBSSxHQUFKLElBQUksQ0FBWTtzQkFQN0csSUFBSSxZQUFZLEVBQUU7MEJBQ3hCLE1BQU0sQ0FBQyxJQUFJOzBCQUVQLEVBQUU7cUJBQ1AsRUFBRTswQkFDRyxFQUFFO3NCQUNWLEtBQUs7UUFFVixJQUFJLENBQUMsTUFBTSxHQUFHLGdCQUFnQixDQUFDLFNBQVMsRUFBRSxDQUFDO0tBQzlDOzs7O0lBRUQsMkNBQVE7OztJQUFSO0tBRUM7Ozs7O0lBRUssdUNBQUk7Ozs7SUFBVixVQUFXLElBQVU7Ozs7Z0JBQ1gsS0FBSyxHQUFHLEVBQUUsRUFBRSxFQUFFLGdFQUFnRSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsQ0FBQTtnQkFDNUYsS0FBSyxHQUFHLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO2dCQUNoRCxLQUFRLENBQUMsSUFBSSxJQUFJLEVBQUM7b0JBQ2QsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLENBQUM7b0JBQ3hELE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO29CQUMzQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztpQkFDL0I7Z0JBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLElBQUksRUFBRSxDQUFDO2dCQUU3QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDOzs7O0tBQ3JCOzs7O0lBRUQsNkNBQVU7OztJQUFWO1FBQ0ksSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztLQUN2Qjs7Ozs7SUFFRCw2Q0FBVTs7OztJQUFWLFVBQVcsQ0FBQztRQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO0tBQ3RCOzs7O0lBRUQsNENBQVM7OztJQUFUO1FBQ0ksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQzdCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7S0FDdkI7O2dCQXRESixTQUFTLFNBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsNitFQUFpRDtpQkFDcEQ7Ozs7Z0JBTE8sZ0JBQWdCO2dCQVJmLE9BQU87Z0JBQ1IsTUFBTTtnQkFFTixVQUFVOzs7d0JBWWIsU0FBUyxTQUFDLE9BQU87eUJBQ2pCLE1BQU07O21DQWpCWDs7U0FlYSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIE91dHB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlcXVlc3QgfSBmcm9tICcuLi9fc2VydmljZXMvcmVxdWVzdC5zZXJ2aWNlJztcbmltcG9ydCB7Q29tbW9ufSBmcm9tICcuLi9fc2VydmljZXMvY29tbW9uLnNlcnZpY2UnO1xuaW1wb3J0IHtVcGxvYWRYSFJBcmdzfSBmcm9tICduZy16b3Jyby1hbnRkJztcbmltcG9ydCB7SHR0cENsaWVudCwgSHR0cEV2ZW50LCBIdHRwRXZlbnRUeXBlLCBIdHRwSGVhZGVycywgSHR0cFJlcXVlc3QsIEh0dHBSZXNwb25zZX0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uL2h0dHAnO1xuaW1wb3J0IHsgTnpNZXNzYWdlU2VydmljZSwgVXBsb2FkRmlsZSB9IGZyb20gJ25nLXpvcnJvLWFudGQnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgT2JzZXJ2ZXIgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7U3Vic2NyaXB0aW9ufSBmcm9tICdyeGpzL1J4JztcbmltcG9ydCB7TW9kYWxEaXJlY3RpdmV9IGZyb20gJ25neC1ib290c3RyYXAnO1xuaW1wb3J0IHtBcHBDb25maWdTZXJ2aWNlfSBmcm9tICcuLi9hcHAtY29uZmlnL2FwcC1jb25maWcuc2VydmljZSc7XG5pbXBvcnQgKiBhcyBfIGZyb20gJ2xvZGFzaCc7XG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ21vZGFsLXNwZWxsLWNoZWNrJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtc3BlbGwtY2hlY2suY29tcG9uZW50Lmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsU3BlbGxDaGVja0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQFZpZXdDaGlsZCgnbW9kYWwnKSBtb2RhbDogTW9kYWxEaXJlY3RpdmU7XG4gICAgQE91dHB1dCgpIG9uU2F2ZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBvYmplY3RLZXlzID0gT2JqZWN0LmtleXM7XG4gICAgY29uZmlnO1xuICAgIHNwZWxsQ2hlY2s6YW55ID0ge307XG4gICAgbW9kZWw6YW55ID0ge307XG4gICAgZW5hYmxlTGlzdDphbnkgPSBbXTtcbiAgICBpc0VkaXQgPSBmYWxzZTtcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIGFwcENvbmZpZ1NlcnZpY2U6IEFwcENvbmZpZ1NlcnZpY2UscHJpdmF0ZSByZXF1ZXN0OiBSZXF1ZXN0LCBwdWJsaWMgY29tbW9uOiBDb21tb24sIHByaXZhdGUgaHR0cDogSHR0cENsaWVudCkge1xuICAgICAgICB0aGlzLmNvbmZpZyA9IGFwcENvbmZpZ1NlcnZpY2UuZ2V0Q29uZmlnKCk7XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG5cbiAgICB9XG5cbiAgICBhc3luYyBvcGVuKGRhdGE/OiBhbnkpIHtcbiAgICAgICAgY29uc3QgYWZ0ZXIgPSB7IHJlOiAnKDxmb250XFxcXHMrY29sb3I9I1thLXpBLVowLTldK1xcXFxzKj4oPzx3b3JkPltePF0rKTxcXFxcL2ZvbnQ+XFxcXHMqKScsIGZsYWdzOiAnZycgfVxuICAgICAgICBjb25zdCByZWdleCA9IG5ldyBSZWdFeHAoYWZ0ZXIucmUsIGFmdGVyLmZsYWdzKTtcbiAgICAgICAgZm9yKGxldCBpIGluIGRhdGEpe1xuICAgICAgICAgICAgdGhpcy5tb2RlbFtpXSA9IGRhdGFbaV0udmFsdWUucmVwbGFjZShyZWdleCwgJyQ8d29yZD4nKTtcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKHRoaXMubW9kZWxbaV0pO1xuICAgICAgICAgICAgdGhpcy5lbmFibGVMaXN0LnB1c2goZmFsc2UpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuc3BlbGxDaGVjayA9IGRhdGEgfHwge307XG5cbiAgICAgICAgdGhpcy5tb2RhbC5zaG93KCk7XG4gICAgfVxuXG4gICAgY2xvc2VNb2RhbCgpe1xuICAgICAgICB0aGlzLm1vZGFsLmhpZGUoKTtcbiAgICAgICAgdGhpcy5zcGVsbENoZWNrID0ge307XG4gICAgICAgIHRoaXMubW9kZWwgPSB7fTtcbiAgICAgICAgdGhpcy5lbmFibGVMaXN0ID0gW107XG4gICAgICAgIHRoaXMuaXNFZGl0ID0gZmFsc2U7XG4gICAgfVxuXG4gICAgZW5hYmxlRWRpdChpKXtcbiAgICAgICAgdGhpcy5lbmFibGVMaXN0W2ldID0gIXRoaXMuZW5hYmxlTGlzdFtpXTtcbiAgICAgICAgdGhpcy5pc0VkaXQgPSB0cnVlO1xuICAgIH1cblxuICAgIHNhdmVNb2RhbCgpe1xuICAgICAgICB0aGlzLm9uU2F2ZS5lbWl0KHRoaXMubW9kZWwpO1xuICAgICAgICB0aGlzLm1vZGFsLmhpZGUoKTtcbiAgICAgICAgdGhpcy5zcGVsbENoZWNrID0ge307XG4gICAgICAgIHRoaXMubW9kZWwgPSB7fTtcbiAgICAgICAgdGhpcy5lbmFibGVMaXN0ID0gW107XG4gICAgICAgIHRoaXMuaXNFZGl0ID0gZmFsc2U7XG4gICAgfVxufVxuIl19