@things-factory/meta-ui 7.0.1-alpha.61 → 7.0.1-alpha.63

package/client/utils/meta-ui-util.js

@@ -1,12 +1,21 @@
 import '@material/web/icon/icon.js'
 import '@operato/data-grist/ox-record-creator.js'
+import '@things-factory/personalization/dist-client/grid-preference-editor.js'
 
-import moment from '@operato/moment-timezone-es'
+import gql from 'graphql-tag'
 import { css, html, render, nothing } from 'lit'
 
+import { client } from '@operato/graphql'
 import { getEditor, getRenderer } from '@operato/data-grist'
 import { getValueGenerators } from '@operato/time-calculator'
-import { ScrollbarStyles, CommonGristStyles, CommonButtonStyles, ButtonContainerStyles, CommonHeaderStyles } from '@operato/styles'
+import moment from '@operato/moment-timezone-es'
+import {
+  ScrollbarStyles,
+  CommonGristStyles,
+  CommonButtonStyles,
+  ButtonContainerStyles,
+  CommonHeaderStyles
+} from '@operato/styles'
 
 import { MetaCrypto } from './meta-crypto'
 import { TermsUtil } from './terms-util'
@@ -36,7 +45,9 @@ export class MetaUiUtil {
     }
 
     if (!menu.template) {
-      throw new Error(TermsUtil.tText('value_is_not_exist', { value: `${TermsUtil.tMenu('menu')} ${TermsUtil.tLabel('model')}` }))
+      throw new Error(
+        TermsUtil.tText('value_is_not_exist', { value: `${TermsUtil.tMenu('menu')} ${TermsUtil.tLabel('model')}` })
+      )
     }
 
     this.menuId = menuId
