@things-factory/meta-ui 9.0.0-beta.27 → 9.0.0-beta.29

package/dist-client/pages/history/history-json-list-popup.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Yang
+ * @description 변경 이력 (JSON) 타입 조회 팝업
+ */
+export class HistoryJsonListPopup extends LitElement {
+    /**
+     * @description 스타일 정의
+     ***********************************
+     * @returns {Object} 화면의 스타일 정의
+     */
+    static get styles(): any;
+    /**
+     * @description 프로퍼티 정의
+     ***********************************
+     * @returns {Object} 화면의 프로퍼티 정의
+     */
+    static get properties(): any;
+    /**
+     * @description 라이트 사이클
+     ***************************
+     */
+    connectedCallback(): Promise<void>;
+    gqlFunc: any;
+    gridConfig: any;
+    /**
+     * @description 라이프 사이클
+     ***************************
+     */
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * @description 그리드 리턴
+     **************************
+     * @returns {Object} 그리드
+     */
+    get grist(): any;
+    /**
+     * @description 이력 조회
+     ***************************
+     * @returns
+     */
+    fetchHandler({ page, limit, sortings, filters }: {
+        page?: number | undefined;
+        limit?: number | undefined;
+        sortings?: never[] | undefined;
+        filters?: never[] | undefined;
+    }): Promise<FetchResult>;
+}
+import { LitElement } from 'lit';

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

