@things-factory/meta-ui 7.0.1-alpha.31 → 7.0.1-alpha.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/client/bootstrap.ts +1 -1
- package/client/component/filter/filter-form-meta-code-select.ts +99 -0
- package/client/component/filter/filter-form-meta-object-select.ts +104 -0
- package/client/component/filter/filter-grist-meta-code-select.ts +97 -0
- package/client/component/filter/filter-grist-meta-object-select.ts +102 -0
- package/client/component/popup/code-input-editor-popup.js +1 -1
- package/client/component/popup/{meta-object-selector-popup.js → meta-object-selector-popup.ts} +73 -46
- package/client/component/popup/{record-based-code-editor-popup.js → record-based-code-editor-popup.ts} +19 -18
- package/client/utils/meta-api.js +13 -1
- package/client/utils/meta-ui-util.js +21 -7
- package/client/utils/service-util.js +39 -3
- package/client/utils/{terms-util.js → terms-util.ts} +13 -13
- package/dist-client/bootstrap.js +1 -1
- package/dist-client/bootstrap.js.map +1 -1
- package/dist-client/component/filter/filter-form-meta-code-select.d.ts +4 -1
- package/dist-client/component/filter/filter-form-meta-code-select.js +22 -19
- package/dist-client/component/filter/filter-form-meta-code-select.js.map +1 -1
- package/dist-client/component/filter/filter-form-meta-object-select.d.ts +4 -1
- package/dist-client/component/filter/filter-form-meta-object-select.js +28 -20
- package/dist-client/component/filter/filter-form-meta-object-select.js.map +1 -1
- package/dist-client/component/filter/filter-grist-meta-code-select.d.ts +3 -1
- package/dist-client/component/filter/filter-grist-meta-code-select.js +20 -19
- package/dist-client/component/filter/filter-grist-meta-code-select.js.map +1 -1
- package/dist-client/component/filter/filter-grist-meta-object-select.d.ts +3 -1
- package/dist-client/component/filter/filter-grist-meta-object-select.js +26 -20
- package/dist-client/component/filter/filter-grist-meta-object-select.js.map +1 -1
- package/dist-client/component/popup/code-input-editor-popup.js +1 -1
- package/dist-client/component/popup/code-input-editor-popup.js.map +1 -1
- package/dist-client/component/popup/meta-object-selector-popup.d.ts +27 -22
- package/dist-client/component/popup/meta-object-selector-popup.js +76 -47
- package/dist-client/component/popup/meta-object-selector-popup.js.map +1 -1
- package/dist-client/component/popup/record-based-code-editor-popup.d.ts +10 -11
- package/dist-client/component/popup/record-based-code-editor-popup.js +59 -17
- package/dist-client/component/popup/record-based-code-editor-popup.js.map +1 -1
- package/dist-client/pages/history/history-copy-list-popup.d.ts +1 -1
- package/dist-client/pages/history/history-json-list-popup.d.ts +1 -1
- package/dist-client/tsconfig.tsbuildinfo +1 -1
- package/dist-client/utils/meta-api.d.ts +11 -2
- package/dist-client/utils/meta-api.js +12 -1
- package/dist-client/utils/meta-api.js.map +1 -1
- package/dist-client/utils/meta-ui-util.js +18 -7
- package/dist-client/utils/meta-ui-util.js.map +1 -1
- package/dist-client/utils/service-util.d.ts +11 -1
- package/dist-client/utils/service-util.js +37 -3
- package/dist-client/utils/service-util.js.map +1 -1
- package/dist-client/utils/terms-util.d.ts +7 -7
- package/dist-client/utils/terms-util.js +4 -4
- package/dist-client/utils/terms-util.js.map +1 -1
- package/package.json +9 -8
- package/client/component/filter/filter-form-meta-code-select.js +0 -94
- package/client/component/filter/filter-form-meta-object-select.js +0 -94
- package/client/component/filter/filter-grist-meta-code-select.js +0 -95
- package/client/component/filter/filter-grist-meta-object-select.js +0 -95
|
@@ -1,19 +1,27 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
1
2
|
import '@material/web/icon/icon.js';
|
|
2
3
|
import { css, html, LitElement } from 'lit';
|
|
4
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
5
|
+
import { closePopup } from '@operato/popup';
|
|
6
|
+
import { isMobileDevice, adjustFilters } from '@operato/utils';
|
|
3
7
|
import { CommonGristStyles, ButtonContainerStyles } from '@operato/styles';
|
|
8
|
+
import { DataGrist } from '@operato/data-grist';
|
|
4
9
|
import { TermsUtil } from '../../utils/terms-util';
|
|
5
10
|
import { ValueUtil } from '../../utils/value-util';
|
|
6
11
|
import { ServiceUtil } from '../../utils/service-util';
|
|
7
12
|
import { MetaApi } from '../../utils/meta-api';
|
|
8
13
|
import { MetaUiUtil } from '../../utils/meta-ui-util';
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
14
|
+
let MetaObjectSelectorPopup = class MetaObjectSelectorPopup extends LitElement {
|
|
15
|
+
constructor() {
|
|
16
|
+
super(...arguments);
|
|
17
|
+
this.selectedRecords = [];
|
|
18
|
+
this.foundationFilters = [];
|
|
19
|
+
}
|
|
12
20
|
async connectedCallback() {
|
|
13
|
-
|
|
21
|
+
const { select, sorters, filters, codeField, nameField, dispField, filterFields: optionFilterFields, menu_template } = this.options || {};
|
|
14
22
|
// 숨김 검색 조건
|
|
15
|
-
this.
|
|
16
|
-
this.
|
|
23
|
+
this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : [];
|
|
24
|
+
this.foundationFilters = this.foundationFilters.map(x => {
|
|
17
25
|
let { name, operator, value } = x;
|
|
18
26
|
if (value.startsWith('::')) {
|
|
19
27
|
value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'));
|
|
@@ -25,22 +33,18 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
25
33
|
};
|
|
26
34
|
});
|
|
27
35
|
// 기본 정렬
|
|
28
|
-
let sortFields =
|
|
36
|
+
let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : [];
|
|
29
37
|
// 기본 검색 조건
|
|
30
|
-
let filterFields =
|
|
31
|
-
? this.options.filterFields
|
|
32
|
-
: ((_a = this.options.menu_template) === null || _a === void 0 ? void 0 : _a.search) && ((_b = this.options.menu_template) === null || _b === void 0 ? void 0 : _b.search.length) > 0
|
|
33
|
-
? this.options.menu_template.search
|
|
34
|
-
: [];
|
|
38
|
+
let filterFields = optionFilterFields ? optionFilterFields : (menu_template === null || menu_template === void 0 ? void 0 : menu_template.search) && (menu_template === null || menu_template === void 0 ? void 0 : menu_template.search.length) > 0 ? menu_template.search : [];
|
|
35
39
|
// 그리드 컬럼
|
|
36
|
-
let gridColumns =
|
|
40
|
+
let gridColumns = select;
|
|
37
41
|
// 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)
|
|
38
42
|
if (!filterFields || filterFields.length == 0) {
|
|
39
|
-
let defaultFilter
|
|
40
|
-
if (
|
|
41
|
-
defaultFilter =
|
|
42
|
-
if (
|
|
43
|
-
defaultFilter =
|
|
43
|
+
let defaultFilter;
|
|
44
|
+
if (codeField)
|
|
45
|
+
defaultFilter = codeField;
|
|
46
|
+
if (nameField)
|
|
47
|
+
defaultFilter = nameField;
|
|
44
48
|
if (defaultFilter) {
|
|
45
49
|
filterFields.push({
|
|
46
50
|
name: defaultFilter,
|
|
@@ -73,7 +77,7 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
73
77
|
if (type == 'boolean-all') {
|
|
74
78
|
type = 'boolean';
|
|
75
79
|
}
|
|
76
|
-
let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, width);
|
|
80
|
+
let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, Number(width));
|
|
77
81
|
if (type.startsWith('meta-') && object_opt && object_opt.menu) {
|
|
78
82
|
options = await MetaUiUtil.getGristMetaObjectOptions(type, options);
|
|
79
83
|
}
|
|
@@ -112,9 +116,9 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
112
116
|
}
|
|
113
117
|
}
|
|
114
118
|
else {
|
|
115
|
-
selectFields.push(MetaApi.getGristColumnConfig2('string',
|
|
116
|
-
if (
|
|
117
|
-
selectFields.push(MetaApi.getGristColumnConfig2('string',
|
|
119
|
+
selectFields.push(MetaApi.getGristColumnConfig2('string', codeField, codeField, 'left', false, true, 180));
|
|
120
|
+
if (dispField) {
|
|
121
|
+
selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300));
|
|
118
122
|
}
|
|
119
123
|
}
|
|
120
124
|
selectFields.forEach(x => {
|
|
@@ -139,8 +143,8 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
139
143
|
this.gridConfig = gridConfig;
|
|
140
144
|
await super.connectedCallback();
|
|
141
145
|
}
|
|
142
|
-
async firstUpdated() {
|
|
143
|
-
await super.firstUpdated();
|
|
146
|
+
async firstUpdated(changes) {
|
|
147
|
+
await super.firstUpdated(changes);
|
|
144
148
|
}
|
|
145
149
|
render() {
|
|
146
150
|
return html `
|
|
@@ -153,41 +157,35 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
153
157
|
</ox-grist>
|
|
154
158
|
|
|
155
159
|
<div id="button-container" class="button-container" style="margin-left:unset;">
|
|
156
|
-
<button @click=${this.clickEmpty.bind(this)}><md-icon>
|
|
160
|
+
<button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
|
|
157
161
|
<div filler></div>
|
|
158
162
|
<button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
|
|
159
163
|
<button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
|
|
160
164
|
</div>
|
|
161
165
|
`;
|
|
162
166
|
}
|
|
163
|
-
/**
|
|
164
|
-
* @description 그리드 리턴
|
|
165
|
-
**************************
|
|
166
|
-
* @returns {Object} 그리드
|
|
167
|
-
*/
|
|
168
|
-
get grist() {
|
|
169
|
-
return this.shadowRoot.querySelector('#ox-grist');
|
|
170
|
-
}
|
|
171
167
|
/**
|
|
172
168
|
* @description 컬럼 조회
|
|
173
169
|
***************************
|
|
174
170
|
* @returns
|
|
175
171
|
*/
|
|
176
172
|
async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
173
|
+
const { menu_template, queryName } = this.options || {};
|
|
174
|
+
// let resFilter = [...this.foundationFilters]
|
|
175
|
+
// filters.forEach((x: any) => {
|
|
176
|
+
// let dupFilter = resFilter.filter(y => x.name == y.name)
|
|
177
|
+
// if (dupFilter && dupFilter.length > 0) {
|
|
178
|
+
// delete resFilter[x.name]
|
|
179
|
+
// }
|
|
180
|
+
// resFilter.push(x)
|
|
181
|
+
// })
|
|
182
|
+
let resFilter = adjustFilters([...this.foundationFilters], filters);
|
|
183
|
+
let queryAfterSetFields = ValueUtil.getParams(menu_template ? menu_template.gql || {} : {}, 'query', 'after_set_fields');
|
|
186
184
|
let selectSkipFields = Object.keys(queryAfterSetFields || {});
|
|
187
185
|
// 조회 컬럼 추출 후 조회
|
|
188
186
|
let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)));
|
|
189
187
|
// 조회 실행
|
|
190
|
-
let result = await MetaApi.searchByPagination(
|
|
188
|
+
let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields);
|
|
191
189
|
return result;
|
|
192
190
|
}
|
|
193
191
|
/**
|
|
@@ -196,7 +194,7 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
196
194
|
* @returns
|
|
197
195
|
*/
|
|
198
196
|
async clickEmpty(e) {
|
|
199
|
-
this.confirmCallback && this.confirmCallback(
|
|
197
|
+
this.confirmCallback && this.confirmCallback();
|
|
200
198
|
closePopup(this);
|
|
201
199
|
}
|
|
202
200
|
/**
|
|
@@ -215,7 +213,7 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
215
213
|
async clickSelect(e) {
|
|
216
214
|
let selected = this.grist.selected;
|
|
217
215
|
if (!selected || selected.length == 0) {
|
|
218
|
-
MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'));
|
|
216
|
+
MetaApi.showToast('info', String(TermsUtil.tText('NOTHING_SELECTED')));
|
|
219
217
|
return;
|
|
220
218
|
}
|
|
221
219
|
this.selectRecord(selected[0]);
|
|
@@ -229,7 +227,7 @@ export class MetaObjectSelectorPopup extends LitElement {
|
|
|
229
227
|
this.confirmCallback && this.confirmCallback(record);
|
|
230
228
|
closePopup(this);
|
|
231
229
|
}
|
|
232
|
-
}
|
|
230
|
+
};
|
|
233
231
|
MetaObjectSelectorPopup.styles = [
|
|
234
232
|
CommonGristStyles,
|
|
235
233
|
ButtonContainerStyles,
|
|
@@ -249,5 +247,36 @@ MetaObjectSelectorPopup.styles = [
|
|
|
249
247
|
}
|
|
250
248
|
`
|
|
251
249
|
];
|
|
252
|
-
|
|
250
|
+
__decorate([
|
|
251
|
+
property({ type: String }),
|
|
252
|
+
__metadata("design:type", String)
|
|
253
|
+
], MetaObjectSelectorPopup.prototype, "value", void 0);
|
|
254
|
+
__decorate([
|
|
255
|
+
property({ type: Object }),
|
|
256
|
+
__metadata("design:type", Object)
|
|
257
|
+
], MetaObjectSelectorPopup.prototype, "gridConfig", void 0);
|
|
258
|
+
__decorate([
|
|
259
|
+
property({ type: Object }),
|
|
260
|
+
__metadata("design:type", Object)
|
|
261
|
+
], MetaObjectSelectorPopup.prototype, "basicArgs", void 0);
|
|
262
|
+
__decorate([
|
|
263
|
+
property({ type: Object }),
|
|
264
|
+
__metadata("design:type", Object)
|
|
265
|
+
], MetaObjectSelectorPopup.prototype, "options", void 0);
|
|
266
|
+
__decorate([
|
|
267
|
+
property({ type: Object }),
|
|
268
|
+
__metadata("design:type", Function)
|
|
269
|
+
], MetaObjectSelectorPopup.prototype, "confirmCallback", void 0);
|
|
270
|
+
__decorate([
|
|
271
|
+
property({ type: Array }),
|
|
272
|
+
__metadata("design:type", Array)
|
|
273
|
+
], MetaObjectSelectorPopup.prototype, "selectedRecords", void 0);
|
|
274
|
+
__decorate([
|
|
275
|
+
query('ox-grist'),
|
|
276
|
+
__metadata("design:type", DataGrist)
|
|
277
|
+
], MetaObjectSelectorPopup.prototype, "grist", void 0);
|
|
278
|
+
MetaObjectSelectorPopup = __decorate([
|
|
279
|
+
customElement('meta-object-selector-popup')
|
|
280
|
+
], MetaObjectSelectorPopup);
|
|
281
|
+
export { MetaObjectSelectorPopup };
|
|
253
282
|
//# sourceMappingURL=meta-object-selector-popup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\nimport { isMobileDevice } from '@operato/utils'\nimport { closePopup } from '@operato/popup'\n\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n // 숨김 검색 조건\n this.search_hidden_fields = this.options.filters ? this.options.filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.search_hidden_fields = this.search_hidden_fields.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = this.options.sorters ? this.options.sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = this.options.filterFields\n ? this.options.filterFields\n : this.options.menu_template?.search && this.options.menu_template?.search.length > 0\n ? this.options.menu_template.search\n : []\n\n // 그리드 컬럼\n let gridColumns = this.options.select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields || filterFields.length == 0) {\n let defaultFilter = undefined\n\n if (this.options.codeField) defaultFilter = this.options.codeField\n if (this.options.nameField) defaultFilter = this.options.nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, width)\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name)\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.codeField, this.options.codeField, 'left', false, true, 180))\n\n if (this.options.dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.dispField, this.options.dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${isMobileDevice() ? 'LIST' : 'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset;\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>\n </div>\n `\n }\n\n /**\n * @description 그리드 리턴\n **************************\n * @returns {Object} 그리드\n */\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /**\n * @description 컬럼 조회\n ***************************\n * @returns\n */\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {\n let resFilter = [...this.search_hidden_fields]\n\n filters.forEach(x => {\n let dupFilter = resFilter.filter(y => x.name == y.name)\n if (dupFilter && dupFilter.length > 0) {\n delete resFilter[x.name]\n }\n\n resFilter.push(x)\n })\n\n let queryAfterSetFields = ValueUtil.getParams(this.options.menu_template ? this.options.menu_template.gql || {} : {}, 'query', 'after_set_fields')\n let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(this.options.queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /**\n * @description 비우기\n ***************************\n * @returns\n */\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /**\n * @description 취소\n ***************************\n * @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n /**\n * @description 선택\n ***************************\n * @returns\n */\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected || selected.length == 0) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /**\n * @description 확정\n ***************************\n * @param {*} record\n */\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n\ncustomElements.define('meta-object-selector-popup', MetaObjectSelectorPopup)\n"]}
|
|
1
|
+
{"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { closePopup } from '@operato/popup'\nimport { isMobileDevice, adjustFilters } from '@operato/utils'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { ColumnConfig, DataGrist, FetchOption, FetchResult, GristRecord, QueryFilter } from '@operato/data-grist'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\n\n@customElement('meta-object-selector-popup')\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n `\n ]\n\n @property({ type: String }) value?: string\n @property({ type: Object }) gridConfig: any\n @property({ type: Object }) basicArgs?: FetchOption\n @property({ type: Object }) options!: FetchOption & {\n menu_template?: any\n filterFields?: any[]\n codeField?: string\n nameField?: string\n dispField?: string\n queryName: string\n select?: (ColumnConfig & {\n options: any\n select_opt: any\n object_opt: any\n })[]\n }\n @property({ type: Object }) confirmCallback?: (record?: Partial<GristRecord>) => void\n @property({ type: Array }) selectedRecords: GristRecord[] = []\n\n @query('ox-grist') private grist!: DataGrist\n\n private foundationFilters: QueryFilter[] = []\n private record: any\n\n async connectedCallback() {\n const { select, sorters, filters, codeField, nameField, dispField, filterFields: optionFilterFields, menu_template } = this.options || {}\n\n // 숨김 검색 조건\n this.foundationFilters = filters ? filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.foundationFilters = this.foundationFilters.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = sorters ? sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = optionFilterFields ? optionFilterFields : menu_template?.search && menu_template?.search.length > 0 ? menu_template.search : []\n\n // 그리드 컬럼\n let gridColumns = select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields || filterFields.length == 0) {\n let defaultFilter\n\n if (codeField) defaultFilter = codeField\n if (nameField) defaultFilter = nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(\n type,\n name,\n header ? (header as unknown as string) : name,\n record.align ? record.align : 'left',\n false,\n sortable,\n Number(width)\n )\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name)\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', codeField!, codeField!, 'left', false, true, 180))\n\n if (dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', dispField, dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated(changes: PropertyValues<this>) {\n await super.firstUpdated(changes)\n }\n\n render() {\n return html`\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${isMobileDevice() ? 'LIST' : 'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset;\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>\n </div>\n `\n }\n\n /**\n * @description 컬럼 조회\n ***************************\n * @returns\n */\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }: FetchOption): Promise<FetchResult> {\n const { menu_template, queryName } = this.options || {}\n\n // let resFilter = [...this.foundationFilters]\n\n // filters.forEach((x: any) => {\n // let dupFilter = resFilter.filter(y => x.name == y.name)\n // if (dupFilter && dupFilter.length > 0) {\n // delete resFilter[x.name]\n // }\n\n // resFilter.push(x)\n // })\n\n let resFilter = adjustFilters([...this.foundationFilters], filters)\n\n let queryAfterSetFields = ValueUtil.getParams(menu_template ? menu_template.gql || {} : {}, 'query', 'after_set_fields')\n let selectSkipFields = Object.keys(queryAfterSetFields || {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /**\n * @description 비우기\n ***************************\n * @returns\n */\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback()\n closePopup(this)\n }\n /**\n * @description 취소\n ***************************\n * @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n /**\n * @description 선택\n ***************************\n * @returns\n */\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected || selected.length == 0) {\n MetaApi.showToast('info', String(TermsUtil.tText('NOTHING_SELECTED')))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /**\n * @description 확정\n ***************************\n * @param {*} record\n */\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n"]}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
import '@material/web/icon/icon.js';
|
|
2
|
+
import '@operato/input/ox-input-code.js';
|
|
3
|
+
import { LitElement, PropertyValues } from 'lit';
|
|
1
4
|
/**
|
|
2
5
|
* 레코드 기반 코드 편집기 팝업
|
|
3
6
|
*/
|
|
4
|
-
export class RecordBasedCodeEditorPopup extends LitElement {
|
|
7
|
+
export declare class RecordBasedCodeEditorPopup extends LitElement {
|
|
5
8
|
static styles: import("lit").CSSResult[];
|
|
9
|
+
private config?;
|
|
10
|
+
private record?;
|
|
11
|
+
private value?;
|
|
12
|
+
private codeValue?;
|
|
13
|
+
private codeEditor;
|
|
6
14
|
/**
|
|
7
15
|
* 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직
|
|
8
16
|
{
|
|
@@ -27,16 +35,8 @@ export class RecordBasedCodeEditorPopup extends LitElement {
|
|
|
27
35
|
}
|
|
28
36
|
*/
|
|
29
37
|
connectedCallback(): Promise<void>;
|
|
30
|
-
|
|
31
|
-
codeValue: any;
|
|
32
|
-
firstUpdated(): Promise<void>;
|
|
38
|
+
firstUpdated(changes: PropertyValues<this>): Promise<void>;
|
|
33
39
|
render(): import("lit").TemplateResult<1>;
|
|
34
|
-
/**
|
|
35
|
-
* @description 코드편집기 엘리먼트
|
|
36
|
-
***************************
|
|
37
|
-
* @returns
|
|
38
|
-
*/
|
|
39
|
-
get codeEditor(): Element | null;
|
|
40
40
|
/**
|
|
41
41
|
* @description 저장
|
|
42
42
|
***************************
|
|
@@ -50,4 +50,3 @@ export class RecordBasedCodeEditorPopup extends LitElement {
|
|
|
50
50
|
*/
|
|
51
51
|
clickCancel(e: any): Promise<void>;
|
|
52
52
|
}
|
|
53
|
-
import { LitElement } from "lit-element/lit-element";
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
+
import { __decorate, __metadata } from "tslib";
|
|
1
2
|
import '@material/web/icon/icon.js';
|
|
3
|
+
import '@operato/input/ox-input-code.js';
|
|
2
4
|
import { css, html, LitElement } from 'lit';
|
|
5
|
+
import { customElement, query, state } from 'lit/decorators.js';
|
|
6
|
+
import { OxInputCode } from '@operato/input';
|
|
7
|
+
import { closePopup } from '@operato/popup';
|
|
3
8
|
import { CommonGristStyles, ButtonContainerStyles } from '@operato/styles';
|
|
4
9
|
import { TermsUtil } from '../../utils/terms-util';
|
|
5
10
|
import { MetaApi } from '../../utils/meta-api';
|
|
6
11
|
import { ServiceUtil } from '../../utils/service-util';
|
|
7
|
-
import '@operato/input/ox-input-code.js';
|
|
8
|
-
import { closePopup } from '@operato/popup';
|
|
9
12
|
/**
|
|
10
13
|
* 레코드 기반 코드 편집기 팝업
|
|
11
14
|
*/
|
|
12
|
-
|
|
15
|
+
let RecordBasedCodeEditorPopup = class RecordBasedCodeEditorPopup extends LitElement {
|
|
13
16
|
/**
|
|
14
17
|
* 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직
|
|
15
18
|
{
|
|
@@ -36,15 +39,15 @@ export class RecordBasedCodeEditorPopup extends LitElement {
|
|
|
36
39
|
async connectedCallback() {
|
|
37
40
|
this.value = this.record[this.config.value_field] ? this.record[this.config.value_field] : '';
|
|
38
41
|
if (typeof this.value === 'object') {
|
|
39
|
-
this.codeValue = JSON.stringify(this.value,
|
|
42
|
+
this.codeValue = JSON.stringify(this.value, null, 2);
|
|
40
43
|
}
|
|
41
44
|
else {
|
|
42
45
|
this.codeValue = this.value;
|
|
43
46
|
}
|
|
44
47
|
await super.connectedCallback();
|
|
45
48
|
}
|
|
46
|
-
async firstUpdated() {
|
|
47
|
-
await super.firstUpdated();
|
|
49
|
+
async firstUpdated(changes) {
|
|
50
|
+
await super.firstUpdated(changes);
|
|
48
51
|
}
|
|
49
52
|
render() {
|
|
50
53
|
let addSaveBtn = this.config.save_action ? true : false;
|
|
@@ -67,14 +70,6 @@ export class RecordBasedCodeEditorPopup extends LitElement {
|
|
|
67
70
|
`;
|
|
68
71
|
}
|
|
69
72
|
}
|
|
70
|
-
/**
|
|
71
|
-
* @description 코드편집기 엘리먼트
|
|
72
|
-
***************************
|
|
73
|
-
* @returns
|
|
74
|
-
*/
|
|
75
|
-
get codeEditor() {
|
|
76
|
-
return this.shadowRoot.querySelector('ox-input-code');
|
|
77
|
-
}
|
|
78
73
|
/**
|
|
79
74
|
* @description 저장
|
|
80
75
|
***************************
|
|
@@ -82,7 +77,7 @@ export class RecordBasedCodeEditorPopup extends LitElement {
|
|
|
82
77
|
*/
|
|
83
78
|
async clickSave(e) {
|
|
84
79
|
if (this.codeValue === this.codeEditor.value) {
|
|
85
|
-
MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'));
|
|
80
|
+
MetaApi.showToast('info', String(TermsUtil.tText('NOTHING_CHANGED')));
|
|
86
81
|
}
|
|
87
82
|
else {
|
|
88
83
|
let saveAction = this.config.save_action;
|
|
@@ -103,7 +98,7 @@ export class RecordBasedCodeEditorPopup extends LitElement {
|
|
|
103
98
|
async clickCancel(e) {
|
|
104
99
|
closePopup(this);
|
|
105
100
|
}
|
|
106
|
-
}
|
|
101
|
+
};
|
|
107
102
|
RecordBasedCodeEditorPopup.styles = [
|
|
108
103
|
CommonGristStyles,
|
|
109
104
|
ButtonContainerStyles,
|
|
@@ -125,5 +120,52 @@ RecordBasedCodeEditorPopup.styles = [
|
|
|
125
120
|
}
|
|
126
121
|
`
|
|
127
122
|
];
|
|
128
|
-
|
|
123
|
+
__decorate([
|
|
124
|
+
state(),
|
|
125
|
+
__metadata("design:type", Object)
|
|
126
|
+
], RecordBasedCodeEditorPopup.prototype, "config", void 0);
|
|
127
|
+
__decorate([
|
|
128
|
+
state(),
|
|
129
|
+
__metadata("design:type", Object)
|
|
130
|
+
], RecordBasedCodeEditorPopup.prototype, "record", void 0);
|
|
131
|
+
__decorate([
|
|
132
|
+
state(),
|
|
133
|
+
__metadata("design:type", Object)
|
|
134
|
+
], RecordBasedCodeEditorPopup.prototype, "value", void 0);
|
|
135
|
+
__decorate([
|
|
136
|
+
state(),
|
|
137
|
+
__metadata("design:type", Object)
|
|
138
|
+
], RecordBasedCodeEditorPopup.prototype, "codeValue", void 0);
|
|
139
|
+
__decorate([
|
|
140
|
+
query('ox-input-code'),
|
|
141
|
+
__metadata("design:type", OxInputCode
|
|
142
|
+
/**
|
|
143
|
+
* 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직
|
|
144
|
+
{
|
|
145
|
+
"type": "popup", -> 팝업 표시 (고정값)
|
|
146
|
+
"title": "template", -> 코드 에디터에서 팝업 타이틀에 표시할 타이틀 정보 (변수값)
|
|
147
|
+
"title_detail": "name", -> 코드 에디터에서 팝업 타이틀에 표시할 레코드의 필드 정보 (변수값)
|
|
148
|
+
"size": "large", -> 팝업 사이즈 (full, large, medium, small)
|
|
149
|
+
"popup_field": "record", -> 코드 에디터에서 레코드를 받을 필드명 (고정값)
|
|
150
|
+
"parent_field": "id", -> 부모 레코드 ID 필드 값 (고정값)
|
|
151
|
+
"value_field": "template", -> 코드 에디터에 표시할 레코드 필드 정보 (변수값)
|
|
152
|
+
"menu": "code-editor", -> 코드 에디터 이름 정보 (고정값)
|
|
153
|
+
"tagname": "record-code-editor-popup", -> 코드 에디터 태그 명 (고정값)
|
|
154
|
+
"location": "@things-factory/meta-ui/client/component/popup/record-code-editor-popup", -> 코드 에디터 파일 위치 (고정값)
|
|
155
|
+
"save_action": {
|
|
156
|
+
"func_name": "updateDocTemplate", -> 업데이트 함수 명
|
|
157
|
+
"func_type": "DocTemplatePatch"
|
|
158
|
+
},
|
|
159
|
+
"param": [
|
|
160
|
+
"grist_one" -> 파라미터 전달 모드 - 그리드 선택 값 전달 (고정값)
|
|
161
|
+
],
|
|
162
|
+
"after": "fetch" -> 팝업 닫기 후 액션 (Optional)
|
|
163
|
+
}
|
|
164
|
+
*/
|
|
165
|
+
)
|
|
166
|
+
], RecordBasedCodeEditorPopup.prototype, "codeEditor", void 0);
|
|
167
|
+
RecordBasedCodeEditorPopup = __decorate([
|
|
168
|
+
customElement('record-based-code-editor-popup')
|
|
169
|
+
], RecordBasedCodeEditorPopup);
|
|
170
|
+
export { RecordBasedCodeEditorPopup };
|
|
129
171
|
//# sourceMappingURL=record-based-code-editor-popup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"record-based-code-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/record-based-code-editor-popup.
|
|
1
|
+
{"version":3,"file":"record-based-code-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/record-based-code-editor-popup.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\nimport '@operato/input/ox-input-code.js'\n\nimport { css, html, LitElement, PropertyValues } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { OxInputCode } from '@operato/input'\nimport { closePopup } from '@operato/popup'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/**\n * 레코드 기반 코드 편집기 팝업\n */\n\n@customElement('record-based-code-editor-popup')\nexport class RecordBasedCodeEditorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n @state() private config?: any\n @state() private record?: any\n @state() private value?: any\n @state() private codeValue?: any\n\n @query('ox-input-code') private codeEditor!: OxInputCode\n\n /**\n * 그리드 버튼 (grid-custom) 선택시 코드 편집기 팝업을 띄우는 버튼 로직\n {\n \"type\": \"popup\", -> 팝업 표시 (고정값)\n \"title\": \"template\", -> 코드 에디터에서 팝업 타이틀에 표시할 타이틀 정보 (변수값)\n \"title_detail\": \"name\", -> 코드 에디터에서 팝업 타이틀에 표시할 레코드의 필드 정보 (변수값)\n \"size\": \"large\", -> 팝업 사이즈 (full, large, medium, small)\n \"popup_field\": \"record\", -> 코드 에디터에서 레코드를 받을 필드명 (고정값)\n \"parent_field\": \"id\", -> 부모 레코드 ID 필드 값 (고정값)\n \"value_field\": \"template\", -> 코드 에디터에 표시할 레코드 필드 정보 (변수값)\n \"menu\": \"code-editor\", -> 코드 에디터 이름 정보 (고정값)\n \"tagname\": \"record-code-editor-popup\", -> 코드 에디터 태그 명 (고정값)\n \"location\": \"@things-factory/meta-ui/client/component/popup/record-code-editor-popup\", -> 코드 에디터 파일 위치 (고정값)\n \"save_action\": {\n \"func_name\": \"updateDocTemplate\", -> 업데이트 함수 명\n \"func_type\": \"DocTemplatePatch\"\n },\n \"param\": [\n \"grist_one\" -> 파라미터 전달 모드 - 그리드 선택 값 전달 (고정값)\n ],\n \"after\": \"fetch\" -> 팝업 닫기 후 액션 (Optional)\n }\n */\n async connectedCallback() {\n this.value = this.record[this.config.value_field] ? this.record[this.config.value_field] : ''\n\n if (typeof this.value === 'object') {\n this.codeValue = JSON.stringify(this.value, null, 2)\n } else {\n this.codeValue = this.value\n }\n\n await super.connectedCallback()\n }\n\n async firstUpdated(changes: PropertyValues<this>) {\n await super.firstUpdated(changes)\n }\n\n render() {\n let addSaveBtn = this.config.save_action ? true : false\n\n if (addSaveBtn) {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeValue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n\n <div id=\"button-container\" class=\"button-container\">\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSave.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n </div>\n `\n } else {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeValue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n <div id=\"button-container\" class=\"button-container\">\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n </div>\n `\n }\n }\n\n /**\n * @description 저장\n ***************************\n * @returns\n */\n async clickSave(e) {\n if (this.codeValue === this.codeEditor.value) {\n MetaApi.showToast('info', String(TermsUtil.tText('NOTHING_CHANGED')))\n } else {\n let saveAction = this.config.save_action\n let saveFuncName = saveAction.func_name\n let patch = { id: this.record.id, cuFlag: 'M' }\n patch[this.config.value_field] = this.codeEditor.value\n let response = await ServiceUtil.updateOne(saveFuncName, this.record.id, patch)\n if (response) {\n closePopup(this)\n }\n }\n }\n\n /**\n * @description 취소\n ***************************\n * @returns\n */\n async clickCancel(e) {\n closePopup(this)\n }\n}\n"]}
|