npm - @things-factory/meta-ui - Versions diffs - 7.0.1-alpha.30 → 7.0.1-alpha.33 - Mend

@things-factory/meta-ui 7.0.1-alpha.30 → 7.0.1-alpha.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/client/component/popup/code-input-editor-popup.js CHANGED Viewed

@@ -52,7 +52,7 @@ export class CodeInputEditorPopup extends LitElement {
       <ox-input-code mode="javascript" value=${this.codeVlaue} tab-size="2" tab-as-space="true"></ox-input-code>
       <div id="button-container" class="button-container" style="margin-left:unset;">
-        <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+        <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
         <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>

package/client/component/popup/meta-object-selector-popup.js CHANGED Viewed

@@ -201,8 +201,10 @@ export class MetaObjectSelectorPopup extends LitElement {
           </div>
         </div>
       </ox-grist>
-      <div id="button-container" class="button-container">
-        <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+      <div id="button-container" class="button-container" style="margin-left:unset;">
+        <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+        <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
         <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
       </div>

package/client/pages/personalize/personal-column-selector.js CHANGED Viewed

@@ -139,6 +139,7 @@ export class PersonalColumnSelector extends localize(i18next)(LitElement) {
     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.fetchColumns.bind(this)}> </ox-grist>
         <div id="button-container" class="button-container" style="margin-left:unset">
           <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>
           <div filler></div>

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

@@ -1,7 +1,7 @@
 import '@material/web/icon/icon.js'
 import moment from 'moment-timezone'
-import { css, html } from 'lit'
+import { css, html, render } from 'lit'
 import { getEditor, getRenderer } from '@operato/data-grist'
 import { getValueGenerators } from '@operato/time-calculator'
@@ -179,11 +179,12 @@ export class MetaUiUtil {
    * @returns {Object} 메뉴 메타 정보
    */
   static async getMenuMeta(pageView) {
+    // 1. 라우팅 추출 및 메뉴 메타 정보 조회
     let currentRouting = pageView.isPage ? UiUtil.currentRouting() : pageView.route_name
     pageView.currentRouting = currentRouting
     let menuMetaData = await MetaUiUtil.findMenuMetaByRouting(pageView, currentRouting)
-    // Activity 여부에 따라 버튼 / 검색 삭제
+    // 2. Activity 여부에 따라 버튼 / 검색 삭제
     if (pageView.is_activity === true) {
       menuMetaData.grid.option.grid_refresh_when_page_activated = false
       menuMetaData.grid.option.use_row_checker = false
@@ -193,7 +194,7 @@ export class MetaUiUtil {
       menuMetaData.button = menuMetaData.button.filter(x => x.name == 'add')
     }
-    // 화면이 읽기 전용인 경우
+    // 3. 화면이 읽기 전용인 경우 그리드 Configuration 처리
     if (pageView.is_readonly === true) {
       menuMetaData.grid_column.forEach(x => {
         x.editable = false
@@ -201,12 +202,12 @@ export class MetaUiUtil {
       menuMetaData.button = menuMetaData.button.filter(x => x.name != 'add')
     }
-    // 필터 폼 사용 여부 강제 설정
+    // 4. 필터 폼 사용 여부 강제 설정
     if (pageView.use_filter_form === false) {
       menuMetaData.grid.use_filter_form = false
     }
-    // 필드 변경 이벤트 처리자 설정
+    // 5. 필드 변경 이벤트 처리자 설정
     menuMetaData.grid_column
       .filter(x => x.change_event_handler)
       .forEach(x => {
@@ -214,7 +215,7 @@ export class MetaUiUtil {
         pageView.fieldChangeHandlers[x.name] = x.change_event_handler
       })
-    // object, resource-object -> meta-object-selector, resource-code-selector -> meta-code-selector
+    // 6. 그리드 타입 통합 처리 : object, resource-object -> meta-object-selector, resource-code-selector -> meta-code-selector
     menuMetaData.grid_column.forEach(x => {
       if (['resource-object', 'object'].includes(x.type)) {
         x.type = 'meta-object-selector'
@@ -223,6 +224,17 @@ export class MetaUiUtil {
       }
     })
+    // 7. 검색 필드의 검색 Operator가 in인 경우 디폴트 값을 배열로 변경
+    if(menuMetaData.search && menuMetaData.search.length > 0) {
+      menuMetaData.search.forEach(c => {
+        let value = c.value
+        if(c.operator == 'in' && value.indexOf(',') > 0) {
+          c.value = value.split(',')
+        }
+      })
+    }
+    // 8. 메뉴 메타 정보 리턴
     return menuMetaData
   }
@@ -990,7 +1002,7 @@ export class MetaUiUtil {
               let defValue = col.filter.value
               let dateKeywords = ['today', 'year', 'month', 'date', 'hour', 'min', 'sec']
-              if (defValue && 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' }
@@ -1001,11 +1013,13 @@ export class MetaUiUtil {
                   if (dateKeywords.includes(x)) {
                     defRes.push(todayMoment.startOf(durationType[x]).format(dateFormat[col.type]))
                   } else if (x.includes('-')) {
                     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]))
                   } else if (x.includes('+')) {
                     let wordSplits = x.split('+')
                     let key = wordSplits[0]
@@ -1148,14 +1162,18 @@ export class MetaUiUtil {
     const { raised, outlined, dense, danger, icon } = btnStyle.emphasis
-    let btnHtml = html`
-      <button ?dense=${dense} ?raised=${raised} ?outlined=${outlined} ?danger=${danger} ?filled=${filled}>
-        <md-icon>${icon || 'done_all'}</md-icon>
-        ${title}
+    const template = html`
+      <button ?dense=${dense} ?raised=${raised} ?outlined=${outlined} ?danger=${danger}>
+        <md-icon>${icon || 'done'}</md-icon>
+        ${buttonName}
       </button>
     `
-    return UiUtil.htmlToElement(btnHtml)
+    const container = document.createElement('div')
+    render(template, container)
+    const element = container.firstElementChild
+    return container.removeChild(element)
   }
   /**
@@ -3151,7 +3169,7 @@ export class MetaUiUtil {
                 : html``}
               ${MetaUiUtil.getGridViewOption(pageView)}
               <ox-record-creator id="add" ?hidden="${!useFilterAddButton}" .callback=${recordCreationCallback}>
-                <button>
+                <button style="display: flex; justify-content: center">
                   <md-icon>add</md-icon>
                 </button>
               </ox-record-creator>

package/dist-client/component/popup/code-input-editor-popup.js CHANGED Viewed

@@ -26,7 +26,7 @@ export class CodeInputEditorPopup extends LitElement {
       <ox-input-code mode="javascript" value=${this.codeVlaue} tab-size="2" tab-as-space="true"></ox-input-code>
       <div id="button-container" class="button-container" style="margin-left:unset;">
-        <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+        <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
         <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
         <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>

package/dist-client/component/popup/code-input-editor-popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"code-input-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/code-input-editor-popup.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAuBlD,KAAK,CAAC,iBAAiB;QACrB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;SAClD;aAAM;YACL,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;SAC5B;QAED,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;+CACgC,IAAI,CAAC,SAAS;;;yBAGpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,8CAA8C,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;yBAElG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;yBACnF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;;KAEvG,CAAA;IACH,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACvD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,UAAU,CAAC,CAAC;QAChB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YAC5C,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;YAC7D,OAAM;SACP;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACnD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA3FM,2BAAM,GAAG;IACd,iBAAiB;IACjB,qBAAqB;IACrB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,CAAA;AA0EH,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport '@operato/input/ox-input-code.js'\nimport { closePopup } from '@operato/popup'\n\n/*\n 코드 편집기 팝업\n /\nexport class CodeInputEditorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n if (typeof this.value === 'object') {\n this.codeVlaue = JSON.stringify(this.value, 0, 2)\n } else {\n this.codeVlaue = this.value\n }\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeVlaue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset;\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>~~clear_box_outline_blank~~</md-icon>${TermsUtil.tButton('empty')}</button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>\n </div>\n `\n }\n\n get codeEditor() {\n return this.shadowRoot.querySelector('ox-input-code')\n }\n\n /\n @description 비우기\n **************************\n @returns\n /\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /\n @description 취소\n **************************\n @returns\n /\n async clickCancel(e) {\n closePopup(this)\n }\n /\n @description 확인\n **************************\n @returns\n /\n async clickConfirm(e) {\n if (this.codeVlaue === this.codeEditor.value) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))\n return\n }\n this.changedValue(this.codeEditor.value)\n }\n\n /\n @description 확정\n **************************\n @param {} record\n /\n async changedValue(value) {\n this.confirmCallback && this.confirmCallback(value)\n closePopup(this)\n }\n}\n\ncustomElements.define('code-input-editor-popup', CodeInputEditorPopup)\n"]}
1	+ {"version":3,"file":"code-input-editor-popup.js","sourceRoot":"","sources":["../../../client/component/popup/code-input-editor-popup.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,UAAU;IAuBlD,KAAK,CAAC,iBAAiB;QACrB,IAAI,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;SAClD;aAAM;YACL,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAA;SAC5B;QAED,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;IACjC,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;+CACgC,IAAI,CAAC,SAAS;;;yBAGpC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,8CAA8C,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;yBAElG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;yBACnF,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC;;KAEvG,CAAA;IACH,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACvD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,UAAU,CAAC,CAAC;QAChB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,WAAW,CAAC,CAAC;QACjB,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;IACD;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,CAAC;QAClB,IAAI,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;YAC5C,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;YAC7D,OAAM;SACP;QACD,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAA;QACnD,UAAU,CAAC,IAAI,CAAC,CAAA;IAClB,CAAC;;AA3FM,2BAAM,GAAG;IACd,iBAAiB;IACjB,qBAAqB;IACrB,GAAG,CAAA;;;;;;;;;;;;;;;;KAgBF;CACF,CAAA;AA0EH,cAAc,CAAC,MAAM,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport '@operato/input/ox-input-code.js'\nimport { closePopup } from '@operato/popup'\n\n/*\n 코드 편집기 팝업\n /\nexport class CodeInputEditorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-input-code {\n margin: 10px;\n overflow-y: auto;\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n if (typeof this.value === 'object') {\n this.codeVlaue = JSON.stringify(this.value, 0, 2)\n } else {\n this.codeVlaue = this.value\n }\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-input-code mode=\"javascript\" value=${this.codeVlaue} tab-size=\"2\" tab-as-space=\"true\"></ox-input-code>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset;\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickConfirm.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('confirm')}</button>\n </div>\n `\n }\n\n get codeEditor() {\n return this.shadowRoot.querySelector('ox-input-code')\n }\n\n /\n @description 비우기\n **************************\n @returns\n /\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /\n @description 취소\n **************************\n @returns\n /\n async clickCancel(e) {\n closePopup(this)\n }\n /\n @description 확인\n **************************\n @returns\n /\n async clickConfirm(e) {\n if (this.codeVlaue === this.codeEditor.value) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_CHANGED'))\n return\n }\n this.changedValue(this.codeEditor.value)\n }\n\n /\n @description 확정\n **************************\n @param {} record\n /\n async changedValue(value) {\n this.confirmCallback && this.confirmCallback(value)\n closePopup(this)\n }\n}\n\ncustomElements.define('code-input-editor-popup', CodeInputEditorPopup)\n"]}

package/dist-client/component/popup/meta-object-selector-popup.js CHANGED Viewed

@@ -151,8 +151,10 @@ export class MetaObjectSelectorPopup extends LitElement {
           </div>
         </div>
       </ox-grist>
-      <div id="button-container" class="button-container">
-        <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+      <div id="button-container" class="button-container" style="margin-left:unset;">
+        <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>
+        <div filler></div>
         <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>
         <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>
       </div>

package/dist-client/component/popup/meta-object-selector-popup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\nimport { isMobileDevice } from '@operato/utils'\nimport { closePopup } from '@operato/popup'\n\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n // 숨김 검색 조건\n this.search_hidden_fields = this.options.filters ? this.options.filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.search_hidden_fields = this.search_hidden_fields.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = this.options.sorters ? this.options.sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = this.options.filterFields\n ? this.options.filterFields\n : this.options.menu_template?.search && this.options.menu_template?.search.length > 0\n ? this.options.menu_template.search\n : []\n\n // 그리드 컬럼\n let gridColumns = this.options.select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields \|\| filterFields.length == 0) {\n let defaultFilter = undefined\n\n if (this.options.codeField) defaultFilter = this.options.codeField\n if (this.options.nameField) defaultFilter = this.options.nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, width)\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name)\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.codeField, this.options.codeField, 'left', false, true, 180))\n\n if (this.options.dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.dispField, this.options.dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${isMobileDevice() ? 'LIST' : 'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n <div id=\"button-container\" class=\"button-container\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>clear_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>\n </div>\n `\n }\n\n /*\n @description 그리드 리턴\n *************************\n @returns {Object} 그리드\n /\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /\n @description 컬럼 조회\n **************************\n @returns\n /\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {\n let resFilter = [...this.search_hidden_fields]\n\n filters.forEach(x => {\n let dupFilter = resFilter.filter(y => x.name == y.name)\n if (dupFilter && dupFilter.length > 0) {\n delete resFilter[x.name]\n }\n\n resFilter.push(x)\n })\n\n let queryAfterSetFields = ValueUtil.getParams(this.options.menu_template ? this.options.menu_template.gql \|\| {} : {}, 'query', 'after_set_fields')\n let selectSkipFields = Object.keys(queryAfterSetFields \|\| {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(this.options.queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /\n @description 비우기\n **************************\n @returns\n /\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /\n @description 취소\n **************************\n @returns\n /\n async clickCancel(e) {\n closePopup(this)\n }\n /\n @description 선택\n **************************\n @returns\n /\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected \|\| selected.length == 0) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /\n @description 확정\n **************************\n @param {} record\n /\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n\ncustomElements.define('meta-object-selector-popup', MetaObjectSelectorPopup)\n"]}
1	+ {"version":3,"file":"meta-object-selector-popup.js","sourceRoot":"","sources":["../../../client/component/popup/meta-object-selector-popup.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\nimport { TermsUtil } from '../../utils/terms-util'\nimport { ValueUtil } from '../../utils/value-util'\nimport { ServiceUtil } from '../../utils/service-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { MetaUiUtil } from '../../utils/meta-ui-util'\nimport { isMobileDevice } from '@operato/utils'\nimport { closePopup } from '@operato/popup'\n\nexport class MetaObjectSelectorPopup extends LitElement {\n static styles = [\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n\n background-color: #fff;\n\n width: var(--overlay-center-normal-width, 50%);\n height: var(--overlay-center-normal-height, 50%);\n }\n\n ox-grist {\n flex: 1;\n }\n `\n ]\n\n async connectedCallback() {\n // 숨김 검색 조건\n this.search_hidden_fields = this.options.filters ? this.options.filters : this.basicArgs && this.basicArgs.filters ? this.basicArgs.filters : []\n\n this.search_hidden_fields = this.search_hidden_fields.map(x => {\n let { name, operator, value } = x\n\n if (value.startsWith('::')) {\n value = ValueUtil.getParams(this.record, ...value.substring(2).split('.'))\n }\n\n return {\n name,\n operator,\n value\n }\n })\n\n // 기본 정렬\n let sortFields = this.options.sorters ? this.options.sorters : this.basicArgs && this.basicArgs.sorters ? this.basicArgs.sorters : []\n\n // 기본 검색 조건\n let filterFields = this.options.filterFields\n ? this.options.filterFields\n : this.options.menu_template?.search && this.options.menu_template?.search.length > 0\n ? this.options.menu_template.search\n : []\n\n // 그리드 컬럼\n let gridColumns = this.options.select\n\n // 기본 검색 조건이 없으면 코드 (code-selector), 또는 이름 (object-selector)\n if (!filterFields \|\| filterFields.length == 0) {\n let defaultFilter = undefined\n\n if (this.options.codeField) defaultFilter = this.options.codeField\n if (this.options.nameField) defaultFilter = this.options.nameField\n\n if (defaultFilter) {\n filterFields.push({\n name: defaultFilter,\n operator: 'eq'\n })\n }\n }\n\n let selectFields = [...MetaApi.getGristGuttersConfig(true, false)]\n\n if (gridColumns && gridColumns.length > 0) {\n for (let idx = 0; idx < gridColumns.length; idx++) {\n let {\n type = 'string',\n name,\n hidden = false,\n record = { align: 'left' },\n header = undefined,\n sortable = false,\n width = 135,\n options = undefined,\n select_opt = undefined,\n object_opt = undefined\n } = gridColumns[idx]\n\n if (select_opt) options = select_opt\n if (object_opt) options = object_opt\n\n if (['resource-object', 'object'].includes(type)) {\n type = 'meta-object-selector'\n } else if (['resource-code-selector'].includes(type)) {\n type = 'meta-code-selector'\n }\n\n if (name == 'id') {\n selectFields.push({\n type: 'string',\n name: name,\n hidden: true\n })\n } else {\n if (type == 'boolean-all') {\n type = 'boolean'\n }\n\n let columnConfig = MetaApi.getGristColumnConfig2(type, name, header ? header : name, record.align ? record.align : 'left', false, sortable, width)\n\n if (type.startsWith('meta-') && object_opt && object_opt.menu) {\n options = await MetaUiUtil.getGristMetaObjectOptions(type, options)\n }\n\n if (type === 'select') {\n if (Array.isArray(options)) {\n columnConfig.record.options = options\n } else {\n if (options.type === 'code') {\n // 공통 코드\n columnConfig.record.options = await ServiceUtil.getCodeSelectorData(options.values ? options.values : options.name)\n } else if (options.type === 'scenario') {\n // 시나리오\n columnConfig.record.options = await ServiceUtil.getCodeByScenario(options.name, options.args)\n } else if (options.type === 'entity') {\n // 엔티티\n columnConfig.record.options = await ServiceUtil.getCodeByEntity(options.args)\n }\n }\n } else if (type === 'meta-object-selector') {\n // object-option\n columnConfig.record.options = { ...options }\n } else if (type == 'meta-code-selector') {\n if (options.dispField) {\n options.codes = await ServiceUtil.getCodeByEntity(options)\n }\n\n columnConfig.record.options = { ...options }\n }\n\n columnConfig.hidden = hidden\n\n selectFields.push(columnConfig)\n }\n }\n } else {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.codeField, this.options.codeField, 'left', false, true, 180))\n\n if (this.options.dispField) {\n selectFields.push(MetaApi.getGristColumnConfig2('string', this.options.dispField, this.options.dispField, 'left', false, true, 300))\n }\n }\n\n selectFields.forEach(x => {\n let filters = filterFields.filter(y => (typeof y === 'string' ? x.name == y : x.name == y.name))\n\n if (filters && filters.length > 0) {\n x.filter = typeof filters[0] === 'string' ? 'search' : filters[0]\n }\n })\n\n let gridConfig = {\n rows: MetaApi.getGristSelectableConfig(false),\n pagination: MetaApi.getGristPagination100Config(),\n columns: selectFields,\n sorters: [...sortFields]\n }\n\n gridConfig.rows.handlers = {\n click: 'select-row-toggle',\n dblclick: (columns, data, column, record, rowIndex, field) => {\n this.selectRecord(record)\n }\n }\n\n gridConfig.rows.appendable = false\n\n this.gridConfig = gridConfig\n\n await super.connectedCallback()\n }\n\n async firstUpdated() {\n await super.firstUpdated()\n }\n\n render() {\n return html`\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${isMobileDevice() ? 'LIST' : 'GRID'} auto-fetch .fetchHandler=${this.fetchHandler.bind(this)}>\n <div slot=\"headroom\">\n <div id=\"filters\">\n <ox-filters-form></ox-filters-form>\n </div>\n </div>\n </ox-grist>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset;\">\n <button @click=${this.clickEmpty.bind(this)}><md-icon>check_box_outline_blank</md-icon>${TermsUtil.tButton('empty')}</button>\n <div filler></div>\n <button @click=${this.clickCancel.bind(this)}><md-icon>cancel</md-icon>${TermsUtil.tButton('cancel')}</button>\n <button @click=${this.clickSelect.bind(this)}><md-icon>done</md-icon>${TermsUtil.tButton('select')}</button>\n </div>\n `\n }\n\n /*\n @description 그리드 리턴\n *************************\n @returns {Object} 그리드\n /\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /\n @description 컬럼 조회\n **************************\n @returns\n /\n async fetchHandler({ page = 0, limit = 0, sorters = [], filters = [] }) {\n let resFilter = [...this.search_hidden_fields]\n\n filters.forEach(x => {\n let dupFilter = resFilter.filter(y => x.name == y.name)\n if (dupFilter && dupFilter.length > 0) {\n delete resFilter[x.name]\n }\n\n resFilter.push(x)\n })\n\n let queryAfterSetFields = ValueUtil.getParams(this.options.menu_template ? this.options.menu_template.gql \|\| {} : {}, 'query', 'after_set_fields')\n let selectSkipFields = Object.keys(queryAfterSetFields \|\| {})\n\n // 조회 컬럼 추출 후 조회\n let selectFields = MetaApi.getSelectColumns(this.gridConfig.columns.filter(x => !selectSkipFields.includes(x.name)))\n\n // 조회 실행\n let result = await MetaApi.searchByPagination(this.options.queryName, resFilter, sorters, page, limit, selectFields)\n\n return result\n }\n\n /\n @description 비우기\n **************************\n @returns\n /\n async clickEmpty(e) {\n this.confirmCallback && this.confirmCallback(null)\n closePopup(this)\n }\n /\n @description 취소\n **************************\n @returns\n /\n async clickCancel(e) {\n closePopup(this)\n }\n /\n @description 선택\n **************************\n @returns\n /\n async clickSelect(e) {\n let selected = this.grist.selected\n\n if (!selected \|\| selected.length == 0) {\n MetaApi.showToast('info', TermsUtil.tText('NOTHING_SELECTED'))\n return\n }\n\n this.selectRecord(selected[0])\n }\n\n /\n @description 확정\n **************************\n @param {} record\n /\n async selectRecord(record) {\n this.confirmCallback && this.confirmCallback(record)\n closePopup(this)\n }\n}\n\ncustomElements.define('meta-object-selector-popup', MetaObjectSelectorPopup)\n"]}

package/dist-client/pages/personalize/personal-column-selector.js CHANGED Viewed

@@ -130,6 +130,7 @@ export class PersonalColumnSelector extends localize(i18next)(LitElement) {
         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.fetchColumns.bind(this)}> </ox-grist>
         <div id="button-container" class="button-container" style="margin-left:unset">
           <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>
           <div filler></div>

package/dist-client/pages/personalize/personal-column-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"personal-column-selector.js","sourceRoot":"","sources":["../../../client/pages/personalize/personal-column-selector.js"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAA;AAEnC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAE3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAC7D,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAE3F,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAEtD;;;;;GAKG;AACH,MAAM,OAAO,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IACvE;;;;OAIG;IACH,MAAM,KAAK,MAAM;QACf,IAAI,MAAM,GAAG;YACX,eAAe;YACf,iBAAiB;YACjB,qBAAqB;YACrB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAkDF;SACF,CAAA;QACD,OAAO,MAAM,CAAA;IACf,CAAC;IAED;;;;OAIG;IACH,MAAM,KAAK,UAAU;QACnB,OAAO;YACL;;;;eAIG;YACH,WAAW,EAAE;gBACX,IAAI,EAAE,MAAM;aACb;YAED;;;;eAIG;YACH,MAAM,EAAE;gBACN,IAAI,EAAE,MAAM;aACb;SACF,CAAA;IACH,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,iBAAiB;QACrB,eAAe;QACf,IAAI,CAAC,UAAU,GAAG;YAChB,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE;YAC9C,UAAU,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;YAC9B,OAAO,EAAE;gBACP,GAAG,OAAO,CAAC,qBAAqB,CAAC,KAAK,EAAE,KAAK,CAAC;gBAC9C,OAAO,CAAC,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAC1E,OAAO,CAAC,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC;gBACzE,OAAO,CAAC,qBAAqB,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC;gBACvF,OAAO,CAAC,oBAAoB,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;aAC7E;SACF,CAAA;QAED,IAAI,KAAK,CAAC,iBAAiB,EAAE;YAC3B,MAAM,KAAK,CAAC,iBAAiB,EAAE,CAAA;SAChC;IACH,CAAC;IAED;;;OAGG;IACH,MAAM;QACJ,OAAO,IAAI,CAAA;;0CAE2B,IAAI,CAAC,UAAU,UAAU,MAAM,6BAA6B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;;2BAEvG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,kCAAkC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;;2BAEjF,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,2BAA2B,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC;kCACjE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,6BAA6B,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC;;;WAGrG,CAAA;IACT,CAAC;IAED;;;;OAIG;IACH,IAAI,KAAK;QACP,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAA;IACnD,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,YAAY;QAChB,+BAA+B;QAC/B,IAAI,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAA;QAC1C,IAAI,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,IAAI,CAAC,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,CAAA;QAC9F,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,IAAI,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAC7B,IAAI,GAAG,IAAI,GAAG,EAAE,CAAA;YAChB,CAAC,CAAC,IAAI,GAAG,IAAI,CAAA;YACb,OAAO,CAAC,CAAA;QACV,CAAC,CAAC,CAAA;QAEF,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA;IACrC,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,MAAM,CAAC,CAAC;QACZ,IAAI,QAAQ,GAAG,MAAM,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACrE,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,GAAG,QAAQ,CAAA;QAEjC,IAAI,EAAE,EAAE;YACN,IAAI,MAAM,GAAG,MAAM,WAAW,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,wBAAwB,CAAC,CAAA;YAC9E,IAAI,MAAM,IAAI,IAAI,EAAE;gBAClB,OAAO,CAAC,IAAI,EAAE,CAAA;aACf;SACF;aAAM;YACL,MAAM,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,4BAA4B,CAAC,CAAA;SAC9D;IACH,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,KAAK,CAAC,CAAC;QACX,MAAM,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAA;IAC1B,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,IAAI,CAAC,CAAC;QACV,QAAQ;QACR,OAAO,CAAC,wBAAwB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QAE5C,YAAY;QACZ,IAAI,QAAQ,GAAG,MAAM,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;QACrE,IAAI,EAAE,EAAE,GAAG,SAAS,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,QAAQ,CAAA;QAEhD,IAAI,QAAQ,GAAG,QAAQ,CAAA;QACvB,IAAI,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;YAC/B,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,UAAU,CAAA;SACvC;QAED,YAAY;QACZ,IAAI,QAAQ,CAAC,QAAQ,CAAC,EAAE;YACtB,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAA;SAC1B;QAED,2BAA2B;QAC3B,IAAI,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAA;QAC1C,IAAI,IAAI,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,CAAA;QACjD,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjB,OAAO,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,IAAI,CAAA;QACxB,CAAC,CAAC,CAAA;QACF,QAAQ,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAChC,OAAO,CAAC,CAAC,IAAI,CAAA;QACf,CAAC,CAAC,CAAA;QAEF,IAAI,KAAK,GAAG,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,CAAA;QAElD,sBAAsB;QACtB,IAAI,EAAE,EAAE;YACN,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;YACb,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;SACnB;aAAM;YACL,KAAK,CAAC,IAAI,GAAG;gBACX,EAAE,EAAE,IAAI,CAAC,MAAM;aAChB,CAAA;YACD,KAAK,CAAC,MAAM,GAAG,GAAG,CAAA;SACnB;QACD,MAAM,OAAO,CAAC,cAAc,CAAC,+BAA+B,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;QAEtE,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAA;QAC7D,OAAO,CAAC,IAAI,EAAE,CAAA;IAChB,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,sBAAsB,CAAC,CAAA","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\n\nimport { i18next, localize } from '@things-factory/i18n-base'\nimport { ScrollbarStyles, CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/*\n @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Yang <wryang@hatiolab.com>\n * @description 사용자 그리드 컬럼 개인화 팝업\n /\nexport class PersonalColumnSelector extends localize(i18next)(LitElement) {\n /\n @description 스타일 정의\n **********************************\n @returns {Object} 화면의 스타일 정의\n /\n static get styles() {\n let styles = [\n ScrollbarStyles,\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-x: auto;\n }\n .container {\n flex: 1;\n display: grid;\n overflow: hidden;\n }\n .container_detail {\n background-color: var(--main-section-background-color);\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n\n h2 {\n padding: var(--subtitle-padding);\n font: var(--subtitle-font);\n color: var(--subtitle-text-color);\n border-bottom: var(--subtitle-border-bottom);\n }\n\n .container_detail h2 {\n margin: var(--grist-title-margin);\n border: var(--grist-title-border);\n font: var(--grist-title-font);\n color: var(--secondary-color);\n }\n\n .container_detail h2 md-icon {\n --md-icon-size: var(--grist-title-icon-size);\n vertical-align: middle;\n margin: var(--grist-title-icon-margin);\n color: var(--grist-title-icon-color);\n }\n\n h2 {\n padding-bottom: var(--grist-title-with-grid-padding);\n }\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n search-form {\n overflow: visible;\n }\n `\n ]\n return styles\n }\n\n /\n @description 프로퍼티 정의\n **********************************\n @returns {Object} 화면의 프로퍼티 정의\n /\n static get properties() {\n return {\n /\n @description 선택된 그리드\n ***************************\n @type {Object}\n /\n configGrist: {\n type: Object\n },\n\n /\n @description 메뉴 ID\n *****************************\n @type {String}\n /\n menuId: {\n type: String\n }\n }\n }\n\n /\n @description 라이트 사이클\n **************************\n /\n async connectedCallback() {\n // 메뉴 그룹 그리드 설정\n this.gridConfig = {\n rows: { selectable: false, appendable: false },\n pagination: { infinite: true },\n columns: [\n ...MetaApi.getGristGuttersConfig(false, false),\n MetaApi.getGristColumnConfig('integer', 'rank', 'center', true, false, 80),\n MetaApi.getGristColumnConfig('string', 'name', 'left', false, false, 180),\n MetaApi.getGristColumnConfig2('string', 'header', 'display', 'left', false, false, 180),\n MetaApi.getGristColumnConfig('boolean', 'hidden', 'center', true, false, 60)\n ]\n }\n\n if (super.connectedCallback) {\n await super.connectedCallback()\n }\n }\n\n /*\n @description 라이프 사이클\n **************************\n /\n render() {\n return html` <div id=\"container\" class=\"container\">\n <div class=\"container_detail\">\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchColumns.bind(this)}> </ox-grist>\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset\">\n <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>\n <div filler></div>\n <button @click=${this.save.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n <button danger @click=${this.delete.bind(this)}><md-icon>delete</md-icon>${TermsUtil.tButton('delete')}</button>\n </div>\n </div>\n </div>`\n }\n\n /*\n @description 그리드 리턴\n *************************\n @returns {Object} 그리드\n /\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /\n @description 컬럼 조회\n **************************\n @returns\n /\n async fetchColumns() {\n // 팝업 오프너에서 받아온 그리스트의 설정으로 보여준다\n let cols = this.configGrist.config.columns\n let filterCols = cols.filter(x => x.type != 'gutter' && x.name != 'id' && x.unusable !== true)\n let rank = 0\n\n let items = filterCols.map(x => {\n rank = rank + 10\n x.rank = rank\n return x\n })\n\n return { total: 0, records: items }\n }\n\n /\n @description 개인화 데이터 삭제\n **************************\n @returns\n /\n async delete(e) {\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined } = personal\n\n if (id) {\n let result = await ServiceUtil.deleteListByIds([id], 'deleteGridPersonalizes')\n if (result == true) {\n history.back()\n }\n } else {\n await MetaApi.showToast('info', 'there_is_nothing_to_delete')\n }\n }\n\n /\n @description 개인화 그리드 초기화\n ***********************************************\n /\n async reset(e) {\n await this.grist.fetch()\n }\n\n /*\n @description 컬럼 변경 사항 저장\n ***********************************************\n /\n async save(e) {\n // 변경 체크\n MetaApi.patchesForUpdateMultiple(this.grist)\n\n // 기존 데이터 조회\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined, template = {} } = personal\n\n let tempName = 'master'\n if (this.configGrist.configName) {\n tempName = this.configGrist.configName\n }\n\n // 기존 데이터 삭제\n if (template[tempName]) {\n delete template[tempName]\n }\n\n // 그리드 설정 데이터 숨김 필드 제외 후 정렬\n let records = this.grist.dirtyData.records\n let data = records.filter(x => x.hidden == false)\n data.sort((a, b) => {\n return a.rank - b.rank\n })\n template[tempName] = data.map(x => {\n return x.name\n })\n\n let patch = { template: JSON.stringify(template) }\n\n // 기존에 ID 가 있으면 update\n if (id) {\n patch.id = id\n patch.cuFlag = 'M'\n } else {\n patch.menu = {\n id: this.menuId\n }\n patch.cuFlag = '+'\n }\n await MetaApi.updateMultiple('updateMultipleGridpersonalize', [patch])\n\n MetaApi.showToast('info', TermsUtil.tText('success to save'))\n history.back()\n }\n}\n\ncustomElements.define('personal-column-selector', PersonalColumnSelector)\n"]}
1	+ {"version":3,"file":"personal-column-selector.js","sourceRoot":"","sources":["../../../client/pages/personalize/personal-column-selector.js"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport { css, html, LitElement } from 'lit'\n\nimport { i18next, localize } from '@things-factory/i18n-base'\nimport { ScrollbarStyles, CommonGristStyles, ButtonContainerStyles } from '@operato/styles'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { MetaApi } from '../../utils/meta-api'\nimport { ServiceUtil } from '../../utils/service-util'\n\n/*\n @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Yang <wryang@hatiolab.com>\n * @description 사용자 그리드 컬럼 개인화 팝업\n /\nexport class PersonalColumnSelector extends localize(i18next)(LitElement) {\n /\n @description 스타일 정의\n **********************************\n @returns {Object} 화면의 스타일 정의\n /\n static get styles() {\n let styles = [\n ScrollbarStyles,\n CommonGristStyles,\n ButtonContainerStyles,\n css`\n :host {\n display: flex;\n flex-direction: column;\n overflow-x: auto;\n }\n .container {\n flex: 1;\n display: grid;\n overflow: hidden;\n }\n .container_detail {\n background-color: var(--main-section-background-color);\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow-y: auto;\n }\n\n h2 {\n padding: var(--subtitle-padding);\n font: var(--subtitle-font);\n color: var(--subtitle-text-color);\n border-bottom: var(--subtitle-border-bottom);\n }\n\n .container_detail h2 {\n margin: var(--grist-title-margin);\n border: var(--grist-title-border);\n font: var(--grist-title-font);\n color: var(--secondary-color);\n }\n\n .container_detail h2 md-icon {\n --md-icon-size: var(--grist-title-icon-size);\n vertical-align: middle;\n margin: var(--grist-title-icon-margin);\n color: var(--grist-title-icon-color);\n }\n\n h2 {\n padding-bottom: var(--grist-title-with-grid-padding);\n }\n ox-grist {\n overflow-y: auto;\n flex: 1;\n }\n search-form {\n overflow: visible;\n }\n `\n ]\n return styles\n }\n\n /\n @description 프로퍼티 정의\n **********************************\n @returns {Object} 화면의 프로퍼티 정의\n /\n static get properties() {\n return {\n /\n @description 선택된 그리드\n ***************************\n @type {Object}\n /\n configGrist: {\n type: Object\n },\n\n /\n @description 메뉴 ID\n *****************************\n @type {String}\n /\n menuId: {\n type: String\n }\n }\n }\n\n /\n @description 라이트 사이클\n **************************\n /\n async connectedCallback() {\n // 메뉴 그룹 그리드 설정\n this.gridConfig = {\n rows: { selectable: false, appendable: false },\n pagination: { infinite: true },\n columns: [\n ...MetaApi.getGristGuttersConfig(false, false),\n MetaApi.getGristColumnConfig('integer', 'rank', 'center', true, false, 80),\n MetaApi.getGristColumnConfig('string', 'name', 'left', false, false, 180),\n MetaApi.getGristColumnConfig2('string', 'header', 'display', 'left', false, false, 180),\n MetaApi.getGristColumnConfig('boolean', 'hidden', 'center', true, false, 60)\n ]\n }\n\n if (super.connectedCallback) {\n await super.connectedCallback()\n }\n }\n\n /*\n @description 라이프 사이클\n **************************\n /\n render() {\n return html` <div id=\"container\" class=\"container\">\n <div class=\"container_detail\">\n <ox-grist id=\"ox-grist\" .config=${this.gridConfig} .mode=${'GRID'} auto-fetch .fetchHandler=${this.fetchColumns.bind(this)}> </ox-grist>\n\n <div id=\"button-container\" class=\"button-container\" style=\"margin-left:unset\">\n <button @click=${this.reset.bind(this)}><md-icon>restart_alt</md-icon>${TermsUtil.tButton('reset')}</button>\n <div filler></div>\n <button @click=${this.save.bind(this)}><md-icon>save</md-icon>${TermsUtil.tButton('save')}</button>\n <button danger @click=${this.delete.bind(this)}><md-icon>delete</md-icon>${TermsUtil.tButton('delete')}</button>\n </div>\n </div>\n </div>`\n }\n\n /*\n @description 그리드 리턴\n *************************\n @returns {Object} 그리드\n /\n get grist() {\n return this.shadowRoot.querySelector('#ox-grist')\n }\n\n /\n @description 컬럼 조회\n **************************\n @returns\n /\n async fetchColumns() {\n // 팝업 오프너에서 받아온 그리스트의 설정으로 보여준다\n let cols = this.configGrist.config.columns\n let filterCols = cols.filter(x => x.type != 'gutter' && x.name != 'id' && x.unusable !== true)\n let rank = 0\n\n let items = filterCols.map(x => {\n rank = rank + 10\n x.rank = rank\n return x\n })\n\n return { total: 0, records: items }\n }\n\n /\n @description 개인화 데이터 삭제\n **************************\n @returns\n /\n async delete(e) {\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined } = personal\n\n if (id) {\n let result = await ServiceUtil.deleteListByIds([id], 'deleteGridPersonalizes')\n if (result == true) {\n history.back()\n }\n } else {\n await MetaApi.showToast('info', 'there_is_nothing_to_delete')\n }\n }\n\n /\n @description 개인화 그리드 초기화\n ***********************************************\n /\n async reset(e) {\n await this.grist.fetch()\n }\n\n /*\n @description 컬럼 변경 사항 저장\n ***********************************************\n /\n async save(e) {\n // 변경 체크\n MetaApi.patchesForUpdateMultiple(this.grist)\n\n // 기존 데이터 조회\n let personal = await MetaApi.findMenuGridPersnalTemplate(this.menuId)\n let { id = undefined, template = {} } = personal\n\n let tempName = 'master'\n if (this.configGrist.configName) {\n tempName = this.configGrist.configName\n }\n\n // 기존 데이터 삭제\n if (template[tempName]) {\n delete template[tempName]\n }\n\n // 그리드 설정 데이터 숨김 필드 제외 후 정렬\n let records = this.grist.dirtyData.records\n let data = records.filter(x => x.hidden == false)\n data.sort((a, b) => {\n return a.rank - b.rank\n })\n template[tempName] = data.map(x => {\n return x.name\n })\n\n let patch = { template: JSON.stringify(template) }\n\n // 기존에 ID 가 있으면 update\n if (id) {\n patch.id = id\n patch.cuFlag = 'M'\n } else {\n patch.menu = {\n id: this.menuId\n }\n patch.cuFlag = '+'\n }\n await MetaApi.updateMultiple('updateMultipleGridpersonalize', [patch])\n\n MetaApi.showToast('info', TermsUtil.tText('success to save'))\n history.back()\n }\n}\n\ncustomElements.define('personal-column-selector', PersonalColumnSelector)\n"]}