@@ -0,0 +1,132 @@
+import { css, html, LitElement } from 'lit';
+import { i18next, localize } from '@operato/i18n';
+import { ScrollbarStyles, CommonGristStyles } from '@operato/styles';
+import { TermsUtil } from './../../utils/terms-util';
+import { UiUtil } from '../../utils/ui-util';
+import { MetaApi } from '../../utils/meta-api';
+/**
+ * @license
+ * Copyright © HatioLab Inc. All rights reserved.
+ * @author Yang
+ * @description 변경 이력 (JSON) 타입 조회 팝업
+ */
+export class HistoryJsonListPopup extends localize(i18next)(LitElement) {
+    /**
+     * @description 스타일 정의
+     ***********************************
+     * @returns {Object} 화면의 스타일 정의
+     */
+    static get styles() {
+        let styles = [
+            ScrollbarStyles,
+            CommonGristStyles,
+            css `
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: auto;
+        }
+        ox-grist {
+          overflow-y: auto;
+          flex: 1;
+        }
+
+        ox-filters-form {
+          flex: 1;
+        }
+      `
+        ];
+        return styles;
+    }
+    /**
+     * @description 프로퍼티 정의
+     ***********************************
+     * @returns {Object} 화면의 프로퍼티 정의
+     */
+    static get properties() {
+        return {
+            parent_id: String
+        };
+    }
+    /**
+     * @description 라이트 사이클
+     ***************************
+     */
+    async connectedCallback() {
+        // 메뉴 그룹 그리드 설정
+        let parentGristConfig = this.open_param.gristConfig;
+        this.gqlFunc = this.open_param.gqlFunc;
+        delete parentGristConfig.list;
+        delete parentGristConfig.rows;
+        parentGristConfig.rows = {
+            appendable: false,
+            selectable: false
+        };
+        parentGristConfig.sorters = [{ name: 'dataRevisionNo', desc: 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 = {};
+            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),
+            ...gristColumns
+        ];
+        this.gridConfig = parentGristConfig;
+        if (super.connectedCallback) {
+            await super.connectedCallback();
+        }
+    }
+    /**
+     * @description 라이프 사이클
+     ***************************
+     */
+    render() {
+        return html `
+      <ox-grist
+        id="ox-grist"
+        .config=${this.gridConfig}
+        .mode=${'GRID'}
+        auto-fetch
+        .fetchHandler=${this.fetchHandler.bind(this)}
+      >
+      </ox-grist>
+    `;
+    }
+    /**
+     * @description 그리드 리턴
+     **************************
+     * @returns {Object} 그리드
+     */
+    get grist() {
+        return this.shadowRoot.querySelector('#ox-grist');
+    }
+    /**
+     * @description 이력 조회
+     ***************************
+     * @returns
+     */
+    async fetchHandler({ page = 0, limit = 0, sortings = [], filters = [] }) {
+        let filter = [{ name: 'originalId', operator: 'eq', value: this.parent_id }, ...filters];
+        let selectFields = `
+      id
+      originalId
+      dataRevisionNo
+      dataRevisionAction
+      historyJson
+    `;
+        let result = await MetaApi.searchByPagination(`${this.gqlFunc}Histories`, filter, sortings, page, limit, selectFields);
+        result.records = result.records.map(x => {
+            return Object.assign(Object.assign({}, JSON.parse(x.historyJson)), x);
+        });
+        return result;
+    }
+}
+customElements.define('history-json-list-popup', HistoryJsonListPopup);
+//# sourceMappingURL=history-json-list-popup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"history-json-list-popup.js","sourceRoot":"","sources":["../../../client/pages/history/history-json-list-popup.js"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles, CommonGristStyles } from '@operato/styles'\n\nimport { TermsUtil } from './../../utils/terms-util'\nimport { UiUtil } from '../../utils/ui-util'\nimport { MetaApi } from '../../utils/meta-api'\n\n/**\n * @license\n * Copyright © HatioLab Inc. All rights reserved.\n * @author Yang\n * @description 변경 이력 (JSON) 타입 조회 팝업\n */\nexport class HistoryJsonListPopup extends localize(i18next)(LitElement) {\n  /**\n   * @description 스타일 정의\n   ***********************************\n   * @returns {Object} 화면의 스타일 정의\n   */\n  static get styles() {\n    let styles = [\n      ScrollbarStyles,\n      CommonGristStyles,\n      css`\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow-x: auto;\n        }\n        ox-grist {\n          overflow-y: auto;\n          flex: 1;\n        }\n\n        ox-filters-form {\n          flex: 1;\n        }\n      `\n    ]\n    return styles\n  }\n\n  /**\n   * @description 프로퍼티 정의\n   ***********************************\n   * @returns {Object} 화면의 프로퍼티 정의\n   */\n  static get properties() {\n    return {\n      parent_id: String\n    }\n  }\n\n  /**\n   * @description 라이트 사이클\n   ***************************\n   */\n  async connectedCallback() {\n    // 메뉴 그룹 그리드 설정\n    let parentGristConfig = this.open_param.gristConfig\n    this.gqlFunc = this.open_param.gqlFunc\n\n    delete parentGristConfig.list\n    delete parentGristConfig.rows\n\n    parentGristConfig.rows = {\n      appendable: false,\n      selectable: false\n    }\n\n    parentGristConfig.sorters = [{ name: 'dataRevisionNo', desc: true }]\n\n    let gristColumns = parentGristConfig.columns.filter(x => x.type != 'gutter' && x.unusable !== true)\n    gristColumns.forEach(x => {\n      if (x.filter) delete x.filter\n      if (!x.record) x.record = {}\n\n      x.sortable = false\n      x.record.editable = false\n    })\n\n    parentGristConfig.columns = [\n      { type: 'gutter', gutterName: 'dirty' },\n      MetaApi.getGristColumnConfig2('integer', 'dataRevisionNo', 'data_revision_no', 'center', false, true, 90),\n      MetaApi.getGristColumnConfig2('string', 'dataRevisionAction', 'data_revision_action', 'center', false, false, 90),\n      ...gristColumns\n    ]\n\n    this.gridConfig = parentGristConfig\n\n    if (super.connectedCallback) {\n      await super.connectedCallback()\n    }\n  }\n\n  /**\n   * @description 라이프 사이클\n   ***************************\n   */\n  render() {\n    return html`\n      <ox-grist\n        id=\"ox-grist\"\n        .config=${this.gridConfig}\n        .mode=${'GRID'}\n        auto-fetch\n        .fetchHandler=${this.fetchHandler.bind(this)}\n      >\n      </ox-grist>\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, sortings = [], filters = [] }) {\n    let filter = [{ name: 'originalId', operator: 'eq', value: this.parent_id }, ...filters]\n\n    let selectFields = `\n      id\n      originalId\n      dataRevisionNo\n      dataRevisionAction\n      historyJson\n    `\n\n    let result = await MetaApi.searchByPagination(\n      `${this.gqlFunc}Histories`,\n      filter,\n      sortings,\n      page,\n      limit,\n      selectFields\n    )\n\n    result.records = result.records.map(x => {\n      return {\n        ...JSON.parse(x.historyJson),\n        ...x\n      }\n    })\n    return result\n  }\n}\n\ncustomElements.define('history-json-list-popup', HistoryJsonListPopup)\n"]}

