@things-factory/operato-tools 7.0.1-alpha.3 → 7.0.1-alpha.4

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.
Files changed (13) hide show
  1. package/client/pages/generator/button-config-tab-mixin.js +288 -300
  2. package/client/pages/generator/column-config-tab-mixin.js +502 -499
  3. package/client/pages/generator/etc-config-tab-mixin.js +90 -93
  4. package/client/pages/generator/form-config-tab-mixin.js +143 -149
  5. package/client/pages/generator/graphql-config-tab-mixin.js +281 -277
  6. package/client/pages/generator/grid-config-tab-mixin.js +135 -147
  7. package/client/pages/generator/grid-emphasized-config-tab-mixin.js +256 -256
  8. package/client/pages/generator/menu-config-tab-mixin.js +94 -100
  9. package/client/pages/generator/meta-generator-page.js +179 -174
  10. package/client/pages/generator/search-config-tab-mixin.js +153 -161
  11. package/client/pages/generator/tab-config-tab-mixin.js +204 -204
  12. package/client/pages/main.js +1 -1
  13. package/package.json +3 -3
package/client/pages/generator/menu-config-tab-mixin.js CHANGED
@@ -1,116 +1,110 @@
1
- import { html } from 'lit-element'
1
+ import { html } from 'lit'
2
2
 
3
3
  import { TermsUtil } from '@things-factory/meta-ui/client/utils/terms-util'
4
4
 
