@things-factory/i18n-base 7.0.1-alpha.71 → 7.0.1-alpha.77

package/dist-client/page/terminology-page.js

@@ -0,0 +1,363 @@
+import { __decorate, __metadata } from "tslib";
+import '@material/web/icon/icon.js';
+import '@operato/data-grist';
+import '@operato/context/ox-context-page-toolbar.js';
+import '@operato/input/ox-input-select-buttons.js';
+import { css, html } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { connect } from 'pwa-helpers/connect-mixin.js';
+import { store, PageView } from '@operato/shell';
+import { DataGrist } from '@operato/data-grist';
+import { i18next, localize } from '@operato/i18n';
+import { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles';
+import { OxPrompt } from '@operato/popup/ox-prompt.js';
+import { isMobileDevice } from '@operato/utils';
+let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18next)(PageView)) {
+    constructor() {
+        super(...arguments);
+        this.mode = isMobileDevice() ? 'CARD' : 'GRID';
+    }
+    get context() {
+        var _a;
+        return {
+            title: i18next.t('menu.Terminology'),
+            search: {
+                handler: (search) => {
+                    this.grist.searchText = search;
+                },
+                value: ((_a = this.grist) === null || _a === void 0 ? void 0 : _a.searchText) || ''
+            },
+            filter: {
+                handler: () => {
+                    this.grist.toggleHeadroom();
+                }
+            },
+            help: 'mfg-warehouse/term-page',
+            actions: [
+                {
+                    title: i18next.t('button.delete'),
+                    action: this.delete.bind(this),
+                    icon: 'delete'
+                },
+                {
+                    title: i18next.t('button.save'),
+                    action: this.save.bind(this),
+                    icon: 'save'
+                },
+                {
+                    title: i18next.t('button.print'),
+                    action: this.print.bind(this),
+                    icon: 'print'
+                }
+            ],
+            exportable: {
+                name: i18next.t('button.export'),
+                data: this.exportHandler.bind(this)
+            },
+            toolbar: false
+        };
+    }
+    getFilterStatus() {
+        return [
+            {
+                display: '한국어',
+                value: 'ko-KR'
+            },
+            {
+                display: 'English',
+                value: 'en-US'
+            },
+            {
+                display: '中文',
+                value: 'zh-CN'
+            },
+            {
+                display: '日本語',
+                value: 'ja-JP'
+            }
+        ];
+    }
+    render() {
+        const mode = this.mode || (isMobileDevice() ? 'LIST' : 'GRID');
+        return html `
+      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>
+        <div slot="headroom" class="header">
+          <div class="title">${i18next.t('title.Terminology')}</div>
+
+          <div class="filters">
+            <ox-input-select-buttons
+              .value=${this.state}
+              .options=${this.getFilterStatus()}
+              @change=${(e) => {
+            var _a;
+            this.state = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value;
+            this.grist.fetch();
+        }}
+            ></ox-input-select-buttons>
+          </div>
+
+          <ox-context-page-toolbar class="actions" .context=${this.context}></ox-context-page-toolbar>
+        </div>
+      </ox-grist>
+    `;
+    }
+    async pageInitialized(lifecycle) {
+        this.gristConfig = {
+            list: {
+                fields: ['name', 'description'],
+                details: ['active', 'updatedAt']
+            },
+            columns: [
+                { type: 'gutter', gutterName: 'sequence' },
+                { type: 'gutter', gutterName: 'row-selector', multiple: true },
+                {
+                    type: 'string',
+                    name: 'id',
+                    header: i18next.t('label.id'),
+                    hidden: true,
+                    width: 0
+                },
+                {
+                    type: 'string',
+                    name: 'name',
+                    header: i18next.t('label.name'),
+                    record: {
+                        editable: true
+                    },
+                    filter: 'search',
+                    sortable: true,
+                    width: 150
+                },
+                {
+                    type: 'string',
+                    name: 'locale',
+                    header: i18next.t('label.locale'),
+                    record: {
+                        editable: true
+                    },
+                    width: 200
+                },
+                {
+                    type: 'select',
+                    name: 'category',
+                    label: true,
+                    header: i18next.t('label.category'),
+                    record: {
+                        editable: false,
+                        options: [{ display: '', value: '' }, ...this.getFilterStatus()]
+                    },
+                    width: 100,
+                    filter: true,
+                    imex: true
+                },
+                {
+                    type: 'string',
+                    name: 'display',
+                    label: true,
+                    header: i18next.t('label.display'),
+                    record: {
+                        editable: true
+                    },
+                    filter: true,
+                    sortable: true,
+                    width: 250
+                },
+                {
+                    type: 'resource-object',
+                    name: 'updater',
+                    header: i18next.t('label.updater'),
+                    record: {
+                        editable: false
+                    },
+                    sortable: true,
+                    width: 120
+                },
+                {
+                    type: 'datetime',
+                    name: 'updatedAt',
+                    header: i18next.t('label.updated_at'),
+                    record: {
+                        editable: false
+                    },
+                    sortable: true,
+                    width: 180
+                }
+            ],
+            rows: {
+                appendable: false,
+                selectable: {
+                    multiple: true
+                }
+                /*handlers: {
+                  click: (columns, data, column, record, rowIndex) => {
+                    // TODO Implement the desired sub-view(like item-view) and use it in the popup content after importing
+                    const popup = openPopup(html`
+                        <item-view item-id=${record.id} style="background-color: white;">
+                        </item-view>
+                      `, {
+                      backdrop: true,
+                      size: 'large',
+                      title: i18next.t('text.item view')
+                    })
+                    popup.onclosed = () => {
+                      this.grist.fetch()
+                    }
+                  }
+                }*/
+            },
+            sorters: [
+                {
+                    name: 'name',
+                    desc: true
+                }
+            ]
+        };
+        await this.updateComplete;
+        this.grist.fetch();
+    }
+    async pageUpdated(changes, lifecycle) {
+        if (this.active) {
+            // do something here when this page just became as active
+        }
+    }
+    async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }) {
+        let url = 'terminologies';
+        let selectFields = 'id,name,locale,category,display,created_at,updated_at,creator,updater';
+        let result = null; // await ServiceUtil.searchByPagination(url, filters, sortings, page, limit, selectFields)
+        return {
+            total: result ? result.total : 0,
+            records: result ? result.items : []
+        };
+    }
+    exportHandler() {
+        let records = [];
+        if (this.grist.selected && this.grist.selected.length > 0) {
+            records = this.grist.selected;
+        }
+        else {
+            records = this.grist.data.records;
+        }
+        var headerSetting = this.grist.compiledConfig.columns
+            .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
+            .map(column => {
+            return column.imex === true
+                ? {
+                    header: column.header.renderer(column),
+                    key: column.name,
+                    width: column.width,
+                    type: column.type
+                }
+                : column.imex;
+        });
+        var data = records.map(item => {
+            return Object.assign({ id: item.id }, this.gristConfig.columns
+                .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
+                .reduce((record, column) => {
+                const key = column.imex === true ? column.name : column.imex.key;
+                record[key] = key
+                    .split('.')
+                    .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item);
+                return record;
+            }, {}));
+        });
+        return { header: headerSetting, data: data };
+    }
+    async delete() {
+        const selectedRecords = this.grist.selected;
+        if (!selectedRecords || selectedRecords.length == 0) {
+            // showToast('info', i18next.t('text.NOTHING_SELECTED'))
+        }
+        else {
+            const answer = null; // await showAlertPopup('button.delete', 'text.are_you_sure', 'question', 'delete', 'cancel')
+            if (answer) {
+                let patches = selectedRecords.map(record => {
+                    record['cud_flag_'] = 'd';
+                    return record;
+                });
+                return null; // await ServiceUtil.deleteMultiple('terminologies/update_multiple', patches)
+            }
+        }
+    }
+    async save() {
+        let changedRecords = this.grist.dirtyRecords;
+        if (!changedRecords || changedRecords.length == 0) {
+            // showToast('info', i18next.t('text.NOTHING_CHANGED'))
+        }
+        else {
+            let metaFields = [
+                'creator',
+                'updater',
+                'createdAt',
+                'updatedAt',
+                '__dirty__',
+                '__dirtyfields__',
+                '__origin__',
+                '__seq__',
+                '__selected__'
+            ];
+            let patches = changedRecords.map(record => {
+                let patchData = record.id ? { id: record.id } : {};
+                for (let key in record) {
+                    if (!metaFields.includes(key)) {
+                        patchData[key] = record[key];
+                    }
+                }
+                patchData['cud_flag_'] = record['__dirty__'] == 'M' ? 'u' : 'c';
+                return patchData;
+            });
+            //await ServiceUtil.updateMultiple('terminologies/update_multiple', patches)
+            this.grist.fetch();
+        }
+    }
+    print() {
+        const selected = this.grist.selected;
+        const ids = selected.map(record => record.id).join('|');
+        /* TODO Implement the desired functionality */
+        OxPrompt.open({
+            type: 'success',
+            title: i18next.t('text.completed'),
+            text: i18next.t('text.printed_successfully'),
+            confirmButton: { text: i18next.t('button.confirm') }
+        });
+    }
+};
+TerminologyPage.styles = [
+    ScrollbarStyles,
+    CommonHeaderStyles,
+    css `
+      :host {
+        display: flex;
+        flex-direction: column;
+
+        overflow: hidden;
+
+        --grid-header-padding: 2px 0 2px 9px;
+      }
+
+      ox-grist {
+        overflow-y: auto;
+        flex: 1;
+      }
+    `
+];
+__decorate([
+    state(),
+    __metadata("design:type", Object)
+], TerminologyPage.prototype, "gristConfig", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", String)
+], TerminologyPage.prototype, "mode", void 0);
+__decorate([
+    state(),
+    __metadata("design:type", Array)
+], TerminologyPage.prototype, "state", void 0);
+__decorate([
+    query('ox-grist'),
+    __metadata("design:type", DataGrist)
+], TerminologyPage.prototype, "grist", void 0);
+TerminologyPage = __decorate([
+    customElement('terminology-page')
+], TerminologyPage);
+export { TerminologyPage };
+//# sourceMappingURL=terminology-page.js.map

