@things-factory/meta-ui 5.0.0 → 5.0.1

package/client/pages/terms/config-terminology.js

@@ -1,17 +1,15 @@
+import gql from 'graphql-tag'
 import { css, html } from 'lit-element'
 
-import { ScrollbarStyles, CommonGristStyles, CommonButtonStyles } from '@operato/styles'
-import { client, CustomAlert, PageView } from '@things-factory/shell'
+import { CommonButtonStyles, CommonGristStyles, ScrollbarStyles } from '@operato/styles'
 import { i18next, localize } from '@things-factory/i18n-base'
+import { client, CustomAlert, PageView } from '@things-factory/shell'
 import { isMobileDevice } from '@things-factory/utils'
 
-import { TermsUtil } from './../../utils/terms-util'
 import { MetaUtil } from '../../utils/meta-util'
-
-import gql from 'graphql-tag'
+import { TermsUtil } from '../../utils/terms-util'
 
 class ConfigTerminology extends localize(i18next)(PageView) {
-
   static get properties() {
     return {
       gridMode: String,
@@ -25,49 +23,57 @@ class ConfigTerminology extends localize(i18next)(PageView) {
       CommonGristStyles,
       ScrollbarStyles,
       css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow-x: auto;
-        background-color: var(--main-section-background-color);
-      }
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-    `]
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: auto;
+          background-color: var(--main-section-background-color);
+        }
+        ox-grist {
+          overflow-y: auto;
+          flex: 1;
+        }
+      `
+    ]
   }
 
-  connectedCallback(){
-    if(super.connectedCallback){
-      super.connectedCallback();
+  connectedCallback() {
+    if (super.connectedCallback) {
+      super.connectedCallback()
     }
   }
 
-  // 화면 
+  // 화면
   render() {
     return html`
-        <ox-grist id="ox-grist" .config=${this.gridConfig} .mode=${this.gridMode} auto-fetch
-          .fetchHandler=${this.fetchHandler.bind(this)}>
-          <div slot="headroom">
-            <div id="filters">
-              <ox-filters-form ></ox-filters-form>
-            </div>
-            <div id="sorters">
-              <mwc-icon @click=${e => {
-                  const target = e.currentTarget
-                  this.renderRoot.querySelector('#sorter-control').open({
-                    right: 0,
-                    top: target.offsetTop + target.offsetHeight
-                  })
-                }}
-                >sort</mwc-icon>
-              <ox-popup id="sorter-control">
-                <ox-sorters-control> </ox-sorters-control>
-              </ox-popup>
-            </div>
+      <ox-grist
+        id="ox-grist"
+        .config=${this.gridConfig}
+        .mode=${this.gridMode}
+        auto-fetch
+        .fetchHandler=${this.fetchHandler.bind(this)}
+      >
+        <div slot="headroom">
+          <div id="filters">
+            <ox-filters-form autofocus></ox-filters-form>
+          </div>
+          <div id="sorters">
+            <mwc-icon
+              @click=${e => {
+                const target = e.currentTarget
+                this.renderRoot.querySelector('#sorter-control').open({
+                  right: 0,
+                  top: target.offsetTop + target.offsetHeight
+                })
+              }}
+              >sort</mwc-icon
+            >
+            <ox-popup id="sorter-control">
+              <ox-sorters-control> </ox-sorters-control>
+            </ox-popup>
           </div>
-        </ox-grist>
+        </div>
+      </ox-grist>
     `
   }
 
@@ -89,14 +95,14 @@ class ConfigTerminology extends localize(i18next)(PageView) {
     }
   }
 
-  get grist(){
+  get grist() {
     return this.shadowRoot.querySelector('ox-grist')
   }
 
   /**
-   * 조회 
-   * @param {Object} param0 
-   * @returns 
+   * 조회
+   * @param {Object} param0
+   * @returns
    */
   async fetchHandler({ page, limit, sorters = [], filters = [] }) {
     const response = await client.query({
@@ -113,7 +119,8 @@ class ConfigTerminology extends localize(i18next)(PageView) {
             }
             total
           }
-        }`,
+        }
+      `,
       variables: {
         filters: filters,
         pagination: { page, limit },
@@ -122,25 +129,25 @@ class ConfigTerminology extends localize(i18next)(PageView) {
     })
 
     if (response.errors) {
-      return;
+      return
     }
 
     return {
       total: response.data.terminologies.total || 0,
       records: response.data.terminologies.items || []
-    }    
+    }
   }
-  
+
   /**
    * Create Update Multiple
    */
   async save() {
     const patches = this.getPatches()
     if (patches && patches.length) {
-      const response = await this.mutationGql(patches);
+      const response = await this.mutationGql(patches)
       if (!response.errors) this.grist.fetch()
     } else {
-      // 그리드에서 선택 정보 없음 
+      // 그리드에서 선택 정보 없음
       CustomAlert({
         title: TermsUtil.tText('nothing_changed'),
         text: TermsUtil.tText('there_is_nothing_to_save')
@@ -149,15 +156,15 @@ class ConfigTerminology extends localize(i18next)(PageView) {
   }
 
   /**
-   * Delete 
+   * Delete
    */
   async delete() {
     const patches = this.grist.selected.map(record => {
       record.cuFlag = '-'
-      return record;
+      return record
     })
     if (patches && patches.length > 0) {
-      // Question 
+      // Question
       const anwer = await CustomAlert({
         type: 'warning',
         title: TermsUtil.tButton('delete'),
@@ -168,10 +175,10 @@ class ConfigTerminology extends localize(i18next)(PageView) {
 
       if (!anwer.value) return
 
-      const response = await this.mutationGql(patches); 
+      const response = await this.mutationGql(patches)
       if (!response.errors) this.grist.fetch()
     } else {
-      // 그리드에서 선택 정보 없음 
+      // 그리드에서 선택 정보 없음
       CustomAlert({
         title: TermsUtil.tText('nothing_selected'),
         text: TermsUtil.tText('there_is_nothing_to_delete')
@@ -180,68 +187,65 @@ class ConfigTerminology extends localize(i18next)(PageView) {
   }
 
   async mutationGql(patches) {
-    for(let i = 0 ; i < patches.length ;i++){
-      let terminology = patches[i];
-      let mutationGql = '';
-      let variables = {}; 
-      
-      if(terminology.cuFlag == '+') {
+    for (let i = 0; i < patches.length; i++) {
+      let terminology = patches[i]
+      let mutationGql = ''
+      let variables = {}
+
+      if (terminology.cuFlag == '+') {
         mutationGql = gql`
-          mutation ($terminology: NewTerminology!){
-            createTerminology(terminology: $terminology){
+          mutation ($terminology: NewTerminology!) {
+            createTerminology(terminology: $terminology) {
               id
             }
           }
         `
-        delete terminology.cuFlag;
-        variables.terminology = terminology;
-
-      } else if (terminology.cuFlag == 'M'){
+        delete terminology.cuFlag
+        variables.terminology = terminology
+      } else if (terminology.cuFlag == 'M') {
         mutationGql = gql`
           mutation ($name: String!, $patch: TerminologyPatch!) {
-            updateTerminology(name: $name, patch: $patch){
+            updateTerminology(name: $name, patch: $patch) {
               id
             }
           }
         `
 
-        variables.name = terminology.orgName;
-
-        delete terminology.cuFlag;
-        delete terminology.id;
-        delete terminology.orgName;
+        variables.name = terminology.orgName
 
-        variables.patch = terminology;
+        delete terminology.cuFlag
+        delete terminology.id
+        delete terminology.orgName
 
-      } else if (terminology.cuFlag == '-'){
+        variables.patch = terminology
+      } else if (terminology.cuFlag == '-') {
         mutationGql = gql`
           mutation ($name: String!) {
-            deleteTerminology(name: $name){
+            deleteTerminology(name: $name) {
               id
             }
           }
         `
 
-        variables.name = terminology.name;
+        variables.name = terminology.name
       }
-      
+
       const response = await client.query({
         query: mutationGql,
         context: {
-            hasUpload: true
+          hasUpload: true
         },
         variables: variables
       })
 
-      if(response.errors) return response;
+      if (response.errors) return response
     }
 
-    return {};
+    return {}
   }
 
-
   /**
-   * 그리드 에서 변경, 추가 된 내용 가져오기 
+   * 그리드 에서 변경, 추가 된 내용 가져오기
    * @returns {Array}
    */
   getPatches() {
@@ -257,8 +261,8 @@ class ConfigTerminology extends localize(i18next)(PageView) {
         }
         patchField.cuFlag = terms.__dirty__
 
-        if(patchField.cuFlag == 'M'){
-          if(dirtyFields.name){
+        if (patchField.cuFlag == 'M') {
+          if (dirtyFields.name) {
             patchField.orgName = dirtyFields.name.before
           } else {
             patchField.orgName = terms.name
@@ -272,28 +276,27 @@ class ConfigTerminology extends localize(i18next)(PageView) {
     return patches
   }
 
-
   /**
-  * LifeCycle
-  * 화면 레더링 설정 
-  */
+   * LifeCycle
+   * 화면 레더링 설정
+   */
   async pageInitialized() {
-    this.gridMode = isMobileDevice()? 'LIST':  'GRID';
-    
-    // 공통 코드 로케일 조회 
-    let locales = await MetaUtil.getCodeSelectorData('LOCALE');
+    this.gridMode = isMobileDevice() ? 'LIST' : 'GRID'
+
+    // 공통 코드 로케일 조회
+    let locales = await MetaUtil.getCodeSelectorData('LOCALE')
 
-    // 공통 코드 카테고리 조회 
-    let categories = await MetaUtil.getCodeSelectorData('TERMS_CATEGORY');
+    // 공통 코드 카테고리 조회
+    let categories = await MetaUtil.getCodeSelectorData('TERMS_CATEGORY')
 
-    // 그리드 설정  
+    // 그리드 설정
     this.gridConfig = {
       rows: MetaUtil.getGristSelectableConfig(true),
       pagination: MetaUtil.getGristPagination50Config(),
-      sorters:[{ name: 'updatedAt', desc: true }],
+      sorters: [{ name: 'updatedAt', desc: true }],
       appendable: true,
       columns: [
-        ... MetaUtil.getGristGuttersDefaultConfig(true),
+        ...MetaUtil.getGristGuttersDefaultConfig(true),
         {
           type: 'string',
           name: 'id',
@@ -308,7 +311,7 @@ class ConfigTerminology extends localize(i18next)(PageView) {
           sortable: true,
           width: 100,
           filter: {
-            operator:'eq'
+            operator: 'eq'
           }
         },
         {
@@ -319,7 +322,7 @@ class ConfigTerminology extends localize(i18next)(PageView) {
           sortable: true,
           width: 100,
           filter: {
-            operator:'eq'
+            operator: 'eq'
           }
         },
         {
@@ -328,13 +331,13 @@ class ConfigTerminology extends localize(i18next)(PageView) {
           header: TermsUtil.tLabel('name'),
           record: {
             editable: true,
-            mandatory: true, 
+            mandatory: true,
             align: 'left'
           },
           sortable: true,
           width: 250,
           filter: {
-            operator:'i_like'
+            operator: 'i_like'
           }
         },
         {
@@ -343,13 +346,13 @@ class ConfigTerminology extends localize(i18next)(PageView) {
           header: TermsUtil.tLabel('display'),
           record: {
             editable: true,
-            mandatory: true, 
+            mandatory: true,
             align: 'left'
           },
           sortable: true,
           width: 250,
           filter: {
-            operator:'i_like'
+            operator: 'i_like'
           }
         },
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/meta-ui",
-  "version": "5.0.0",
+  "version": "5.0.1",
   "main": "dist-server/index.js",
   "browser": "client/index.js",
   "things-factory": true,
@@ -24,7 +24,7 @@
     "migration:create": "node ../../node_modules/typeorm/cli.js migration:create -d ./server/migrations"
   },
   "dependencies": {
-    "@things-factory/shell": "^5.0.0"
+    "@things-factory/shell": "^5.0.1"
   },
-  "gitHead": "32cb91663e38de9ab1bb7a72af923c3bf8ac187b"
+  "gitHead": "47225f76058999bb8bb075ac960cfb24f058093f"
 }