@things-factory/meta-ui 7.0.1-alpha.1 → 7.0.1-alpha.11

package/client/pages/entity/main-menu-selector.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { ScrollbarStyles, CommonGristStyles } from '@operato/styles'
@@ -24,66 +24,67 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
       ScrollbarStyles,
       CommonGristStyles,
       css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow-x: auto;
-      }
-      .container {
-        flex: 1;
-        display: grid;
-        overflow: hidden;
-      }
-      .container_detail {
-        background-color: var(--main-section-background-color);
-        display: flex;
-        flex-direction: column;
-        flex: 1;
-        overflow-y: auto;
-      }
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: auto;
+        }
+        .container {
+          flex: 1;
+          display: grid;
+          overflow: hidden;
+        }
+        .container_detail {
+          background-color: var(--main-section-background-color);
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          overflow-y: auto;
+        }
 
-      h2 {
-        padding: var(--subtitle-padding);
-        font: var(--subtitle-font);
-        color: var(--subtitle-text-color);
-        border-bottom: var(--subtitle-border-bottom);
-      }
+        h2 {
+          padding: var(--subtitle-padding);
+          font: var(--subtitle-font);
+          color: var(--subtitle-text-color);
+          border-bottom: var(--subtitle-border-bottom);
+        }
 
-      .container_detail h2 {
-        margin: var(--grist-title-margin);
-        border: var(--grist-title-border);
-        font: var(--grist-title-font);
-        color: var(--secondary-color);
-      }
+        .container_detail h2 {
+          margin: var(--grist-title-margin);
+          border: var(--grist-title-border);
+          font: var(--grist-title-font);
+          color: var(--secondary-color);
+        }
 
-      .container_detail h2 mwc-icon {
-        vertical-align: middle;
-        margin: var(--grist-title-icon-margin);
-        font-size: var(--grist-title-icon-size);
-        color: var(--grist-title-icon-color);
-      }
+        .container_detail h2 mwc-icon {
+          vertical-align: middle;
+          margin: var(--grist-title-icon-margin);
+          font-size: var(--grist-title-icon-size);
+          color: var(--grist-title-icon-color);
+        }
 
-      h2 {
-        padding-bottom: var(--grist-title-with-grid-padding);
-      }
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
-      search-form {
-        overflow: visible;
-      }
+        h2 {
+          padding-bottom: var(--grist-title-with-grid-padding);
+        }
+        ox-grist {
+          overflow-y: auto;
+          flex: 1;
+        }
+        search-form {
+          overflow: visible;
+        }
 
-      .button-container {
-        padding: var(--button-container-padding);
-        margin: var(--button-container-margin);
-        text-align: var(--button-container-align);
-        background-color: var(--button-container-background);
-        height: var(--button-container-height);
-        text-align: right;
-        padding-right: 12px;
-      }`
-    ];
+        .button-container {
+          padding: var(--button-container-padding);
+          margin: var(--button-container-margin);
+          text-align: var(--button-container-align);
+          background-color: var(--button-container-background);
+          height: var(--button-container-height);
+          text-align: right;
+          padding-right: 12px;
+        }
+      `
+    ]
     return styles
   }
 
@@ -111,7 +112,7 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
       total: {
         type: Number
       },