package/dist-client/pages/menu/dynamic-menu-template.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,80 @@
+import { css, html, LitElement } from 'lit';
+import { i18next, localize } from '@operato/i18n';
+import { ScrollbarStyles } from '@operato/styles';
+import '@operato/input/ox-input-code.js';
+import { MetaApi } from '../../utils/meta-api';
+class DynamicMenuTemplate extends localize(i18next)(LitElement) {
+    static get properties() {
+        return {
+            title: String,
+            recordId: String
+        };
+    }
+    static get styles() {
+        let styles = [
+            ScrollbarStyles,
+            css `
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow-x: overlay;
+          background-color: var(--md-sys-color-background);
+        }
+        legend {
+          margin: 10px;
+          text-transform: capitalize;
+          padding: var(--legend-padding);
+          font: var(--legend-font);
+          color: var(--legend-text-color);
+          border-bottom: var(--legend-border-bottom);
+        }
+        ox-input-code {
+          margin: 10px;
+          overflow-y: auto;
+          flex: 1;
+        }
+        .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;
+    }
+    async firstUpdated() {
+        if (super.firstUpdated) {
+            await super.firstUpdated();
+        }
+        let menu = await MetaApi.findOne('menu', this.recordId, 'template');
+        let codeData = menu ? menu.template || '' : '';
+        this.codeEditor.value = codeData;
+        this.codeEditor.orgValue = this.codeEditor.value;
+    }
+    render() {
+        return html ` <legend>${this.title}</legend>
+      <ox-input-code mode="javascript" value=${this.codeValueNew}></ox-input-code>
+      <div class="button-container"></div>`;
+    }
+    get codeEditor() {
+        return this.shadowRoot.querySelector('ox-input-code');
+    }
+    async save() {
+        if (this.codeEditor.orgValue == this.codeEditor.value) {
+            MetaApi.showAlertPopup('text.nothing_changed', 'text.there_is_nothing_to_save', 'info', 'confirm');
+            return;
+        }
+        let template = this.codeEditor.value;
+        let patches = [{ id: this.recordId, template: template, cuFlag: 'M' }];
+        let result = await MetaApi.updateMultiple('updateMultipleMenu', patches);
+        if (result) {
+            history.back();
+        }
+    }
+}
+customElements.define('dynamic-menu-template', DynamicMenuTemplate);
+//# sourceMappingURL=dynamic-menu-template.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic-menu-template.js","sourceRoot":"","sources":["../../../client/pages/menu/dynamic-menu-template.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,OAAO,iCAAiC,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,MAAM,mBAAoB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAC7D,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,MAAM;SACjB,CAAA;IACH,CAAC;IAED,MAAM,KAAK,MAAM;QACf,IAAI,MAAM,GAAG;YACX,eAAe;YACf,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BF;SACF,CAAA;QAED,OAAO,MAAM,CAAA;IACf,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC;YACvB,MAAM,KAAK,CAAC,YAAY,EAAE,CAAA;QAC5B,CAAC;QAED,IAAI,IAAI,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAA;QACnE,IAAI,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;QAC9C,IAAI,CAAC,UAAU,CAAC,KAAK,GAAG,QAAQ,CAAA;QAChC,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA;IAClD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,YAAY,IAAI,CAAC,KAAK;+CACU,IAAI,CAAC,YAAY;2CACrB,CAAA;IACzC,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACvD,CAAC;IAED,KAAK,CAAC,IAAI;QACR,IAAI,IAAI,CAAC,UAAU,CAAC,QAAQ,IAAI,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE,CAAC;YACtD,OAAO,CAAC,cAAc,CAAC,sBAAsB,EAAE,+BAA+B,EAAE,MAAM,EAAE,SAAS,CAAC,CAAA;YAClG,OAAM;QACR,CAAC;QAED,IAAI,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA;QAEpC,IAAI,OAAO,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAA;QACtE,IAAI,MAAM,GAAG,MAAM,OAAO,CAAC,cAAc,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAA;QACxE,IAAI,MAAM,EAAE,CAAC;YACX,OAAO,CAAC,IAAI,EAAE,CAAA;QAChB,CAAC;IACH,CAAC;CACF;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,mBAAmB,CAAC,CAAA","sourcesContent":["import { css, html, LitElement } from 'lit'\nimport { i18next, localize } from '@operato/i18n'\nimport { ScrollbarStyles } from '@operato/styles'\n\nimport '@operato/input/ox-input-code.js'\n\nimport { MetaApi } from '../../utils/meta-api'\n\nclass DynamicMenuTemplate extends localize(i18next)(LitElement) {\n  static get properties() {\n    return {\n      title: String,\n      recordId: String\n    }\n  }\n\n  static get styles() {\n    let styles = [\n      ScrollbarStyles,\n      css`\n        :host {\n          display: flex;\n          flex-direction: column;\n          overflow-x: overlay;\n          background-color: var(--md-sys-color-background);\n        }\n        legend {\n          margin: 10px;\n          text-transform: capitalize;\n          padding: var(--legend-padding);\n          font: var(--legend-font);\n          color: var(--legend-text-color);\n          border-bottom: var(--legend-border-bottom);\n        }\n        ox-input-code {\n          margin: 10px;\n          overflow-y: auto;\n          flex: 1;\n        }\n        .button-container {\n          padding: var(--button-container-padding);\n          margin: var(--button-container-margin);\n          text-align: var(--button-container-align);\n          background-color: var(--button-container-background);\n          height: var(--button-container-height);\n          text-align: right;\n          padding-right: 12px;\n        }\n      `\n    ]\n\n    return styles\n  }\n\n  async firstUpdated() {\n    if (super.firstUpdated) {\n      await super.firstUpdated()\n    }\n\n    let menu = await MetaApi.findOne('menu', this.recordId, 'template')\n    let codeData = menu ? menu.template || '' : ''\n    this.codeEditor.value = codeData\n    this.codeEditor.orgValue = this.codeEditor.value\n  }\n\n  render() {\n    return html` <legend>${this.title}</legend>\n      <ox-input-code mode=\"javascript\" value=${this.codeValueNew}></ox-input-code>\n      <div class=\"button-container\"></div>`\n  }\n\n  get codeEditor() {\n    return this.shadowRoot.querySelector('ox-input-code')\n  }\n\n  async save() {\n    if (this.codeEditor.orgValue == this.codeEditor.value) {\n      MetaApi.showAlertPopup('text.nothing_changed', 'text.there_is_nothing_to_save', 'info', 'confirm')\n      return\n    }\n\n    let template = this.codeEditor.value\n\n    let patches = [{ id: this.recordId, template: template, cuFlag: 'M' }]\n    let result = await MetaApi.updateMultiple('updateMultipleMenu', patches)\n    if (result) {\n      history.back()\n    }\n  }\n}\n\ncustomElements.define('dynamic-menu-template', DynamicMenuTemplate)\n"]}

package/dist-client/pages/menu/dynamic-menu.d.ts

@@ -0,0 +1,83 @@
+import '@material/web/icon/icon.js';
+import '@things-factory/form-ui';
+import { PageView } from '@operato/shell';
+import { OxFiltersFormBase } from '@operato/form';
+import './dynamic-menu-template.js';
+import './export-menu-popup.js';
+import { DataGrist, FetchOption } from '@operato/data-grist';
+declare const DynamicMenu_base: (new (...args: any[]) => {
+    __preferenceProviders: {
+        [element: string]: import("@operato/p13n").PagePreferenceProvider;
+    };
+    getPagePreferenceProvider(element: string): import("@operato/p13n").PagePreferenceProvider | undefined;
+}) & (new (...args: any[]) => import("lit").LitElement) & typeof PageView;
+export declare class DynamicMenu extends DynamicMenu_base {
+    static styles: any[];
+    searchFields?: string[];
+    groupConfig: any;
+    detailConfig: any;
+    searchForm: OxFiltersFormBase;
+    groupGrist: DataGrist;
+    detailGrist: DataGrist;
+    private menuGroupId?;
+    render(): import("lit-html").TemplateResult<1>;
+    get context(): {
+        title: string;
+    };
+    /*******************************************/
+    /*******************************************/
+    /**
+     * @description 부모 메뉴 (메뉴 그룹) 선택시 하위 메뉴 리스트 조회
+     *********************************
+     * @param {Object} param0
+     */
+    fetchDetailHandler({ page, limit, sorters }: FetchOption): Promise<any>;
+    /**
+     * @description 부모 메뉴 (메뉴 그룹) 조회
+     ****************************************
+     * @param {Object} param0
+     * @returns
+     */
+    fetchGroupHandler({ page, limit, sorters }: FetchOption): Promise<FetchResult>;
+    /*******************************************/
+    /*******************************************/
+    /**
+     * 메뉴 그룹 Create / Update
+     */
+    saveGroup(): Promise<void>;
+    /**
+     * 메뉴 그룹 Delete
+     * @returns
+     */
+    deleteGroup(): Promise<void>;
+    /**
+     * 메뉴 Create / Update
+     */
+    saveMenu(): Promise<void>;
+    exportMenu(record: any): Promise<void>;
+    /**
+     * 메뉴 Delete
+     * @returns
+     */
+    deleteMenu(): Promise<void>;
+    /**
+     * 메뉴 복사
+     */
+    copyMenu(): Promise<void>;
+    groupMenuQuery(record: any): void;
+    /**
+     * 메뉴 템플릿을 편집 할 수 있는 팝업을 오픈한다.
+     * @param {Object} record
+     */
+    openMenuTemplatePopup(record: any): Promise<void>;
+    /**
+     * 메뉴 템플릿을 생성 할 수 있는 화면으로 이동한다.
+     * @param {Object} record
+     */
+    navigateMetaGenerator(record: any): void;
+    /**
+     * LifeCycle - 화면 레더링 설정
+     */
+    pageInitialized(lifecycle: any): Promise<void>;
+}
+export {};