5
-
6
- export const MenuConfigTabMixin = (baseElement) => class extends baseElement {
7
-
8
- setMenuConfigTabValues(data) {
9
- if (data) {
10
- var {
11
- title = '',
12
- name = '',
13
- desc = '',
14
- help = ''
15
- } = data || {};
16
-
17
- this.viewMenuData = {
18
- title: title,
19
- name: name,
20
- desc: desc,
21
- help_doc: help
22
- };
23
-
24
- this.getElementById('title').value = title;
25
- this.getElementById('name').value = name;
26
- this.getElementById('desc').value = desc;
27
- this.getElementById('help_doc').value = help;
28
-
29
- } else {
30
- this.setMenuConfigTabDefaultValue();
5
+ export const MenuConfigTabMixin = baseElement =>
6
+ class extends baseElement {
7
+ setMenuConfigTabValues(data) {
8
+ if (data) {
9
+ var { title = '', name = '', desc = '', help = '' } = data || {}
10
+
11
+ this.viewMenuData = {
12
+ title: title,
13
+ name: name,
14
+ desc: desc,
15
+ help_doc: help
16
+ }
17
+
18
+ this.getElementById('title').value = title
19
+ this.getElementById('name').value = name
20
+ this.getElementById('desc').value = desc
21
+ this.getElementById('help_doc').value = help
22
+ } else {
23
+ this.setMenuConfigTabDefaultValue()
24
+ }
31
25
  }
32
- }
33
26
 
34
- getMenuConfigTabValues() {
35
- let retObject = {
36
- menu: {}
37
- };
27
+ getMenuConfigTabValues() {
28
+ let retObject = {
29
+ menu: {}
30
+ }
38
31
 
39
- let title = this.getElementValueById('title');
40
- let name = this.getElementValueById('name');
41
- let desc = this.getElementValueById('desc');
42
- let help_doc = this.getElementValueById('help_doc');
32
+ let title = this.getElementValueById('title')
33
+ let name = this.getElementValueById('name')
34
+ let desc = this.getElementValueById('desc')
35
+ let help_doc = this.getElementValueById('help_doc')
43
36
 
44
- if (title) retObject.menu.title = title;
45
- if (name) retObject.menu.name = name;
46
- if (desc) retObject.menu.desc = desc;
47
- if (help_doc) retObject.menu.help = help_doc;
37
+ if (title) retObject.menu.title = title
38
+ if (name) retObject.menu.name = name
39
+ if (desc) retObject.menu.desc = desc
40
+ if (help_doc) retObject.menu.help = help_doc
48
41
 
49
- return retObject;
50
- }
42
+ return retObject
43
+ }
51
44
 
52
- /**
53
- * 기본값 셋팅
54
- */
55
- setMenuConfigTabDefaultValue() {
56
- if (!this.viewMenuData) {
57
- this.viewMenuData = {
58
- title: '',
59
- name: 'name',
60
- desc: 'description',
61
- help_doc: ''
45
+ /**
46
+ * 기본값 셋팅
47
+ */
48
+ setMenuConfigTabDefaultValue() {
49
+ if (!this.viewMenuData) {
50
+ this.viewMenuData = {
51
+ title: '',
52
+ name: 'name',
53
+ desc: 'description',
54
+ help_doc: ''
55
+ }
62
56
  }
63
57
  }
64
- }
65
58
 
66
- /**
67
- * 메뉴 타이틀 변경 시 다국어 변환 결과 보기
68
- * @param {Object} eventObj
69
- */
70
- menuTitleChange(eventObj) {
71
- let transResult = this.getElementById('display');
72
- if (transResult) {
73
- transResult.value = TermsUtil.tTitle(eventObj.target.value);
59
+ /**
60
+ * 메뉴 타이틀 변경 시 다국어 변환 결과 보기
61
+ * @param {Object} eventObj
62
+ */
63
+ menuTitleChange(eventObj) {
64
+ let transResult = this.getElementById('display')
65
+ if (transResult) {
66
+ transResult.value = TermsUtil.tTitle(eventObj.target.value)
67
+ }
74
68
  }
75
- }
76
-
77
-
78
-
79
- // 화면
80
- renderMenuConfigTab() {
81
- this.setMenuConfigTabDefaultValue();
82
69
 
83
- let renderHtml = html`
84
- <div field-2column>
85
- <div field>
86
- <label>${TermsUtil.tLabel('menu_title')}
87
- <input id="title" name="title" type="text" value=${this.viewMenuData.title} @change=${e =>
88
- this.menuTitleChange(e)}/>
89
- </label>
70
+ // 화면
71
+ renderMenuConfigTab() {
72
+ this.setMenuConfigTabDefaultValue()
73
+
74
+ let renderHtml = html`
75
+ <div field-2column>
76
+ <div field>
77
+ <label
78
+ >${TermsUtil.tLabel('menu_title')}
79
+ <input id="title" name="title" type="text" value=${this.viewMenuData.title} @change=${e => this.menuTitleChange(e)} />
80
+ </label>
81
+ </div>
82
+ <div field>
83
+ <label
84
+ >${TermsUtil.tLabel('display')}
85
+ <input id="display" name="display" value=${TermsUtil.tTitle(this.viewMenuData.title)} type="text" readonly disabled />
86
+ </label>
87
+ </div>
88
+ <div field>
89
+ <label
90
+ >${TermsUtil.tLabel('menu_name_field')}
91
+ <input id="name" name="name" type="text" value=${this.viewMenuData.name} />
92
+ </label>
93
+ </div>
94
+ <div field>
95
+ <label
96
+ >${TermsUtil.tLabel('menu_desc_field')}
97
+ <input id="desc" name="desc" type="text" value=${this.viewMenuData.desc} />
98
+ </label>
99
+ </div>
100
+ <div field>
101
+ <label
102
+ >${TermsUtil.tLabel('help_doc')}
103
+ <input id="help_doc" name="help_doc" type="text" value=${this.viewMenuData.help_doc} />
104
+ </label>
105
+ </div>
90
106
  </div>
91
- <div field>
92
- <label>${TermsUtil.tLabel('display')}
93
- <input id="display" name="display" value=${TermsUtil.tTitle(this.viewMenuData.title)} type="text" readonly
94
- disabled />
95
- </label>
96
- </div>
97
- <div field>
98
- <label>${TermsUtil.tLabel('menu_name_field')}
99
- <input id="name" name="name" type="text" value=${this.viewMenuData.name} />
100
- </label>
101
- </div>
102
- <div field>
103
- <label>${TermsUtil.tLabel('menu_desc_field')}
104
- <input id="desc" name="desc" type="text" value=${this.viewMenuData.desc} />
105
- </label>
106
- </div>
107
- <div field>
108
- <label>${TermsUtil.tLabel('help_doc')}
109
- <input id="help_doc" name="help_doc" type="text" value=${this.viewMenuData.help_doc} />
110
- </label>
111
- </div>
112
- </div>
113
- `
114
- return renderHtml;
107
+ `
108
+ return renderHtml
109
+ }
115
110
  }
116
- }