-      
+
       /**
        * @description 메인 메뉴 선택 이후 콜백 함수
        ***************************************
@@ -128,23 +129,23 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
    ***************************
    */
   async connectedCallback() {
-    // 메뉴 그룹 그리드 설정  
+    // 메뉴 그룹 그리드 설정
     this.gridConfig = {
       rows: MetaApi.getGristSelectableConfig(false),
-      pagination: { pages : [1000] },
+      pagination: { pages: [1000] },
       appendable: true,
       columns: [
         ...MetaApi.getGristGuttersConfig(true, false),
-        { 
+        {
           name: 'rank',
-          header: TermsUtil.tLabel('rank'), 
-          width : 80, 
-          record : { 
+          header: TermsUtil.tLabel('rank'),
+          width: 80,
+          record: {
             editable: false,
             format: '#,###',
             align: 'left'
           },
-          sortable: true,
+          sortable: true
         },
         MetaApi.getGristColumnConfig('string', 'name', 'left', true, false, 300),
         {
@@ -161,7 +162,7 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
           sortable: false,
           width: 350
         },
-        await MetaApi.getGristCodeSelectorColumnConfig('menuType', 'menu_type', 'left', false, 100, true, 'MENU_TYPE'),
+        await MetaApi.getGristCodeSelectorColumnConfig('menuType', 'menu_type', 'left', false, 100, true, 'MENU_TYPE')
       ]
     }
 
@@ -175,22 +176,22 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
    ***************************
    */
   render() {
-    return html`
-      <div id="container" class="container">
-        <div class="container_detail">
-          <ox-grist 
-            id="ox-grist" 
-            .config=${this.gridConfig} 
-            .mode=${'GRID'} auto-fetch
-            .fetchHandler=${this.fetchMainMenus.bind(this)}>
-          </ox-grist>
-          <div id="button-container" class="button-container">
-            <mwc-button raised hidden id="receive" label="${TermsUtil.tButton('create-menu')}"
-              style="margin-left:7px;margin-top:7px;" @click=${this.selectMainMenu.bind(this)}>
-            </mwc-button>
-          </div>
+    return html` <div id="container" class="container">
+      <div class="container_detail">
+        <ox-grist id="ox-grist" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchMainMenus.bind(this)}> </ox-grist>
+        <div id="button-container" class="button-container">
+          <mwc-button
+            raised
+            hidden
+            id="receive"
+            label="${TermsUtil.tButton('create-menu')}"
+            style="margin-left:7px;margin-top:7px;"
+            @click=${this.selectMainMenu.bind(this)}
+          >
+          </mwc-button>
         </div>
-      </div>`
+      </div>
+    </div>`
   }
 
   /**
@@ -205,7 +206,7 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
   /**
    * @description 메인 메뉴 조회
    ***************************
-   * @returns 
+   * @returns
    */
   async fetchMainMenus() {
     let filters = [{ name: 'parentId', operator: 'is_null', value: '' }]
@@ -233,9 +234,9 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
     if (!records || records.length == 0) {
       UiUtil.showCustomAlert('title.info', 'text.NOTHING_SELECTED', 'info', 'button.confirm')
     } else {
-      if(this.selectCallback) {
+      if (this.selectCallback) {
         let res = await this.selectCallback(records[0].id)
-        if(res.success) {
+        if (res.success) {
           history.back()
         }
       }
@@ -243,4 +244,4 @@ export class MainMenuSelector extends localize(i18next)(LitElement) {
   }
 }
 
-customElements.define('main-menu-selector', MainMenuSelector)
+customElements.define('main-menu-selector', MainMenuSelector)

package/client/pages/history/history-copy-list-popup.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { ScrollbarStyles, CommonGristStyles } from '@operato/styles'
@@ -24,17 +24,17 @@ export class HistoryCopyListPopup extends localize(i18next)(LitElement) {
       ScrollbarStyles,
       CommonGristStyles,
       css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow-x: auto;
-      }
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: auto;
+        }
+        ox-grist {
+          overflow-y: auto;
+          flex: 1;
+        }
       `
-    ];
+    ]
     return styles
   }
 
@@ -54,39 +54,37 @@ export class HistoryCopyListPopup extends localize(i18next)(LitElement) {
    ***************************
    */
   async connectedCallback() {
-    // 메뉴 그룹 그리드 설정  
-    let parentGristConfig = this.open_param.gristConfig;
-    this.gqlFunc = this.open_param.gqlFunc;
+    // 메뉴 그룹 그리드 설정
+    let parentGristConfig = this.open_param.gristConfig
+    this.gqlFunc = this.open_param.gqlFunc
 
-    delete parentGristConfig.list;
-    delete parentGristConfig.rows;
+    delete parentGristConfig.list
+    delete parentGristConfig.rows
 
     parentGristConfig.rows = {
       appendable: false,
       selectable: false
     }
 
-    parentGristConfig.sorters = [
-      {name: 'dataRevisionNo', desc: true}
-    ]
+    parentGristConfig.sorters = [{ name: 'dataRevisionNo', desc: true }]
 
-    let gristColumns = parentGristConfig.columns.filter(x => x.type!= 'gutter' && x.unusable !== true)
+    let gristColumns = parentGristConfig.columns.filter(x => x.type != 'gutter' && x.unusable !== true)
     gristColumns.forEach(x => {
-      if(x.filter) delete x.filter
-      if(!x.record) x.record = {};
+      if (x.filter) delete x.filter
+      if (!x.record) x.record = {}
 
-      x.sortable = false;
-      x.record.editable = false;
-    });
+      x.sortable = false
+      x.record.editable = false
+    })
 
     parentGristConfig.columns = [
-      {type: 'gutter', gutterName: 'dirty'},
-      MetaApi.getGristColumnConfig2('integer', 'dataRevisionNo','data_revision_no', 'center', false, true, 90),
-      MetaApi.getGristColumnConfig2('string', 'dataRevisionAction','data_revision_action', 'center', false, false, 90),
+      { type: 'gutter', gutterName: 'dirty' },
+      MetaApi.getGristColumnConfig2('integer', 'dataRevisionNo', 'data_revision_no', 'center', false, true, 90),
+      MetaApi.getGristColumnConfig2('string', 'dataRevisionAction', 'data_revision_action', 'center', false, false, 90),
       ...gristColumns
     ]
 
-    this.gridConfig = parentGristConfig;
+    this.gridConfig = parentGristConfig
 
     if (super.connectedCallback) {
       await super.connectedCallback()
@@ -98,14 +96,7 @@ export class HistoryCopyListPopup extends localize(i18next)(LitElement) {
    ***************************
    */
   render() {
-    return html`
-      <ox-grist 
-        id="ox-grist" 
-        .config=${this.gridConfig} 
-        .mode=${'GRID'} auto-fetch
-        .fetchHandler=${this.fetchHandler.bind(this)}>
-      </ox-grist>
-      `
+    return html` <ox-grist id="ox-grist" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist> `
   }
 
   /**
@@ -120,14 +111,11 @@ export class HistoryCopyListPopup extends localize(i18next)(LitElement) {
   /**
    * @description 이력 조회
    ***************************
-   * @returns 
+   * @returns
    */
-  async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }){
-    let filter = [
-      { name: 'originalId', operator: 'eq', value: this.parent_id },
-      ...filters
-    ]
-    
+  async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }) {
+    let filter = [{ name: 'originalId', operator: 'eq', value: this.parent_id }, ...filters]
+
     let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns)
 
     let result = await MetaApi.searchByPagination(`${this.gqlFunc}Histories`, filter, sortings, page, limit, selectFields)
@@ -135,4 +123,4 @@ export class HistoryCopyListPopup extends localize(i18next)(LitElement) {
   }
 }
 
-customElements.define('history-copy-list-popup', HistoryCopyListPopup)
+customElements.define('history-copy-list-popup', HistoryCopyListPopup)

package/client/pages/history/history-json-list-popup.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 
 import { i18next, localize } from '@things-factory/i18n-base'
 import { ScrollbarStyles, CommonGristStyles } from '@operato/styles'
@@ -14,27 +14,27 @@ import { MetaApi } from '../../utils/meta-api'
  * @description 변경 이력 (JSON) 타입 조회 팝업
  */
 export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
-/**
+  /**
    * @description 스타일 정의
    ***********************************
    * @returns {Object} 화면의 스타일 정의
    */
-   static get styles() {
+  static get styles() {
     let styles = [
       ScrollbarStyles,
       CommonGristStyles,
       css`
-      :host {
-        display: flex;
-        flex-direction: column;
-        overflow-x: auto;
-      }
-      ox-grist {
-        overflow-y: auto;
-        flex: 1;
-      }
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: auto;
+        }
+        ox-grist {
+          overflow-y: auto;
+          flex: 1;
+        }
       `
-    ];
+    ]
     return styles
   }
 
@@ -54,39 +54,37 @@ export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
    ***************************
    */
   async connectedCallback() {
-    // 메뉴 그룹 그리드 설정  
-    let parentGristConfig = this.open_param.gristConfig;
-    this.gqlFunc = this.open_param.gqlFunc;
+    // 메뉴 그룹 그리드 설정
+    let parentGristConfig = this.open_param.gristConfig
+    this.gqlFunc = this.open_param.gqlFunc
 
-    delete parentGristConfig.list;
-    delete parentGristConfig.rows;
+    delete parentGristConfig.list
+    delete parentGristConfig.rows
 
     parentGristConfig.rows = {
       appendable: false,
       selectable: false
     }
 
-    parentGristConfig.sorters = [
-      {name: 'dataRevisionNo', desc:true}
-    ]
+    parentGristConfig.sorters = [{ name: 'dataRevisionNo', desc: true }]
 
-    let gristColumns = parentGristConfig.columns.filter(x => x.type!= 'gutter' && x.unusable !== true)
+    let gristColumns = parentGristConfig.columns.filter(x => x.type != 'gutter' && x.unusable !== true)
     gristColumns.forEach(x => {
-      if(x.filter) delete x.filter
-      if(!x.record) x.record = {};
+      if (x.filter) delete x.filter
+      if (!x.record) x.record = {}
 
-      x.sortable = false;
-      x.record.editable = false;
-    });
+      x.sortable = false
+      x.record.editable = false
+    })
 
     parentGristConfig.columns = [
-      {type: 'gutter', gutterName: 'dirty'},
-      MetaApi.getGristColumnConfig2('integer', 'dataRevisionNo','data_revision_no', 'center', false, true, 90),
-      MetaApi.getGristColumnConfig2('string', 'dataRevisionAction','data_revision_action', 'center', false, false, 90),
+      { type: 'gutter', gutterName: 'dirty' },
+      MetaApi.getGristColumnConfig2('integer', 'dataRevisionNo', 'data_revision_no', 'center', false, true, 90),
+      MetaApi.getGristColumnConfig2('string', 'dataRevisionAction', 'data_revision_action', 'center', false, false, 90),
       ...gristColumns
     ]
 
-    this.gridConfig = parentGristConfig;
+    this.gridConfig = parentGristConfig
 
     if (super.connectedCallback) {
       await super.connectedCallback()
@@ -98,14 +96,7 @@ export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
    ***************************
    */
   render() {
-    return html`
-      <ox-grist 
-        id="ox-grist" 
-        .config=${this.gridConfig} 
-        .mode=${'GRID'} auto-fetch
-        .fetchHandler=${this.fetchHandler.bind(this)}>
-      </ox-grist>
-      `
+    return html` <ox-grist id="ox-grist" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}> </ox-grist> `
   }
 
   /**
@@ -120,14 +111,11 @@ export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
   /**
    * @description 이력 조회
    ***************************
-   * @returns 
+   * @returns
    */
-  async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }){
-    let filter = [
-      { name: 'originalId', operator: 'eq', value: this.parent_id },
-      ...filters
-    ]
-    
+  async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }) {
+    let filter = [{ name: 'originalId', operator: 'eq', value: this.parent_id }, ...filters]
+
     let selectFields = `
       id
       originalId
@@ -136,11 +124,11 @@ export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
       historyJson
     `
 
-    let result = await MetaApi.searchByPagination(`${this.gqlFunc}Histories`, filter, sortings, page, limit, selectFields);
+    let result = await MetaApi.searchByPagination(`${this.gqlFunc}Histories`, filter, sortings, page, limit, selectFields)
 
-    result.records = result.records.map(x=>{
+    result.records = result.records.map(x => {
       return {
-        ...(JSON.parse(x.historyJson)),
+        ...JSON.parse(x.historyJson),
         ...x
       }
     })
@@ -148,4 +136,4 @@ export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
   }
 }
 
-customElements.define('history-json-list-popup', HistoryJsonListPopup)
+customElements.define('history-json-list-popup', HistoryJsonListPopup)

package/client/pages/menu/dynamic-menu-template.js

@@ -1,4 +1,4 @@
-import { css, html, LitElement } from 'lit-element'
+import { css, html, LitElement } from 'lit'
 import { i18next, localize } from '@operato/i18n'
 import { ScrollbarStyles } from '@operato/styles'