@@ -63,6 +74,25 @@ export class MetaUiUtil {
     //   return undefined;
     // }
 
+    // const response = await client.query({
+    //   query: gql`
+    //     query ($routing: String) {
+    //       menus(routing: $routing) {
+    //         id
+    //         template
+    //       }
+
+    //       myGridPersonalize(menuId: $menuId) {
+    //         id
+    //         template
+    //       }
+    //     }
+    //   `,
+    //   variables: {
+    //     routing: menuRouting
+    //   }
+    // })
+
     let filters = [{ name: 'routing', operator: 'eq', value: menuRouting }]
     let data = await ServiceUtil.searchByPagination('menus', filters, null, 0, 0, 'id,template')
     return data
@@ -93,10 +123,12 @@ export class MetaUiUtil {
     if (!menu) {
       throw new Error(TermsUtil.tText('value_is_not_exist', { value: `${TermsUtil.tMenu('menu')} ${menuRouting}` }))
     } else if (!menu.template) {
-      throw new Error(TermsUtil.tText('value_is_not_exist', { value: `${TermsUtil.tMenu('menu')} ${TermsUtil.tLabel('model')}` }))
+      throw new Error(
+        TermsUtil.tText('value_is_not_exist', { value: `${TermsUtil.tMenu('menu')} ${TermsUtil.tLabel('model')}` })
+      )
     }
 
-    this.menuId = menu.id
+    pageView.menuId = menu.id
     return JSON.parse(MetaCrypto.dec(menu.template))
   }
 
@@ -470,7 +502,8 @@ export class MetaUiUtil {
         let defaultName = defaultSet[0]
 
         if (defaultValueGenerators.includes(defaultName)) {
-          column.record.defaultValue = defaultSet.length == 1 ? { name: defaultName } : { name: defaultName, params: { calc: defaultSet[1] } }
+          column.record.defaultValue =
+            defaultSet.length == 1 ? { name: defaultName } : { name: defaultName, params: { calc: defaultSet[1] } }
         } else {
           column.record.defaultValue = type === 'number' ? Number(default_value) : default_value
         }
@@ -492,7 +525,9 @@ export class MetaUiUtil {
         } else {
           if (select_opt.type === 'code') {
             // 공통 코드
-            column.record.options = await ServiceUtil.getCodeSelectorData(select_opt.values ? select_opt.values : select_opt.name)
+            column.record.options = await ServiceUtil.getCodeSelectorData(
+              select_opt.values ? select_opt.values : select_opt.name
+            )
           } else if (select_opt.type === 'scenario') {
             // 시나리오
             column.record.options = await ServiceUtil.getCodeByScenario(select_opt.name, select_opt.args)
@@ -583,7 +618,9 @@ export class MetaUiUtil {
    * @returns {Object}
    */
   static getGridListSet(pageView) {
-    let gridList = { fields: [ValueUtil.getParams(pageView.menuInfo, 'name'), ValueUtil.getParams(pageView.menuInfo, 'desc')] }
+    let gridList = {
+      fields: [ValueUtil.getParams(pageView.menuInfo, 'name'), ValueUtil.getParams(pageView.menuInfo, 'desc')]
+    }
 
     // 기본 리스트 설정과 메타에서 가져온 설정 merge
     if (pageView.gridConfig.list) {
@@ -601,7 +638,9 @@ export class MetaUiUtil {
    */
   static getGridRowSet(pageView) {
     // 기본 옵션, 메타와 상관없이 그리드 로우 멀티 셀렉트는 false, click 이벤트는 없다.
-    let { multiple_select = false, click = undefined } = ValueUtil.isEmpty(pageView.gridConfig.row) ? {} : pageView.gridConfig.row
+    let { multiple_select = false, click = undefined } = ValueUtil.isEmpty(pageView.gridConfig.row)
+      ? {}
+      : pageView.gridConfig.row
 
     let retObject = {
       selectable: { multiple: multiple_select },
@@ -677,7 +716,10 @@ export class MetaUiUtil {
                       title: 'data_history_list',
                       type: 'popup',
                       tagname: logicTxt == 'history_copy' ? 'history-copy-list-popup' : 'history-json-list-popup',
-                      location: logicTxt == 'history_copy' ? 'pages/hgistory/history-copy-list-popup.js' : 'pages/hgistory/history-json-list-popup.js',
+                      location:
+                        logicTxt == 'history_copy'
+                          ? 'pages/hgistory/history-copy-list-popup.js'
+                          : 'pages/hgistory/history-json-list-popup.js',
                       menu: pageView.currentRouting,
                       size: 'large',
                       popup_field: 'open_param',
@@ -729,7 +771,9 @@ export class MetaUiUtil {
 
     // CARD, LIST인 경우 컬럼 정보를 표시하기 위한 컬럼들 추출
     let mobileDisplayColumns =
-      UiUtil.isMobileEnv() && pageView.etcConfig && pageView.etcConfig.mobile_display_columns ? pageView.etcConfig.mobile_display_columns.split(',') : []
+      UiUtil.isMobileEnv() && pageView.etcConfig && pageView.etcConfig.mobile_display_columns
+        ? pageView.etcConfig.mobile_display_columns.split(',')
+        : []
 
     let defaultValueGenerators = Object.keys(getValueGenerators())
     let columns = []
@@ -775,7 +819,8 @@ export class MetaUiUtil {
         let defaultName = defaultSet[0]
 
         if (defaultValueGenerators.includes(defaultName)) {
-          column.record.defaultValue = defaultSet.length == 1 ? { name: defaultName } : { name: defaultName, params: { calc: defaultSet[1] } }
+          column.record.defaultValue =
+            defaultSet.length == 1 ? { name: defaultName } : { name: defaultName, params: { calc: defaultSet[1] } }
         } else {
           column.record.defaultValue = type === 'number' ? Number(default_value) : default_value
         }
@@ -834,7 +879,9 @@ export class MetaUiUtil {
         } else {
           // 공통 코드
           if (select_opt.type === 'code') {
-            column.record.options = await ServiceUtil.getCodeSelectorData(select_opt.values ? select_opt.values : select_opt.name)
+            column.record.options = await ServiceUtil.getCodeSelectorData(
+              select_opt.values ? select_opt.values : select_opt.name
+            )
             // 시나리오
           } else if (select_opt.type === 'scenario') {
             column.record.options = await ServiceUtil.getCodeByScenario(select_opt.name, select_opt.args)
@@ -896,7 +943,7 @@ export class MetaUiUtil {
     }
 
     // 개인 그리드 컬럼 설정 가져오기
-    let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)
+    let personal = await MetaApi.getMyMenuGridPersnal(this.menuId)
     let { template = {} } = personal
     if (!template.master) {
       // 설정이 없으면 그대로 리턴
@@ -1003,10 +1050,22 @@ export class MetaUiUtil {
               let defValue = col.filter.value
               let dateKeywords = ['today', 'year', 'month', 'date', 'hour', 'min', 'sec']
 
-              if (defValue && typeof defValue == 'string' && dateKeywords.filter(x => defValue.startsWith(x)).length > 0) {
+              if (
+                defValue &&
+                typeof defValue == 'string' &&
+                dateKeywords.filter(x => defValue.startsWith(x)).length > 0
+              ) {
                 let defRes = []
                 let dateFormat = { date: 'YYYY-MM-DD', datetime: 'YYYY-MM-DD HH:mm:ss' }
-                let durationType = { today: 'day', year: 'year', month: 'month', date: 'day', hour: 'hour', min: 'minute', sec: 'second' }
+                let durationType = {
+                  today: 'day',
+                  year: 'year',
+                  month: 'month',
+                  date: 'day',
+                  hour: 'hour',
+                  min: 'minute',
+                  sec: 'second'
+                }
                 let defDates = defValue.split(',')
 
                 defDates.forEach(x => {
@@ -1018,12 +1077,19 @@ export class MetaUiUtil {
                     let wordSplits = x.split('-')
                     let key = wordSplits[0]
                     let value = wordSplits[1]
-                    defRes.push(todayMoment.subtract(value, durationType[key]).startOf(durationType[key]).format(dateFormat[col.type]))
+                    defRes.push(
+                      todayMoment
+                        .subtract(value, durationType[key])
+                        .startOf(durationType[key])
+                        .format(dateFormat[col.type])
+                    )
                   } else if (x.includes('+')) {
                     let wordSplits = x.split('+')
                     let key = wordSplits[0]
                     let value = wordSplits[1]
-                    defRes.push(todayMoment.add(value, durationType[key]).startOf(durationType[key]).format(dateFormat[col.type]))
+                    defRes.push(
+                      todayMoment.add(value, durationType[key]).startOf(durationType[key]).format(dateFormat[col.type])
+                    )
                   }
                 })
 
@@ -1085,7 +1151,14 @@ export class MetaUiUtil {
       : buttonConfig
           .filter(b => b.name != 'export' && b.name != 'import' && b.name != 'add')
           .map(btn => {
-            let { name = undefined, label = undefined, style = undefined, type = 'basic', action = undefined, logic = undefined } = btn
+            let {
+              name = undefined,
+              label = undefined,
+              style = undefined,
+              type = 'basic',
+              action = undefined,
+              logic = undefined
+            } = btn
 
             if (ValueUtil.isEmpty(name)) {
               return { title: '-1' }
@@ -1129,7 +1202,14 @@ export class MetaUiUtil {
       : buttonConfig
           .filter(b => b.name != 'add')
           .map(b => {
-            let { name = undefined, label = undefined, style = undefined, type = 'basic', action = undefined, logic = undefined } = b
+            let {
+              name = undefined,
+              label = undefined,
+              style = undefined,
+              type = 'basic',
+              action = undefined,
+              logic = undefined
+            } = b
 
             if (ValueUtil.isEmpty(label)) label = name
             if (ValueUtil.isEmpty(style)) style = name
@@ -1233,7 +1313,8 @@ export class MetaUiUtil {
           .map(x => {
             if (Object.keys(action.param_field).includes(x)) {
               let data = record[x]
-              passParams[action.param_field[x]] = Array.isArray(data) === false && typeof data === 'object' && data.id ? { id: data.id } : data
+              passParams[action.param_field[x]] =
+                Array.isArray(data) === false && typeof data === 'object' && data.id ? { id: data.id } : data
             }
           })
       }
@@ -1417,7 +1498,8 @@ export class MetaUiUtil {
             .map(x => {
               if (Object.keys(logic.param_field).includes(x)) {
                 let data = record[x]
-                recordParams[logic.param_field[x]] = Array.isArray(data) === false && typeof data === 'object' && data.id ? { id: data.id } : data
+                recordParams[logic.param_field[x]] =
+                  Array.isArray(data) === false && typeof data === 'object' && data.id ? { id: data.id } : data
               }
             })
           return recordParams
@@ -1557,7 +1639,9 @@ export class MetaUiUtil {
 
     // closeCallback
     let closeCallback =
-      action.after && typeof action.after === 'string' && action.after === 'fetch' && pageView && pageView.fetch ? pageView.fetch.bind(pageView) : undefined
+      action.after && typeof action.after === 'string' && action.after === 'fetch' && pageView && pageView.fetch
+        ? pageView.fetch.bind(pageView)
+        : undefined
 
     // 팝업 오픈
     UiUtil.openDynamicPopup(title, action, record, closeCallback)
@@ -1651,7 +1735,8 @@ export class MetaUiUtil {
               .map(x => {
                 if (Object.keys(after.param_field).includes(x)) {
                   let data = record[x]
-                  recordParams[after.param_field[x]] = Array.isArray(data) === false && typeof data === 'object' && data.id ? { id: data.id } : data
+                  recordParams[after.param_field[x]] =
+                    Array.isArray(data) === false && typeof data === 'object' && data.id ? { id: data.id } : data
                 }
               })
             return recordParams
@@ -2670,8 +2755,8 @@ export class MetaUiUtil {
         fields += ['meta-object-selector', 'object', 'resource-object'].includes(c.type)
           ? `${c.name}\n{${MetaUiUtil.getObjctColumnSelectFields(c)}}`
           : c.type == 'board'
-          ? `${c.name}\n{${'\nid\nname\nthumbnail'}}`
-          : c.name
+            ? `${c.name}\n{${'\nid\nname\nthumbnail'}}`
+            : c.name
       })
 
     return fields
@@ -2686,7 +2771,11 @@ export class MetaUiUtil {
   static getObjctColumnSelectFields(gridCol) {
     let colStr = ''
 
-    if (ValueUtil.isNotEmpty(gridCol.record) && ValueUtil.isNotEmpty(gridCol.record.options) && ValueUtil.isNotEmpty(gridCol.record.options.select)) {
+    if (
+      ValueUtil.isNotEmpty(gridCol.record) &&
+      ValueUtil.isNotEmpty(gridCol.record.options) &&
+      ValueUtil.isNotEmpty(gridCol.record.options.select)
+    ) {
       // 설정에 정의가 되어 있으면
       gridCol.record.options.select.forEach(x => {
         if (x.name && x.name !== '') {
@@ -2721,7 +2810,13 @@ export class MetaUiUtil {
       let gristElementId = pageView.gristId ? pageView.gristId : 'ox-grist'
       let gridMode = pageView.gridMode
       return html`
-        <ox-grist id=${gristElementId} .config=${gristConfigSet} .mode=${gridMode} auto-fetch .fetchHandler=${pageView.fetchHandler.bind(pageView)}>
+        <ox-grist
+          id=${gristElementId}
+          .config=${gristConfigSet}
+          .mode=${gridMode}
+          auto-fetch
+          .fetchHandler=${pageView.fetchHandler.bind(pageView)}
+        >
           ${MetaUiUtil.getGridDetailHtml(pageView)}
         </ox-grist>
       `
@@ -2846,7 +2941,13 @@ export class MetaUiUtil {
               ><span>${mandatory ? '*' : ''}${column.header_txt}</span>
               ${editable ? html`<md-icon>edit</md-icon>` : ''}
             </label>
-            <ox-grid-field .rowIndex=${rowIndex} .column=${column} .record=${record} .value=${record[column.name]} ?dirty=${!!dirtyFields[column.name]}></ox-grid-field>
+            <ox-grid-field
+              .rowIndex=${rowIndex}
+              .column=${column}
+              .record=${record}
+              .value=${record[column.name]}
+              ?dirty=${!!dirtyFields[column.name]}
+            ></ox-grid-field>
           `
         })}
       </div>
@@ -2874,7 +2975,11 @@ export class MetaUiUtil {
           let key = tab.name
 
           return html`
-            <div class="tab" ?activate="${key === pageView.currentTabKey}" @click="${() => (pageView.currentTabKey = key)}">
+            <div
+              class="tab"
+              ?activate="${key === pageView.currentTabKey}"
+              @click="${() => (pageView.currentTabKey = key)}"
+            >
               ${tab.icon ? html`<md-icon>${tab.icon}</md-icon>` : html``}
               <span>${label}</span>
             </div>
@@ -2889,7 +2994,9 @@ export class MetaUiUtil {
             displayStyle = 'display:flex'
           }
 
-          return html` <div class="tab-contents" style="${displayStyle}">${MetaUiUtil.getBasicTabContent(pageView, tab)}</div> `
+          return html`
+            <div class="tab-contents" style="${displayStyle}">${MetaUiUtil.getBasicTabContent(pageView, tab)}</div>
+          `
         })}
       </div>
     `
@@ -2926,7 +3033,9 @@ export class MetaUiUtil {
             </div>
           `}
       <div id="container" class="container" style="${layoutContainerStyle}">
-        <div class="container_detail">${MetaApi.getBasicGristHtml(pageView)} ${MetaUiUtil.getButtonContainer(pageView)}</div>
+        <div class="container_detail">
+          ${MetaApi.getBasicGristHtml(pageView)} ${MetaUiUtil.getButtonContainer(pageView)}
+        </div>
         <div class="container_detail">
           ${pageView.is_activity === true
             ? html`${pageView.is_readonly === true
@@ -2948,8 +3057,17 @@ export class MetaUiUtil {
                   >
                   </meta-tab-element>`}`
             : html`${pageView.is_readonly === true
-                ? html`<meta-tab-element id="detail" route_name="${currentRouting}" is_readonly="true" is_detail="true"></meta-tab-element>`
-                : html`<meta-tab-element id="detail" route_name="${currentRouting}" is_detail="true"></meta-tab-element>`}`}
+                ? html`<meta-tab-element
+                    id="detail"
+                    route_name="${currentRouting}"
+                    is_readonly="true"
+                    is_detail="true"
+                  ></meta-tab-element>`
+                : html`<meta-tab-element
+                    id="detail"
+                    route_name="${currentRouting}"
+                    is_detail="true"
+                  ></meta-tab-element>`}`}
         </div>
       </div>
     `
@@ -3075,8 +3193,8 @@ export class MetaUiUtil {
           ${detailInfo.tagname == '' || detailInfo.tagname == 'meta-tab-element'
             ? html``
             : detailInfo.display
-            ? html`<h2 id="detail_title"><md-icon>list_alt</md-icon>${TermsUtil.tTitle(`${detailInfo.display}`)}</h2>`
-            : html``}
+              ? html`<h2 id="detail_title"><md-icon>list_alt</md-icon>${TermsUtil.tTitle(`${detailInfo.display}`)}</h2>`
+              : html``}
           ${pageView.detailElement}
         </div>
       </div>
@@ -3237,9 +3355,15 @@ export class MetaUiUtil {
         <md-icon
           slot="setting"
           @click=${e => {
-            let element = MetaApi.createCustomElement('personal-column-selector', 'personal-column-selector')
-            element.configGrist = e.currentTarget.closest('ox-grist')
-            element.menuId = pageView.menuId
+            const href = document.location.href
+            const baseTag = document.querySelector('base')
+            const baseUrl = baseTag ? baseTag.href : href
+            const relativePath = href.replace(baseUrl, '')
+            const route = relativePath.split('/').filter(x => !!x)[0]
+
+            let element = MetaApi.createCustomElement('grid-preference-editor', 'grid-preference-editor')
+            element.target = e.currentTarget.closest('ox-grist')
+            element.route = route
 
             MetaApi.openPopupByElement(TermsUtil.tTitle('grid-column-personalize'), 'midium', element, false)
           }}
@@ -3264,13 +3388,19 @@ export class MetaUiUtil {
       return html`
         <div id="modes">
           ${pageView.gridViewOptions.includes('GRID')
-            ? html`<md-icon @click="${() => (pageView.gridMode = 'GRID')}" ?active="${pageView.gridMode == 'GRID'}">grid_on</md-icon>`
+            ? html`<md-icon @click="${() => (pageView.gridMode = 'GRID')}" ?active="${pageView.gridMode == 'GRID'}"
+                >grid_on</md-icon
+              >`
             : ``}
           ${pageView.gridViewOptions.includes('LIST')
-            ? html`<md-icon @click="${() => (pageView.gridMode = 'LIST')}" ?active="${pageView.gridMode == 'LIST'}">format_list_bulleted</md-icon>`
+            ? html`<md-icon @click="${() => (pageView.gridMode = 'LIST')}" ?active="${pageView.gridMode == 'LIST'}"
+                >format_list_bulleted</md-icon
+              >`
             : ``}
           ${pageView.gridViewOptions.includes('CARD')
-            ? html`<md-icon @click="${() => (pageView.gridMode = 'CARD')}" ?active="${pageView.gridMode == 'CARD'}">apps</md-icon>`
+            ? html`<md-icon @click="${() => (pageView.gridMode = 'CARD')}" ?active="${pageView.gridMode == 'CARD'}"
+                >apps</md-icon
+              >`
             : ``}
         </div>
       `

package/client/utils/service-util.js

@@ -72,7 +72,13 @@ export class ServiceUtil {
    */
   static async getCodeByScenario(scenarioName, variables) {
     let response = await ServiceUtil.callScenario(null, scenarioName, variables, false)
-    if (response && response.data && response.data.runScenario && response.data.runScenario.result && response.data.runScenario.result.result) {
+    if (
+      response &&
+      response.data &&
+      response.data.runScenario &&
+      response.data.runScenario.result &&
+      response.data.runScenario.result.result
+    ) {
       let codes = response.data.runScenario.result.result
       codes.unshift({ value: '', display: '' })
       return codes.map(x => {
@@ -187,15 +193,25 @@ export class ServiceUtil {
    **********************************************************
    * @returns {Object} 그리드 개인화 오브젝트
    */
-  static async searchMenuGridPersnalTemplate(menuId) {
-    let filters = [{ name: 'menu.id', operator: 'eq', value: menuId }]
-    let selectFields = 'id,template'
-    let result = await ServiceUtil.searchByPagination('gridPersonalizeTemplates', filters, [], 0, 0, selectFields)
+  static async getMyMenuGridPersnal(menuId) {
+    try {
+      const response = await client.query({
+        query: gql`
+          query myGridPersonalize($menuId: String!) {
+            myGridPersonalize(menuId: $menuId) {
+              id
+              template
+            }
+          }
+        `,
+        variables: {
+          menuId
+        }
+      })
 
-    if (result.total == 0) {
-      return {}
-    } else {
-      return { id: result.records[0].id, template: JSON.parse(result.records[0].template) }
+      return response.data.myGridPersonalize
+    } catch (e) {
+      ServiceUtil.showGraphqlException(e)
     }
   }
 
@@ -235,7 +251,14 @@ export class ServiceUtil {
     let mainMenus = menuData
       .map(item => {
         if (item.menuType == 'GROUP' || item.menuType == 'MENU') {
-          let pMenu = { id: item.id, parent: true, name: TermsUtil.tMenu(item.name), icon: item.iconPath, type: item.menuType == 'GROUP' ? 'group' : '', menus: [] }
+          let pMenu = {
+            id: item.id,
+            parent: true,
+            name: TermsUtil.tMenu(item.name),
+            icon: item.iconPath,
+            type: item.menuType == 'GROUP' ? 'group' : '',
+            menus: []
+          }
 
           if (item.routing) {
             pMenu.path = item.routing
@@ -433,7 +456,10 @@ export class ServiceUtil {
   static async exportableData(isElement, exportTitle, grist) {
     // 1. 헤더 설정
     var headerSetting = grist._config.columns
-      .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined && column.hidden !== true)
+      .filter(
+        column =>
+          column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined && column.hidden !== true
+      )
       .map(column => {
         return column.imex
       })
@@ -443,9 +469,17 @@ export class ServiceUtil {
     var data = records.map(item => {
       return {
         ...grist._config.columns
-          .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined && column.hidden !== true)
+          .filter(
+            column =>
+              column.type !== 'gutter' &&
+              column.record !== undefined &&
+              column.imex !== undefined &&
+              column.hidden !== true
+          )
           .reduce((record, column) => {
-            record[column.imex.key] = column.imex.key.split('.').reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+            record[column.imex.key] = column.imex.key
+              .split('.')
+              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
             return record
           }, {})
       }
@@ -804,16 +838,38 @@ export class ServiceUtil {
       for (let key in mandatoryColumns) {
         if (record[key] === undefined || record[key] == '') {
           console.log(record)
-          UiUtil.showAlertPopup('text.check-mandatory', TermsUtil.tText('check-mandatory-field', { x: mandatoryColumns[key] }), 'info', 'confirm')
+          UiUtil.showAlertPopup(
+            'text.check-mandatory',
+            TermsUtil.tText('check-mandatory-field', { x: mandatoryColumns[key] }),
+            'info',
+            'confirm'
+          )
           return
         }
       }
 
       // 레코드 정보에서 저장 가능 유형으로 변환
       for (let key in record) {
-        if (!['creator', 'updater', 'createdAt', 'updatedAt', '__dirty__', '__dirtyfields__', '__origin__', '__seq__', '__selected__'].includes(key)) {
+        if (
+          ![
+            'creator',
+            'updater',
+            'createdAt',
+            'updatedAt',
+            '__dirty__',
+            '__dirtyfields__',
+            '__origin__',
+            '__seq__',
+            '__selected__'
+          ].includes(key)
+        ) {
           // code-input 타입은 오브젝트 값을 가지지만 id 만 가져가지 않는다. 예외 처리
-          if (codeInputColumns.includes(key) == false && record[key] && typeof record[key] === 'object' && isObjectOrigin == false) {
+          if (
+            codeInputColumns.includes(key) == false &&
+            record[key] &&
+            typeof record[key] === 'object' &&
+            isObjectOrigin == false
+          ) {
             patchData[key] = { id: record[key].id }
           } else {
             patchData[key] = record[key]
@@ -1015,11 +1071,15 @@ export class ServiceUtil {
         ? ValueUtil.isNotEmpty(filterParam)
           ? filterParam[action.id_field]
           : Array.isArray(dataParams)
-          ? dataParams[0][action.id_field]
-          : dataParams[action.id_field]
+            ? dataParams[0][action.id_field]
+            : dataParams[action.id_field]
         : null
       // 6. Mutation 호출
-      let response = await ServiceUtil.callMutation(action, idValue, ValueUtil.isEmpty(mutationParams) ? dataParams : mutationParams)
+      let response = await ServiceUtil.callMutation(
+        action,
+        idValue,
+        ValueUtil.isEmpty(mutationParams) ? dataParams : mutationParams
+      )
 
       if (!response.errors) {
         UiUtil.showToast('info', TermsUtil.tText('success to process'))
@@ -1210,7 +1270,13 @@ export class ServiceUtil {
     let confirm = true
 
     if (buttonName && useMessage === true) {
-      const anwer = await UiUtil.showAlertPopup('button.' + buttonName, 'text.are_you_sure', 'question', 'confirm', 'cancel')
+      const anwer = await UiUtil.showAlertPopup(
+        'button.' + buttonName,
+        'text.are_you_sure',
+        'question',
+        'confirm',
+        'cancel'
+      )
       confirm = anwer.value
     }
 
@@ -1253,7 +1319,13 @@ export class ServiceUtil {
    * @returns {Boolean} 에러가 없으면 true 그렇지 않으면 false
    */
   static checkClientError(response) {
-    if (response && response.data && response.data.runScenario && response.data.runScenario.result && response.data.runScenario.result.error) {
+    if (
+      response &&
+      response.data &&
+      response.data.runScenario &&
+      response.data.runScenario.result &&
+      response.data.runScenario.result.error
+    ) {
       let scenarioError = response.data.runScenario.result.error
       UiUtil.showAlertPopup(scenarioError.title, scenarioError.message, 'error', 'confirm')
       return false

package/dist-client/bootstrap.d.ts

@@ -1,6 +1,5 @@
 import '@material/web/icon/icon.js';
 import './load-components';
-import './pages/personalize/personal-column-selector';
 import './pages/history/history-copy-list-popup';
 import './pages/history/history-json-list-popup';
 import './pages/activity/meta-activity-writer-element';

package/dist-client/bootstrap.js

@@ -24,7 +24,6 @@ import { FilterGristMetaObjectSelect } from './component/filter/filter-grist-met
 /** Filter Form Component  */
 import { FilterFormMetaCodeSelect } from './component/filter/filter-form-meta-code-select';
 import { FilterFormMetaObjectSelect } from './component/filter/filter-form-meta-object-select';
-import './pages/personalize/personal-column-selector';
 import './pages/history/history-copy-list-popup';
 import './pages/history/history-json-list-popup';
 import './pages/activity/meta-activity-writer-element';