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

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

@@ -1,190 +1,182 @@
-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 SearchConfigTabMixin = (baseElement) => class extends baseElement {
-  setSearchConfigTabValues(data) {
-    let convData = data?.map((column, index) => {
-      let rank = index + 1;
-      let retData = {};
-
-      if (typeof column === 'object') {
-        Object.assign(retData, column);
-      } else {
-        retData.name = column;
-        retData.operator = 'filter';
-      }
+export const SearchConfigTabMixin = baseElement =>
+  class extends baseElement {
+    setSearchConfigTabValues(data) {
+      let convData = data?.map((column, index) => {
+        let rank = index + 1
+        let retData = {}
 
-      retData.rank = rank * 10;
-      retData.id = rank;
+        if (typeof column === 'object') {
+          Object.assign(retData, column)
+        } else {
+          retData.name = column
+          retData.operator = 'filter'
+        }
 
-      return retData;
-    })
+        retData.rank = rank * 10
+        retData.id = rank
 
-    this.viewSearchData = convData || [];
-    this.searchTabGrist?.fetch();
-  }
+        return retData
+      })
+
+      this.viewSearchData = convData || []
+      this.searchTabGrist?.fetch()
+    }
 
-  getSearchConfigTabValues() {
-    // 기본 return object 
-    let retObject = {
-      search: [],
-      gql: {
-        query: {
-          filters: []
+    getSearchConfigTabValues() {
+      // 기본 return object
+      let retObject = {
+        search: [],
+        gql: {
+          query: {
+            filters: []
+          }
         }
       }
-    };
-
-    // grid 에서 데이터 가져오기 
-    let gridValue = this.getElementValueById('search-tab-grid');
 
-    // rank 로 정렬 
-    this.sortRecordByRank(gridValue)?.forEach(x => {
-      var {
-        name = undefined,
-        operator = 'eq',
-        hidden = false,
-        value = undefined
-      } = x;
+      // grid 에서 데이터 가져오기
+      let gridValue = this.getElementValueById('search-tab-grid')
 
-      if (!name) return;
+      // rank 로 정렬
+      this.sortRecordByRank(gridValue)?.forEach(x => {
+        var { name = undefined, operator = 'eq', hidden = false, value = undefined } = x
 
+        if (!name) return
 
-      // filter 
-      if (operator == 'filter') {
-        retObject.search.push(name);
-      }
-      else {
-        let search = {
-          name: name,
-          operator: operator
-        };
-
-        // 조회 조건 hidden 이면 숨겨진 값 
-        if (hidden == true) {
-          search.value = value;
-          retObject.gql.query.filters.push(search);
+        // filter
+        if (operator == 'filter') {
+          retObject.search.push(name)
         } else {
-          search.value = value;
-          retObject.search.push(search)
-        }
-      }
-    });
-
-    return retObject;
-  }
+          let search = {
+            name: name,
+            operator: operator
+          }
 
+          // 조회 조건 hidden 이면 숨겨진 값
+          if (hidden == true) {
+            search.value = value
+            retObject.gql.query.filters.push(search)
+          } else {
+            search.value = value
+            retObject.search.push(search)
+          }
+        }
+      })
 
+      return retObject
+    }
 
-  renderSearchConfigTab() {
-    return html`
-      <ox-grist auto-fetch id="search-tab-grid" .config=${this.searchTabGridConfig} .mode='GRID'
-        .fetchHandler=${this.fetchSearchTabHandler.bind(this)}>
+    renderSearchConfigTab() {
+      return html` <ox-grist auto-fetch id="search-tab-grid" .config=${this.searchTabGridConfig} .mode="GRID" .fetchHandler=${this.fetchSearchTabHandler.bind(this)}>
       </ox-grist>`
-  }
+    }
 
-  get searchTabGrist() {
-    return this.shadowRoot.querySelector('#search-tab-grid')
-  }
+    get searchTabGrist() {
+      return this.shadowRoot.querySelector('#search-tab-grid')
+    }
 
-  async fetchSearchTabHandler() {
-    return {
-      total: 0,
-      records: this.viewSearchData || []
+    async fetchSearchTabHandler() {
+      return {
+        total: 0,
+        records: this.viewSearchData || []
+      }
     }
-  }
 
-  async setSearchConfigTabConfig() {
-    // 필터 리스트
-    let filters = await MetaApi.getCodeSelectorData('FILTER_OPERATORS');
-
-    // 그리드 설정
-    this.searchTabGridConfig = {
-      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.searchTabGrist, record);
+    async setSearchConfigTabConfig() {
+      // 필터 리스트
+      let filters = await MetaApi.getCodeSelectorData('FILTER_OPERATORS')
+
+      // 그리드 설정
+      this.searchTabGridConfig = {
+        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.searchTabGrist, 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: 'name',
-          header: TermsUtil.tLabel('name'),
-          sortable: false,
-          width: 200,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: true
-          }
-        },
-        {
-          type: 'select',
-          name: 'operator',
-          header: TermsUtil.tLabel('search_operator'),
-          sortable: false,
-          width: 100,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: false,
-            options: filters,
-          }
-        },
-        {
-          type: 'boolean',
-          name: 'hidden',
-          header: TermsUtil.tLabel('hidden'),
-          sortable: false,
-          width: 55,
-          record: {
-            align: 'center',
-            mandatory: false,
-            editable: true
-          }
-        },
-        {
-          type: 'string',
-          name: 'value',
-          header: TermsUtil.tLabel('default_value'),
-          sortable: false,
-          width: 750,
-          record: {
-            align: 'left',
-            editable: true,
-            mandatory: false
+          {
+            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: 'name',
+            header: TermsUtil.tLabel('name'),
+            sortable: false,
+            width: 200,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: true
+            }
+          },
+          {
+            type: 'select',
+            name: 'operator',
+            header: TermsUtil.tLabel('search_operator'),
+            sortable: false,
+            width: 100,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: false,
+              options: filters
+            }
+          },
+          {
+            type: 'boolean',
+            name: 'hidden',
+            header: TermsUtil.tLabel('hidden'),
+            sortable: false,
+            width: 55,
+            record: {
+              align: 'center',
+              mandatory: false,
+              editable: true
+            }
+          },
+          {
+            type: 'string',
+            name: 'value',
+            header: TermsUtil.tLabel('default_value'),
+            sortable: false,
+            width: 750,
+            record: {
+              align: 'left',
+              editable: true,
+              mandatory: false
+            }
           }
-        }
-      ]
+        ]
+      }
     }
   }
-}