@things-factory/i18n-base 7.0.1-alpha.82 → 7.0.1-alpha.85

package/client/page/terminology-page.ts

@@ -91,19 +91,19 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
     return [
       {
         display: '한국어',
-        value: 'ko-KR'
+        value: 'ko'
       },
       {
         display: 'English',
-        value: 'en-US'
+        value: 'en'
       },
       {
         display: '中文',
-        value: 'zh-CN'
+        value: 'zh'
       },
       {
         display: '日本語',
-        value: 'ja-JP'
+        value: 'ja'
       }
     ]
   }
@@ -151,7 +151,7 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
           },
           filter: 'search',
           sortable: true,
-          width: 150
+          width: 250
         },
         {
           type: 'select',
@@ -161,7 +161,7 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
             editable: true,
             options: [{ display: '', value: '' }, ...this.getFilterStatus()]
           },
-          width: 200,
+          width: 90,
           filter: {
             type: 'select-buttons',
             operator: 'in'
@@ -176,7 +176,7 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
             editable: true,
             options: ['', 'button', 'field', 'label', 'menu', 'text', 'title']
           },
-          width: 100,
+          width: 90,
           filter: 'in',
           imex: true
         },
@@ -190,7 +190,7 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
           },
           filter: 'search',
           sortable: true,
-          width: 250
+          width: 380
         },
         {
           type: 'resource-object',
@@ -242,10 +242,6 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
         }
       ]
     }
-
-    await this.updateComplete
-
-    this.grist.fetch()
   }
 
   async pageUpdated(changes: any, lifecycle: any) {
@@ -380,7 +376,7 @@ export class TerminologyPage extends connect(store)(localize(i18next)(PageView))
     })
 
     if (!response.errors) {
-      this.showToast(i18next.t('text.nothing_selected'))
+      this.showToast(i18next.t('text.info_x_successfully', { x: i18next.t('text.clearing-cache') }))
     }
   }
 

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

@@ -65,19 +65,19 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
         return [
             {
                 display: '한국어',
-                value: 'ko-KR'
+                value: 'ko'
             },
             {
                 display: 'English',
-                value: 'en-US'
+                value: 'en'
             },
             {
                 display: '中文',
-                value: 'zh-CN'
+                value: 'zh'
             },
             {
                 display: '日本語',
-                value: 'ja-JP'
+                value: 'ja'
             }
         ];
     }
@@ -122,7 +122,7 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
                     },
                     filter: 'search',
                     sortable: true,
-                    width: 150
+                    width: 250
                 },
                 {
                     type: 'select',
@@ -132,7 +132,7 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
                         editable: true,
                         options: [{ display: '', value: '' }, ...this.getFilterStatus()]
                     },
-                    width: 200,
+                    width: 90,
                     filter: {
                         type: 'select-buttons',
                         operator: 'in'
@@ -147,7 +147,7 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
                         editable: true,
                         options: ['', 'button', 'field', 'label', 'menu', 'text', 'title']
                     },
-                    width: 100,
+                    width: 90,
                     filter: 'in',
                     imex: true
                 },
@@ -161,7 +161,7 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
                     },
                     filter: 'search',
                     sortable: true,
-                    width: 250
+                    width: 380
                 },
                 {
                     type: 'resource-object',
@@ -213,8 +213,6 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
                 }
             ]
         };