package/dist-client/page/terminology-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminology-page.js","sourceRoot":"","sources":["../../client/page/terminology-page.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/web/icon/icon.js'\n\nimport '@operato/data-grist'\nimport '@operato/context/ox-context-page-toolbar.js'\nimport '@operato/input/ox-input-select-buttons.js'\n\nimport { PropertyValues, css, html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\n\nimport { store, PageView } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { i18next, localize } from '@operato/i18n'\nimport { openPopup } from '@operato/layout'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\nimport { OxPrompt } from '@operato/popup/ox-prompt.js'\nimport { isMobileDevice } from '@operato/utils'\n\n@customElement('terminology-page')\nexport class TerminologyPage extends connect(store)(localize(i18next)(PageView)) {\n  static styles = [\n    ScrollbarStyles,\n    CommonHeaderStyles,\n    css`\n      :host {\n        display: flex;\n        flex-direction: column;\n\n        overflow: hidden;\n\n        --grid-header-padding: 2px 0 2px 9px;\n      }\n\n      ox-grist {\n        overflow-y: auto;\n        flex: 1;\n      }\n    `\n  ]\n\n  @state() private gristConfig: any\n  @state() private mode: 'CARD' | 'GRID' | 'LIST' = isMobileDevice() ? 'CARD' : 'GRID'\n  @state() private state?: string[]\n\n  @query('ox-grist') private grist!: DataGrist\n\n  get context() {\n    return {\n      title: i18next.t('menu.Terminology'),\n      search: {\n        handler: (search: string) => {\n          this.grist.searchText = search\n        },\n        value: this.grist?.searchText || ''\n      },\n      filter: {\n        handler: () => {\n          this.grist.toggleHeadroom()\n        }\n      },\n      help: 'mfg-warehouse/term-page',\n      actions: [\n        {\n          title: i18next.t('button.delete'),\n          action: this.delete.bind(this),\n          icon: 'delete'\n        },\n        {\n          title: i18next.t('button.save'),\n          action: this.save.bind(this),\n          icon: 'save'\n        },\n        {\n          title: i18next.t('button.print'),\n          action: this.print.bind(this),\n          icon: 'print'\n        }\n      ],\n      exportable: {\n        name: i18next.t('button.export'),\n        data: this.exportHandler.bind(this)\n      },\n      toolbar: false\n    }\n  }\n\n  getFilterStatus() {\n    return [\n      {\n        display: '한국어',\n        value: 'ko-KR'\n      },\n      {\n        display: 'English',\n        value: 'en-US'\n      },\n      {\n        display: '中文',\n        value: 'zh-CN'\n      },\n      {\n        display: '日本語',\n        value: 'ja-JP'\n      }\n    ]\n  }\n\n  render() {\n    const mode = this.mode || (isMobileDevice() ? 'LIST' : 'GRID')\n\n    return html`\n      <ox-grist .mode=${mode} .config=${this.gristConfig} .fetchHandler=${this.fetchHandler.bind(this)}>\n        <div slot=\"headroom\" class=\"header\">\n          <div class=\"title\">${i18next.t('title.Terminology')}</div>\n\n          <div class=\"filters\">\n            <ox-input-select-buttons\n              .value=${this.state}\n              .options=${this.getFilterStatus()}\n              @change=${(e: CustomEvent) => {\n                this.state = (e.currentTarget as any)?.value\n                this.grist.fetch()\n              }}\n            ></ox-input-select-buttons>\n          </div>\n\n          <ox-context-page-toolbar class=\"actions\" .context=${this.context}></ox-context-page-toolbar>\n        </div>\n      </ox-grist>\n    `\n  }\n\n  async pageInitialized(lifecycle) {\n    this.gristConfig = {\n      list: {\n        fields: ['name', 'description'],\n        details: ['active', 'updatedAt']\n      },\n      columns: [\n        { type: 'gutter', gutterName: 'sequence' },\n        { type: 'gutter', gutterName: 'row-selector', multiple: true },\n        {\n          type: 'string',\n          name: 'id',\n          header: i18next.t('label.id'),\n          hidden: true,\n          width: 0\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('label.name'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'string',\n          name: 'locale',\n          header: i18next.t('label.locale'),\n          record: {\n            editable: true\n          },\n          width: 200\n        },\n        {\n          type: 'select',\n          name: 'category',\n          label: true,\n          header: i18next.t('label.category'),\n          record: {\n            editable: false,\n            options: [{ display: '', value: '' }, ...this.getFilterStatus()]\n          },\n          width: 100,\n          filter: true,\n          imex: true\n        },\n        {\n          type: 'string',\n          name: 'display',\n          label: true,\n          header: i18next.t('label.display'),\n          record: {\n            editable: true\n          },\n          filter: true,\n          sortable: true,\n          width: 250\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('label.updater'),\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 120\n        },\n        {\n          type: 'datetime',\n          name: 'updatedAt',\n          header: i18next.t('label.updated_at'),\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 180\n        }\n      ],\n      rows: {\n        appendable: false,\n        selectable: {\n          multiple: true\n        }\n        /*handlers: {\n          click: (columns, data, column, record, rowIndex) => {\n            // TODO Implement the desired sub-view(like item-view) and use it in the popup content after importing\n            const popup = openPopup(html` \n                <item-view item-id=${record.id} style=\"background-color: white;\">\n                </item-view> \n              `, {\n              backdrop: true,\n              size: 'large',\n              title: i18next.t('text.item view')\n            })\n            popup.onclosed = () => {\n              this.grist.fetch()\n            }\n          }\n        }*/\n      },\n      sorters: [\n        {\n          name: 'name',\n          desc: true\n        }\n      ]\n    }\n\n    await this.updateComplete\n\n    this.grist.fetch()\n  }\n\n  async pageUpdated(changes: any, lifecycle: any) {\n    if (this.active) {\n      // do something here when this page just became as active\n    }\n  }\n\n  async fetchHandler({ page = 1, limit = 100, sortings = [], filters = [] }: FetchOption) {\n    let url = 'terminologies'\n    let selectFields = 'id,name,locale,category,display,created_at,updated_at,creator,updater'\n    let result = null as any // await ServiceUtil.searchByPagination(url, filters, sortings, page, limit, selectFields)\n\n    return {\n      total: result ? result.total : 0,\n      records: result ? result.items : []\n    }\n  }\n\n  exportHandler() {\n    let records = [] as GristRecord\n    if (this.grist.selected && this.grist.selected.length > 0) {\n      records = this.grist.selected\n    } else {\n      records = this.grist.data.records\n    }\n\n    var headerSetting = this.grist.compiledConfig.columns\n      .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)\n      .map(column => {\n        return column.imex === true\n          ? {\n              header: column.header.renderer(column),\n              key: column.name,\n              width: column.width,\n              type: column.type\n            }\n          : column.imex\n      })\n\n    var data = records.map(item => {\n      return {\n        id: item.id,\n        ...this.gristConfig.columns\n          .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)\n          .reduce((record, column) => {\n            const key = column.imex === true ? column.name : column.imex.key\n            record[key] = key\n              .split('.')\n              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)\n            return record\n          }, {})\n      }\n    })\n\n    return { header: headerSetting, data: data }\n  }\n\n  async delete() {\n    const selectedRecords = this.grist.selected\n\n    if (!selectedRecords || selectedRecords.length == 0) {\n      // showToast('info', i18next.t('text.NOTHING_SELECTED'))\n    } else {\n      const answer = null // await showAlertPopup('button.delete', 'text.are_you_sure', 'question', 'delete', 'cancel')\n\n      if (answer) {\n        let patches = selectedRecords.map(record => {\n          record['cud_flag_'] = 'd'\n          return record\n        })\n\n        return null // await ServiceUtil.deleteMultiple('terminologies/update_multiple', patches)\n      }\n    }\n  }\n\n  async save() {\n    let changedRecords = this.grist.dirtyRecords\n\n    if (!changedRecords || changedRecords.length == 0) {\n      // showToast('info', i18next.t('text.NOTHING_CHANGED'))\n    } else {\n      let metaFields = [\n        'creator',\n        'updater',\n        'createdAt',\n        'updatedAt',\n        '__dirty__',\n        '__dirtyfields__',\n        '__origin__',\n        '__seq__',\n        '__selected__'\n      ]\n\n      let patches = changedRecords.map(record => {\n        let patchData = record.id ? { id: record.id } : {}\n\n        for (let key in record) {\n          if (!metaFields.includes(key)) {\n            patchData[key] = record[key]\n          }\n        }\n\n        patchData['cud_flag_'] = record['__dirty__'] == 'M' ? 'u' : 'c'\n        return patchData\n      })\n\n      //await ServiceUtil.updateMultiple('terminologies/update_multiple', patches)\n      this.grist.fetch()\n    }\n  }\n\n  print() {\n    const selected = this.grist.selected\n    const ids = selected.map(record => record.id).join('|')\n\n    /* TODO Implement the desired functionality */\n\n    OxPrompt.open({\n      type: 'success',\n      title: i18next.t('text.completed'),\n      text: i18next.t('text.printed_successfully'),\n      confirmButton: { text: i18next.t('button.confirm') }\n    })\n  }\n}\n"]}

package/dist-client/route.d.ts

@@ -0,0 +1 @@
+export default function route(page: any): any;

package/dist-client/route.js

@@ -0,0 +1,8 @@
+export default function route(page) {
+    switch (page) {
+        case 'terminology':
+            import('./page/terminology-page.js');
+            return page;
+    }
+}
+//# sourceMappingURL=route.js.map

package/dist-client/route.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"route.js","sourceRoot":"","sources":["../client/route.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,IAAI;IAChC,QAAQ,IAAI,EAAE;QACZ,KAAK,aAAa;YAChB,MAAM,CAAC,4BAA4B,CAAC,CAAA;YACpC,OAAO,IAAI,CAAA;KACd;AACH,CAAC","sourcesContent":["export default function route(page) {\n  switch (page) {\n    case 'terminology':\n      import('./page/terminology-page.js')\n      return page\n  }\n}\n"]}