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

package/client/pages/generator/etc-config-tab-mixin.js

@@ -1,118 +1,115 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 
 import { MetaApi } from '@things-factory/meta-ui/client/utils/meta-api'
 import { TermsUtil } from '@things-factory/meta-ui/client/utils/terms-util'
 
-export const EtcConfigTabMixin = (baseElement) => class extends baseElement {
-  setEtcConfigTabValues(data) {
-    let id = 1;
-    let convData = Object.keys(data || {}).map(x=>{
-      let retData = {};
+export const EtcConfigTabMixin = baseElement =>
+  class extends baseElement {
+    setEtcConfigTabValues(data) {
+      let id = 1
+      let convData = Object.keys(data || {}).map(x => {
+        let retData = {}
 
-      retData.id = id * 100;
-      retData.key = x;
-      retData.value = data[x];
+        retData.id = id * 100
+        retData.key = x
+        retData.value = data[x]
 
-      id = id + 1;
+        id = id + 1
 
-      return retData;
-    })
+        return retData
+      })
 
-    this.viewEtcData = convData || [];
-    this.etcTabGrist?.fetch();
-  }
+      this.viewEtcData = convData || []
+      this.etcTabGrist?.fetch()
+    }
 
-  getEtcConfigTabValues() {
-    // 기본 return object 
-    let retObject = {
-      etc: {}
-    };
+    getEtcConfigTabValues() {
+      // 기본 return object
+      let retObject = {
+        etc: {}
+      }
 
-    // grid 에서 데이터 가져오기 
-    let gridValue = this.getElementValueById('etc-tab-grid');
+      // grid 에서 데이터 가져오기
+      let gridValue = this.getElementValueById('etc-tab-grid')
 
-    // rank 로 정렬 
-    gridValue?.forEach(x => {
-      var {
-        key = undefined,
-        value = undefined
-      } = x;
+      // rank 로 정렬
+      gridValue?.forEach(x => {
+        var { key = undefined, value = undefined } = x
 
-      if (!key) return;
-      if (!value) return;
+        if (!key) return
+        if (!value) return
 
-      retObject.etc[key] = value;
-    });
+        retObject.etc[key] = value
+      })
 
-    return retObject;
-  }
+      return retObject
+    }
 
-  renderEtcConfigTab() {
-    return html`
-      <ox-grist auto-fetch id="etc-tab-grid" .config=${this.etcTabGridConfig} .mode='GRID'
-        .fetchHandler=${this.fetchEtcTabHandler.bind(this)}>
-      </ox-grist>`
-  }
+    renderEtcConfigTab() {
+      return html` <ox-grist auto-fetch id="etc-tab-grid" .config=${this.etcTabGridConfig} .mode="GRID" .fetchHandler=${this.fetchEtcTabHandler.bind(this)}> </ox-grist>`
+    }
 
-  get etcTabGrist() {
-    return this.shadowRoot.querySelector('#etc-tab-grid')
-  }
+    get etcTabGrist() {
+      return this.shadowRoot.querySelector('#etc-tab-grid')
+    }
 
-  async fetchEtcTabHandler() {
-    return {
-      total: 0,
-      records: this.viewEtcData || []
+    async fetchEtcTabHandler() {
+      return {
+        total: 0,
+        records: this.viewEtcData || []
+      }
     }
-  }
 
-  async setEtcConfigTabConfig() {
-    // 그리드 설정
-    this.etcTabGridConfig = {
-      rows: MetaApi.getGristSelectableConfig(true),
-      pagination: { infinite: true },
-      appendable: true,
-      columns: [
-        ...MetaApi.getGristGuttersConfig(false, false),
-        {
-          type: 'gutter', gutterName: 'button', icon: 'delete',
-          handlers: {
-            click: (_columns, _data, _column, record, _rowIndex) => {
-              if (record.id) {
-                this.deleteRow(this.etcTabGrist, record);
+    async setEtcConfigTabConfig() {
+      // 그리드 설정
+      this.etcTabGridConfig = {
+        rows: MetaApi.getGristSelectableConfig(true),
+        pagination: { infinite: true },
+        appendable: true,
+        columns: [
+          ...MetaApi.getGristGuttersConfig(false, false),
+          {
+            type: 'gutter',
+            gutterName: 'button',
+            icon: 'delete',
+            handlers: {
+              click: (_columns, _data, _column, record, _rowIndex) => {
+                if (record.id) {
+                  this.deleteRow(this.etcTabGrist, record)
+                }
               }
             }
           },
-        },
-        {
-          type: 'string',
-          name: 'id',
-          hidden: true
-        },
-        {
-          type: 'string',
-          name: 'key',
-          header: TermsUtil.tLabel('key'),
-          sortable: false,
-          width: 225,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'value',
-          header: TermsUtil.tLabel('value'),
-          sortable: false,
-          width: 945,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
+          {
+            type: 'string',
+            name: 'id',
+            hidden: true
+          },
+          {
+            type: 'string',
+            name: 'key',
+            header: TermsUtil.tLabel('key'),
+            sortable: false,
+            width: 225,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'value',
+            header: TermsUtil.tLabel('value'),
+            sortable: false,
+            width: 945,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
           }
-        }
-      ]
+        ]
+      }
     }
   }
-}

package/client/pages/generator/form-config-tab-mixin.js

@@ -1,166 +1,160 @@
-import { html } from 'lit-element'
+import { html } from 'lit'
 
 import { MetaApi } from '@things-factory/meta-ui/client/utils/meta-api'
 import { TermsUtil } from '@things-factory/meta-ui/client/utils/terms-util'
 
-export const FormConfigTabMixin = (baseElement) => class extends baseElement {
-  setFormConfigTabValues(data) {
-    let convData = data?.map((column, index) => {
-      let rank = index + 1;
-      let retData = {};
-
-      retData.rank = rank * 10;
-      retData.id = rank;
-      retData.category = column.category;
-      retData.display = column.display;
-      retData.column = column.column;
-      retData.column_list = column.column_list.join(",");
-
-      return retData;
-    })
-
-    this.viewFormData = convData || [];
-    this.formTabGrist?.fetch();
-  }
-
-  getFormConfigTabValues() {
-    // 기본 return object 
-    let retObject = {
-      form: []
-    };
-
-    // grid 에서 데이터 가져오기 
-    let gridValue = this.getElementValueById('form-tab-grid');
-
-    // rank 로 정렬 
-    this.sortRecordByRank(gridValue)?.forEach(x => {
-      var {
-        category = undefined,
-        display = undefined,
-        column = 1,
-        column_list = undefined
-      } = x;
-
-      if (!category) return;
-      if (!column_list) return;
-      if (!display) display = category;
-      column_list = column_list.split(",");
-
-      retObject.form.push({
-        category: category,
-        display: display,
-        column: column,
-        column_list: column_list
-      });
-    });
-
-    return retObject;
-  }
-
+export const FormConfigTabMixin = baseElement =>
+  class extends baseElement {
+    setFormConfigTabValues(data) {
+      let convData = data?.map((column, index) => {
+        let rank = index + 1
+        let retData = {}
+
+        retData.rank = rank * 10
+        retData.id = rank
+        retData.category = column.category
+        retData.display = column.display
+        retData.column = column.column
+        retData.column_list = column.column_list.join(',')
+
+        return retData
+      })
+
+      this.viewFormData = convData || []
+      this.formTabGrist?.fetch()
+    }
 
+    getFormConfigTabValues() {
+      // 기본 return object
+      let retObject = {
+        form: []
+      }
+
+      // grid 에서 데이터 가져오기
+      let gridValue = this.getElementValueById('form-tab-grid')
+
+      // rank 로 정렬
+      this.sortRecordByRank(gridValue)?.forEach(x => {
+        var { category = undefined, display = undefined, column = 1, column_list = undefined } = x
+
+        if (!category) return
+        if (!column_list) return
+        if (!display) display = category
+        column_list = column_list.split(',')
+
+        retObject.form.push({
+          category: category,
+          display: display,
+          column: column,
+          column_list: column_list
+        })
+      })
+
+      return retObject
+    }
 
-  renderFormConfigTab() {
-    return html`
-      <ox-grist auto-fetch id="form-tab-grid" .config=${this.formTabGridConfig} .mode='GRID'
-        .fetchHandler=${this.fetchFormTabHandler.bind(this)}>
+    renderFormConfigTab() {
+      return html` <ox-grist auto-fetch id="form-tab-grid" .config=${this.formTabGridConfig} .mode="GRID" .fetchHandler=${this.fetchFormTabHandler.bind(this)}>
       </ox-grist>`
-  }
+    }
 
-  get formTabGrist() {
-    return this.shadowRoot.querySelector('#form-tab-grid')
-  }
+    get formTabGrist() {
+      return this.shadowRoot.querySelector('#form-tab-grid')
+    }
 
-  async fetchFormTabHandler() {
-    return {
-      total: 0,
-      records: this.viewFormData || []
+    async fetchFormTabHandler() {
+      return {
+        total: 0,
+        records: this.viewFormData || []
+      }
     }
-  }
 
-  async setFormConfigTabConfig() {
-    // 그리드 설정
-    this.formTabGridConfig = {
-      rows: MetaApi.getGristSelectableConfig(true),
-      pagination: { infinite: true },
-      sorters: [{ name: 'rank', desc: false }],
-      appendable: true,
-      columns: [
-        ...MetaApi.getGristGuttersConfig(false, false),
-        {
-          type: 'gutter', gutterName: 'button', icon: 'delete',
-          handlers: {
-            click: (_columns, _data, _column, record, _rowIndex) => {
-              if (record.id) {
-                this.deleteRow(this.formTabGrist, record);
+    async setFormConfigTabConfig() {
+      // 그리드 설정
+      this.formTabGridConfig = {
+        rows: MetaApi.getGristSelectableConfig(true),
+        pagination: { infinite: true },
+        sorters: [{ name: 'rank', desc: false }],
+        appendable: true,
+        columns: [
+          ...MetaApi.getGristGuttersConfig(false, false),
+          {
+            type: 'gutter',
+            gutterName: 'button',
+            icon: 'delete',
+            handlers: {
+              click: (_columns, _data, _column, record, _rowIndex) => {
+                if (record.id) {
+                  this.deleteRow(this.formTabGrist, record)
+                }
               }
             }
           },
-        },
-        {
-          type: 'string',
-          name: 'id',
-          hidden: true
-        },
-        {
-          type: 'integer',
-          name: 'rank',
-          header: TermsUtil.tLabel('rank'),
-          sortable: false,
-          width: 50,
-          record: {
-            align: 'right',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'category',
-          header: TermsUtil.tLabel('category'),
-          sortable: false,
-          width: 155,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'display',
-          header: TermsUtil.tLabel('display'),
-          sortable: false,
-          width: 155,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'integer',
-          name: 'column',
-          header: TermsUtil.tLabel('column_cnt'),
-          sortable: true,
-          width: 65,
-          record: {
-            align: 'right',
-            editable: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'column_list',
-          header: TermsUtil.tLabel('grid_column_list'),
-          sortable: false,
-          width: 735,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
+          {
+            type: 'string',
+            name: 'id',
+            hidden: true
+          },
+          {
+            type: 'integer',
+            name: 'rank',
+            header: TermsUtil.tLabel('rank'),
+            sortable: false,
+            width: 50,
+            record: {
+              align: 'right',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'category',
+            header: TermsUtil.tLabel('category'),
+            sortable: false,
+            width: 155,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'display',
+            header: TermsUtil.tLabel('display'),
+            sortable: false,
+            width: 155,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'integer',
+            name: 'column',
+            header: TermsUtil.tLabel('column_cnt'),
+            sortable: true,
+            width: 65,
+            record: {
+              align: 'right',
+              editable: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'column_list',
+            header: TermsUtil.tLabel('grid_column_list'),
+            sortable: false,
+            width: 735,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
           }
-        }
-      ]
+        ]
+      }
     }
   }
-}