-        await this.updateComplete;
-        this.grist.fetch();
     }
     async pageUpdated(changes, lifecycle) {
         if (this.active) {
@@ -332,7 +330,7 @@ let TerminologyPage = class TerminologyPage extends connect(store)(localize(i18n
       `
         });
         if (!response.errors) {
-            this.showToast(i18next.t('text.nothing_selected'));
+            this.showToast(i18next.t('text.info_x_successfully', { x: i18next.t('text.clearing-cache') }));
         }
     }
     async save() {

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

@@ -1 +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 { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\n\nimport { store, CustomAlert, PageView } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\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('title.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.clear-cache'),\n          action: this.clearCache.bind(this),\n          icon: 'ink_eraser'\n        },\n        {\n          title: i18next.t('button.save'),\n          action: this.save.bind(this),\n          icon: 'save'\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: this.delete.bind(this),\n          icon: 'delete',\n          emphasis: {\n            danger: true\n          }\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-filters-form autofocus without-search></ox-filters-form>\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('field.id'),\n          hidden: true,\n          width: 0\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 150\n        },\n        {\n          type: 'select',\n          name: 'locale',\n          header: i18next.t('field.locale'),\n          record: {\n            editable: true,\n            options: [{ display: '', value: '' }, ...this.getFilterStatus()]\n          },\n          width: 200,\n          filter: {\n            type: 'select-buttons',\n            operator: 'in'\n          }\n        },\n        {\n          type: 'select',\n          name: 'category',\n          label: true,\n          header: i18next.t('field.category'),\n          record: {\n            editable: true,\n            options: ['', 'button', 'field', 'label', 'menu', 'text', 'title']\n          },\n          width: 100,\n          filter: 'in',\n          imex: true\n        },\n        {\n          type: 'string',\n          name: 'display',\n          label: true,\n          header: i18next.t('field.display'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 250\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.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('field.updated_at'),\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 180\n        }\n      ],\n      rows: {\n        appendable: true,\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    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          terminologies(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              locale\n              category\n              display\n              creator {\n                id\n                name\n              }\n              createdAt\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    return {\n      total: response.data.terminologies.total || 0,\n      records: response.data.terminologies.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      this.showToast(i18next.t('text.NOTHING_SELECTED'))\n    } else {\n      const answer = await CustomAlert({\n        type: 'question',\n        title: i18next.t('button.delete'),\n        text: i18next.t('text.are_you_sure'),\n        confirmButton: { text: i18next.t('button.delete') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n\n      if (!answer) {\n        return\n      }\n\n      let ids = selectedRecords.map(record => record.id)\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($ids: [String!]!) {\n            deleteTerminologies(ids: $ids)\n          }\n        `,\n        variables: {\n          ids\n        }\n      })\n\n      this.grist.fetch()\n\n      return response.data.deleteTerminologies\n    }\n  }\n\n  async clearCache() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation {\n          clearTranslationsCache\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.showToast(i18next.t('text.nothing_selected'))\n    }\n  }\n\n  async save() {\n    let changedRecords = this.grist.dirtyRecords\n\n    if (!changedRecords || changedRecords.length == 0) {\n      this.showToast(i18next.t('text.nothing_changed'))\n    } else {\n      const patches = changedRecords.map(patch => {\n        const patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [TerminologyPatch!]!) {\n            updateMultipleTerminologies(patches: $patches) {\n              id\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      this.grist.fetch()\n    }\n  }\n\n  showToast(message: string) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message } }))\n  }\n}\n"]}
+{"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 { css, html } from 'lit'\nimport { customElement, query, state } from 'lit/decorators.js'\nimport { connect } from 'pwa-helpers/connect-mixin.js'\nimport gql from 'graphql-tag'\n\nimport { store, CustomAlert, PageView } from '@operato/shell'\nimport { client } from '@operato/graphql'\nimport { DataGrist, FetchOption, GristRecord } from '@operato/data-grist'\nimport { i18next, localize } from '@operato/i18n'\nimport { CommonHeaderStyles, ScrollbarStyles } from '@operato/styles'\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('title.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.clear-cache'),\n          action: this.clearCache.bind(this),\n          icon: 'ink_eraser'\n        },\n        {\n          title: i18next.t('button.save'),\n          action: this.save.bind(this),\n          icon: 'save'\n        },\n        {\n          title: i18next.t('button.delete'),\n          action: this.delete.bind(this),\n          icon: 'delete',\n          emphasis: {\n            danger: true\n          }\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'\n      },\n      {\n        display: 'English',\n        value: 'en'\n      },\n      {\n        display: '中文',\n        value: 'zh'\n      },\n      {\n        display: '日本語',\n        value: 'ja'\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-filters-form autofocus without-search></ox-filters-form>\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('field.id'),\n          hidden: true,\n          width: 0\n        },\n        {\n          type: 'string',\n          name: 'name',\n          header: i18next.t('field.name'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 250\n        },\n        {\n          type: 'select',\n          name: 'locale',\n          header: i18next.t('field.locale'),\n          record: {\n            editable: true,\n            options: [{ display: '', value: '' }, ...this.getFilterStatus()]\n          },\n          width: 90,\n          filter: {\n            type: 'select-buttons',\n            operator: 'in'\n          }\n        },\n        {\n          type: 'select',\n          name: 'category',\n          label: true,\n          header: i18next.t('field.category'),\n          record: {\n            editable: true,\n            options: ['', 'button', 'field', 'label', 'menu', 'text', 'title']\n          },\n          width: 90,\n          filter: 'in',\n          imex: true\n        },\n        {\n          type: 'string',\n          name: 'display',\n          label: true,\n          header: i18next.t('field.display'),\n          record: {\n            editable: true\n          },\n          filter: 'search',\n          sortable: true,\n          width: 380\n        },\n        {\n          type: 'resource-object',\n          name: 'updater',\n          header: i18next.t('field.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('field.updated_at'),\n          record: {\n            editable: false\n          },\n          sortable: true,\n          width: 180\n        }\n      ],\n      rows: {\n        appendable: true,\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\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    const response = await client.query({\n      query: gql`\n        query ($filters: [Filter!], $pagination: Pagination, $sortings: [Sorting!]) {\n          terminologies(filters: $filters, pagination: $pagination, sortings: $sortings) {\n            items {\n              id\n              name\n              locale\n              category\n              display\n              creator {\n                id\n                name\n              }\n              createdAt\n              updater {\n                id\n                name\n              }\n              updatedAt\n            }\n\n            total\n          }\n        }\n      `,\n      variables: {\n        filters,\n        pagination: { page, limit },\n        sortings\n      }\n    })\n\n    return {\n      total: response.data.terminologies.total || 0,\n      records: response.data.terminologies.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      this.showToast(i18next.t('text.NOTHING_SELECTED'))\n    } else {\n      const answer = await CustomAlert({\n        type: 'question',\n        title: i18next.t('button.delete'),\n        text: i18next.t('text.are_you_sure'),\n        confirmButton: { text: i18next.t('button.delete') },\n        cancelButton: { text: i18next.t('button.cancel') }\n      })\n\n      if (!answer) {\n        return\n      }\n\n      let ids = selectedRecords.map(record => record.id)\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($ids: [String!]!) {\n            deleteTerminologies(ids: $ids)\n          }\n        `,\n        variables: {\n          ids\n        }\n      })\n\n      this.grist.fetch()\n\n      return response.data.deleteTerminologies\n    }\n  }\n\n  async clearCache() {\n    const response = await client.mutate({\n      mutation: gql`\n        mutation {\n          clearTranslationsCache\n        }\n      `\n    })\n\n    if (!response.errors) {\n      this.showToast(i18next.t('text.info_x_successfully', { x: i18next.t('text.clearing-cache') }))\n    }\n  }\n\n  async save() {\n    let changedRecords = this.grist.dirtyRecords\n\n    if (!changedRecords || changedRecords.length == 0) {\n      this.showToast(i18next.t('text.nothing_changed'))\n    } else {\n      const patches = changedRecords.map(patch => {\n        const patchField: any = patch.id ? { id: patch.id } : {}\n        const dirtyFields = patch.__dirtyfields__\n        for (let key in dirtyFields) {\n          patchField[key] = dirtyFields[key].after\n        }\n        patchField.cuFlag = patch.__dirty__\n\n        return patchField\n      })\n\n      const response = await client.mutate({\n        mutation: gql`\n          mutation ($patches: [TerminologyPatch!]!) {\n            updateMultipleTerminologies(patches: $patches) {\n              id\n            }\n          }\n        `,\n        variables: {\n          patches\n        }\n      })\n\n      this.grist.fetch()\n    }\n  }\n\n  showToast(message: string) {\n    document.dispatchEvent(new CustomEvent('notify', { detail: { message } }))\n  }\n}\n"]}