modal-spell-check.component.js
11.9 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
/**
* @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';
export class ModalSpellCheckComponent {
/**
* @param {?} appConfigService
* @param {?} request
* @param {?} common
* @param {?} http
*/
constructor(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 {?}
*/
ngOnInit() {
}
/**
* @param {?=} data
* @return {?}
*/
open(data) {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
/** @type {?} */
const after = { re: '(<font\\s+color=#[a-zA-Z0-9]+\\s*>(?<word>[^<]+)<\\/font>\\s*)', flags: 'g' };
/** @type {?} */
const regex = new RegExp(after.re, after.flags);
for (let 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 {?}
*/
closeModal() {
this.modal.hide();
this.spellCheck = {};
this.model = {};
this.enableList = [];
this.isEdit = false;
}
/**
* @param {?} i
* @return {?}
*/
enableEdit(i) {
this.enableList[i] = !this.enableList[i];
this.isEdit = true;
}
/**
* @return {?}
*/
saveModal() {
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 = () => [
{ type: AppConfigService },
{ type: Request },
{ type: Common },
{ type: HttpClient }
];
ModalSpellCheckComponent.propDecorators = {
modal: [{ type: ViewChild, args: ['modal',] }],
onSave: [{ type: Output }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc3BlbGwtY2hlY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vc29jLWFwcC1saWJyYXJ5LyIsInNvdXJjZXMiOlsibGliL21vZGFsLXNwZWxsLWNoZWNrL21vZGFsLXNwZWxsLWNoZWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUE0QixNQUFNLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ25HLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN2RCxPQUFPLEVBQUMsTUFBTSxFQUFDLE1BQU0sNkJBQTZCLENBQUM7QUFFbkQsT0FBTyxFQUFDLFVBQVUsRUFBbUUsTUFBTSxzQkFBc0IsQ0FBQztBQUlsSCxPQUFPLEVBQUMsY0FBYyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdDLE9BQU8sRUFBQyxnQkFBZ0IsRUFBQyxNQUFNLGtDQUFrQyxDQUFDO0FBTWxFLE1BQU07Ozs7Ozs7SUFTRixZQUFvQixnQkFBa0MsRUFBUyxPQUFnQixFQUFTLE1BQWMsRUFBVSxJQUFnQjtRQUE1RyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO1FBQVMsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUFTLFdBQU0sR0FBTixNQUFNLENBQVE7UUFBVSxTQUFJLEdBQUosSUFBSSxDQUFZO3NCQVA3RyxJQUFJLFlBQVksRUFBRTswQkFDeEIsTUFBTSxDQUFDLElBQUk7MEJBRVAsRUFBRTtxQkFDUCxFQUFFOzBCQUNHLEVBQUU7c0JBQ1YsS0FBSztRQUVWLElBQUksQ0FBQyxNQUFNLEdBQUcsZ0JBQWdCLENBQUMsU0FBUyxFQUFFLENBQUM7S0FDOUM7Ozs7SUFFRCxRQUFRO0tBRVA7Ozs7O0lBRUssSUFBSSxDQUFDLElBQVU7OztZQUNqQixNQUFNLEtBQUssR0FBRyxFQUFFLEVBQUUsRUFBRSxnRUFBZ0UsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLENBQUE7O1lBQ2xHLE1BQU0sS0FBSyxHQUFHLElBQUksTUFBTSxDQUFDLEtBQUssQ0FBQyxFQUFFLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2hELEtBQUksSUFBSSxDQUFDLElBQUksSUFBSSxFQUFDO2dCQUNkLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxDQUFDO2dCQUN4RCxPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDM0IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7YUFDL0I7WUFDRCxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksSUFBSSxFQUFFLENBQUM7WUFFN0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQzs7S0FDckI7Ozs7SUFFRCxVQUFVO1FBQ04sSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNsQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUNoQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztLQUN2Qjs7Ozs7SUFFRCxVQUFVLENBQUMsQ0FBQztRQUNSLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO0tBQ3RCOzs7O0lBRUQsU0FBUztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUM3QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ2xCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQ2hCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO0tBQ3ZCOzs7WUF0REosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxtQkFBbUI7Z0JBQzdCLDYrRUFBaUQ7YUFDcEQ7Ozs7WUFMTyxnQkFBZ0I7WUFSZixPQUFPO1lBQ1IsTUFBTTtZQUVOLFVBQVU7OztvQkFZYixTQUFTLFNBQUMsT0FBTztxQkFDakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0LCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVxdWVzdCB9IGZyb20gJy4uL19zZXJ2aWNlcy9yZXF1ZXN0LnNlcnZpY2UnO1xuaW1wb3J0IHtDb21tb259IGZyb20gJy4uL19zZXJ2aWNlcy9jb21tb24uc2VydmljZSc7XG5pbXBvcnQge1VwbG9hZFhIUkFyZ3N9IGZyb20gJ25nLXpvcnJvLWFudGQnO1xuaW1wb3J0IHtIdHRwQ2xpZW50LCBIdHRwRXZlbnQsIEh0dHBFdmVudFR5cGUsIEh0dHBIZWFkZXJzLCBIdHRwUmVxdWVzdCwgSHR0cFJlc3BvbnNlfSBmcm9tICdAYW5ndWxhci9jb21tb24vaHR0cCc7XG5pbXBvcnQgeyBOek1lc3NhZ2VTZXJ2aWNlLCBVcGxvYWRGaWxlIH0gZnJvbSAnbmctem9ycm8tYW50ZCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBPYnNlcnZlciB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtTdWJzY3JpcHRpb259IGZyb20gJ3J4anMvUngnO1xuaW1wb3J0IHtNb2RhbERpcmVjdGl2ZX0gZnJvbSAnbmd4LWJvb3RzdHJhcCc7XG5pbXBvcnQge0FwcENvbmZpZ1NlcnZpY2V9IGZyb20gJy4uL2FwcC1jb25maWcvYXBwLWNvbmZpZy5zZXJ2aWNlJztcbmltcG9ydCAqIGFzIF8gZnJvbSAnbG9kYXNoJztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbW9kYWwtc3BlbGwtY2hlY2snLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1zcGVsbC1jaGVjay5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxTcGVsbENoZWNrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBAVmlld0NoaWxkKCdtb2RhbCcpIG1vZGFsOiBNb2RhbERpcmVjdGl2ZTtcbiAgICBAT3V0cHV0KCkgb25TYXZlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIG9iamVjdEtleXMgPSBPYmplY3Qua2V5cztcbiAgICBjb25maWc7XG4gICAgc3BlbGxDaGVjazphbnkgPSB7fTtcbiAgICBtb2RlbDphbnkgPSB7fTtcbiAgICBlbmFibGVMaXN0OmFueSA9IFtdO1xuICAgIGlzRWRpdCA9IGZhbHNlO1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgYXBwQ29uZmlnU2VydmljZTogQXBwQ29uZmlnU2VydmljZSxwcml2YXRlIHJlcXVlc3Q6IFJlcXVlc3QsIHB1YmxpYyBjb21tb246IENvbW1vbiwgcHJpdmF0ZSBodHRwOiBIdHRwQ2xpZW50KSB7XG4gICAgICAgIHRoaXMuY29uZmlnID0gYXBwQ29uZmlnU2VydmljZS5nZXRDb25maWcoKTtcbiAgICB9XG5cbiAgICBuZ09uSW5pdCgpIHtcblxuICAgIH1cblxuICAgIGFzeW5jIG9wZW4oZGF0YT86IGFueSkge1xuICAgICAgICBjb25zdCBhZnRlciA9IHsgcmU6ICcoPGZvbnRcXFxccytjb2xvcj0jW2EtekEtWjAtOV0rXFxcXHMqPig/PHdvcmQ+W148XSspPFxcXFwvZm9udD5cXFxccyopJywgZmxhZ3M6ICdnJyB9XG4gICAgICAgIGNvbnN0IHJlZ2V4ID0gbmV3IFJlZ0V4cChhZnRlci5yZSwgYWZ0ZXIuZmxhZ3MpO1xuICAgICAgICBmb3IobGV0IGkgaW4gZGF0YSl7XG4gICAgICAgICAgICB0aGlzLm1vZGVsW2ldID0gZGF0YVtpXS52YWx1ZS5yZXBsYWNlKHJlZ2V4LCAnJDx3b3JkPicpO1xuICAgICAgICAgICAgY29uc29sZS5sb2codGhpcy5tb2RlbFtpXSk7XG4gICAgICAgICAgICB0aGlzLmVuYWJsZUxpc3QucHVzaChmYWxzZSk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5zcGVsbENoZWNrID0gZGF0YSB8fCB7fTtcblxuICAgICAgICB0aGlzLm1vZGFsLnNob3coKTtcbiAgICB9XG5cbiAgICBjbG9zZU1vZGFsKCl7XG4gICAgICAgIHRoaXMubW9kYWwuaGlkZSgpO1xuICAgICAgICB0aGlzLnNwZWxsQ2hlY2sgPSB7fTtcbiAgICAgICAgdGhpcy5tb2RlbCA9IHt9O1xuICAgICAgICB0aGlzLmVuYWJsZUxpc3QgPSBbXTtcbiAgICAgICAgdGhpcy5pc0VkaXQgPSBmYWxzZTtcbiAgICB9XG5cbiAgICBlbmFibGVFZGl0KGkpe1xuICAgICAgICB0aGlzLmVuYWJsZUxpc3RbaV0gPSAhdGhpcy5lbmFibGVMaXN0W2ldO1xuICAgICAgICB0aGlzLmlzRWRpdCA9IHRydWU7XG4gICAgfVxuXG4gICAgc2F2ZU1vZGFsKCl7XG4gICAgICAgIHRoaXMub25TYXZlLmVtaXQodGhpcy5tb2RlbCk7XG4gICAgICAgIHRoaXMubW9kYWwuaGlkZSgpO1xuICAgICAgICB0aGlzLnNwZWxsQ2hlY2sgPSB7fTtcbiAgICAgICAgdGhpcy5tb2RlbCA9IHt9O1xuICAgICAgICB0aGlzLmVuYWJsZUxpc3QgPSBbXTtcbiAgICAgICAgdGhpcy5pc0VkaXQgPSBmYWxzZTtcbiAgICB9XG59XG4iXX0=