@things-factory/biz-ui 10.1.123 → 10.1.135

package/client/components/index.ts

@@ -1,3 +1 @@
-export * from './connect-contact-points-popup'
-export * from './contact-points-popup'
 export * from './popup-partner-bizplaces-selector'

package/client/pages/bizplace-list.ts

@@ -2,13 +2,11 @@ import '@things-factory/form-ui'
 import '@operato/data-grist'
 import { i18next, localize } from '@operato/i18n'
 import { openImportPopUp } from '@things-factory/import-ui'
-import { openPopup } from '@operato/layout'
 import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
 import { ScrollbarStyles, CommonButtonStyles, WorkSurfacePageStyles } from '@operato/styles'
 import { client, CustomAlert, PageView, store } from '@things-factory/shell'
 import gql from 'graphql-tag'
 import { css, html } from 'lit'
-import '../components/connect-contact-points-popup'
 
 class BizplaceList extends localize(i18next)(PageView) {
   static get properties() {
@@ -125,16 +123,6 @@ class BizplaceList extends localize(i18next)(PageView) {
         { type: 'gutter', gutterName: 'dirty' },
         { type: 'gutter', gutterName: 'sequence' },
         { type: 'gutter', gutterName: 'row-selector', multiple: true },
-        {
-          type: 'gutter',
-          gutterName: 'button',
-          icon: 'reorder',
-          handlers: {
-            click: (_columns, _data, _column, record, _rowIndex) => {
-              if (record.id && record.name) this._openContactPoints(record.id, record.name)
-            }
-          }
-        },
         {
           type: 'string',
           name: 'name',
@@ -327,22 +315,6 @@ class BizplaceList extends localize(i18next)(PageView) {
     }
   }
 
-  _openContactPoints(bizplaceId, bizplaceName) {
-    openPopup(
-      html`
-        <connect-contact-point-popup
-          .bizplaceId="${bizplaceId}"
-          .bizplaceName="${bizplaceName}"
-        ></connect-contact-point-popup>
-      `,
-      {
-        backdrop: true,
-        size: 'large',
-        title: i18next.t('title.contact_point_list')
-      }
-    )
-  }
-
   _exportableData() {
     let records = []
     if (this.dataGrist.selected && this.dataGrist.selected.length > 0) {

package/client/route.ts

@@ -11,9 +11,5 @@ export default function route(page) {
     case 'partners':
       import('./pages/partner-list')
       return page
-
-    case 'contact-points':
-      import('./pages/contact-point-list')
-      return page
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/biz-ui",
-  "version": "10.1.123",
+  "version": "10.1.135",
   "main": "dist-server/index.js",
   "browser": "client/index.ts",
   "things-factory": true,
@@ -27,12 +27,12 @@
     "@operato/data-grist": "^10.0.0",
     "@operato/layout": "^10.0.0",
     "@operato/styles": "^10.0.0",
-    "@things-factory/biz-base": "^10.1.123",
+    "@things-factory/biz-base": "^10.1.135",
     "@things-factory/code-base": "^10.1.123",
     "@things-factory/form-ui": "^10.1.29",
     "@things-factory/i18n-base": "^10.1.123",
     "@things-factory/import-ui": "^10.1.123",
     "@things-factory/shell": "^10.1.123"
   },
-  "gitHead": "9781f1eb37a7e6a37285878cff16f8683747eb7a"
+  "gitHead": "c693c5bc5a21fef4d5994ba352ff3427d030407e"
 }

package/things-factory.config.js

@@ -15,10 +15,6 @@ export default {
     {
       tagname: 'partner-list',
       page: 'partners'
-    },
-    {
-      tagname: 'contact-point-list',
-      page: 'contact-points'
     }
   ],
   bootstrap

package/translations/en.json

@@ -5,29 +5,9 @@
   "field.billing_address": "billing address",
   "field.company_name": "company name",
   "field.other_company": "other company",
-  "title.contact_points": "contact points",
   "title.select_supplier": "select supplier",
   "text.bizplace_is_not_selected": "customer is not selected",
   "label.account_no": "account no",
-  "text.invalid_form": "invalid form",
+  "text.invalid_form": "invalid form"
 
-  "field.contact_point_customer_name": "Customer Name",
-  "field.contact_point_company_name": "Company Name",
-  "field.contact_point_other_company_name": "Other Company",
-  "field.contact_point_company_description": "Description",
-  "field.contact_point_email": "E-mail",
-  "field.contact_point_phone": "Phone",
-  "field.contact_point_company_address": "Address",
-  "field.contact_point_company_address_2": "Address 2",
-  "field.contact_point_postal_code": "Postal Code",
-  "field.contact_point_city": "City",
-  "field.contact_point_billing_address": "Billing Address",
-  "field.contact_point_type": "Type",
-  "field.contact_point_updater": "Updater",
-  "field.contact_point_updated_at": "Updated At",
-  "field.contact_point_state": "State",
-  "field.contact_point_fax": "Fax",
-  "field.contact_point_account_no": "Account No",
-  "field.contact_point_registration_number": "Registration No",
-  "field.contact_point_business_type": "Business Type"
 }

package/translations/ja.json

@@ -5,28 +5,8 @@
   "field.billing_address": "請求先住所",
   "field.company_name": "会社名",
   "field.other_company": "相手方会社",
-  "title.contact_points": "連絡先",
   "title.select_supplier": "サプライヤー選択",
   "text.bizplace_is_not_selected": "顧客が選択されていません",
   "label.account_no": "口座番号",
-  "text.invalid_form": "無効なフォーム",
-  "field.contact_point_customer_name": "顧客企業名",
-  "field.contact_point_company_name": "会社名",
-  "field.contact_point_other_company_name": "相手方会社",
-  "field.contact_point_company_description": "説明",
-  "field.contact_point_email": "メール",
-  "field.contact_point_phone": "電話番号",
-  "field.contact_point_company_address": "住所",
-  "field.contact_point_company_address_2": "住所 2",
-  "field.contact_point_postal_code": "郵便番号",
-  "field.contact_point_city": "市",
-  "field.contact_point_billing_address": "請求先住所",
-  "field.contact_point_type": "タイプ",
-  "field.contact_point_updater": "更新者",
-  "field.contact_point_updated_at": "更新日",
-  "field.contact_point_state": "州",
-  "field.contact_point_fax": "ファックス",
-  "field.contact_point_account_no": "口座番号",
-  "field.contact_point_registration_number": "登録番号",
-  "field.contact_point_business_type": "業種"
+  "text.invalid_form": "無効なフォーム"
 }

package/translations/ko.json

@@ -5,28 +5,8 @@
   "field.billing_address": "청구지 주소",
   "field.company_name": "회사명",
   "field.other_company": "상대방 회사",
-  "title.contact_points": "연락처",
   "title.select_supplier": "공급업체 선택",
   "text.bizplace_is_not_selected": "고객이 선택되지 않았습니다",
   "label.account_no": "계정번호",
-  "text.invalid_form": "유효하지않은 양식",
-  "field.contact_point_customer_name": "고객사명",
-  "field.contact_point_company_name": "회사명",
-  "field.contact_point_other_company_name": "상대방 회사",
-  "field.contact_point_company_description": "설명",
-  "field.contact_point_email": "이메일",
-  "field.contact_point_phone": "전화번호",
-  "field.contact_point_company_address": "주소",
-  "field.contact_point_company_address_2": "주소 2",
-  "field.contact_point_postal_code": "우편번호",
-  "field.contact_point_city": "시",
-  "field.contact_point_billing_address": "청구지 주소",
-  "field.contact_point_type": "종류",
-  "field.contact_point_updater": "수정자",
-  "field.contact_point_updated_at": "수정일",
-  "field.contact_point_state": "주",
-  "field.contact_point_fax": "팩스",
-  "field.contact_point_account_no": "계정 번호",
-  "field.contact_point_registration_number": "등록번호",
-  "field.contact_point_business_type": "종목"
+  "text.invalid_form": "유효하지않은 양식"
 }

package/translations/ms.json

@@ -5,28 +5,8 @@
   "field.billing_address": "alamat bil",
   "field.company_name": "nama syarikat",
   "field.other_company": "syarikat pihak lain",
-  "title.contact_points": "titik hubungan",
   "title.select_supplier": "pilih pembekal",
   "text.bizplace_is_not_selected": "pelanggan tidak dipilih",
   "label.account_no": "nombor akaun",
-  "text.invalid_form": "borang tidak sah",
-  "field.contact_point_customer_name": "nama syarikat pelanggan",
-  "field.contact_point_company_name": "nama syarikat",
-  "field.contact_point_other_company_name": "syarikat pihak lain",
-  "field.contact_point_company_description": "keterangan",
-  "field.contact_point_email": "emel",
-  "field.contact_point_phone": "nombor telefon",
-  "field.contact_point_company_address": "alamat",
-  "field.contact_point_company_address_2": "alamat 2",
-  "field.contact_point_postal_code": "poskod",
-  "field.contact_point_city": "bandar",
-  "field.contact_point_billing_address": "alamat bil",
-  "field.contact_point_type": "jenis",
-  "field.contact_point_updater": "pengemaskini",
-  "field.contact_point_updated_at": "tarikh dikemaskini",
-  "field.contact_point_state": "negeri",
-  "field.contact_point_fax": "faks",
-  "field.contact_point_account_no": "nombor akaun",
-  "field.contact_point_registration_number": "nombor pendaftaran",
-  "field.contact_point_business_type": "jenis perniagaan"
+  "text.invalid_form": "borang tidak sah"
 }

package/translations/zh.json

@@ -5,28 +5,8 @@
   "field.billing_address": "账单地址",
   "field.company_name": "公司名称",
   "field.other_company": "对方公司",
-  "title.contact_points": "联系点",
   "title.select_supplier": "选择供应商",
   "text.bizplace_is_not_selected": "客户未被选中",
   "label.account_no": "账号",
-  "text.invalid_form": "无效表格",
-  "field.contact_point_customer_name": "客户公司名",
-  "field.contact_point_company_name": "公司名称",
-  "field.contact_point_other_company_name": "对方公司",
-  "field.contact_point_company_description": "描述",
-  "field.contact_point_email": "电子邮件",
-  "field.contact_point_phone": "电话号码",
-  "field.contact_point_company_address": "地址",
-  "field.contact_point_company_address_2": "地址 2",
-  "field.contact_point_postal_code": "邮编",
-  "field.contact_point_city": "城市",
-  "field.contact_point_billing_address": "账单地址",
-  "field.contact_point_type": "类型",
-  "field.contact_point_updater": "更新者",
-  "field.contact_point_updated_at": "更新日期",
-  "field.contact_point_state": "州",
-  "field.contact_point_fax": "传真",
-  "field.contact_point_account_no": "账号",
-  "field.contact_point_registration_number": "注册号",
-  "field.contact_point_business_type": "行业"
+  "text.invalid_form": "无效表格"
 }

package/client/components/connect-contact-points-popup.ts

@@ -1,294 +0,0 @@
-import '@material/web/icon/icon.js'
-import '@things-factory/form-ui'
-import '@operato/data-grist'
-import { i18next, localize } from '@operato/i18n'
-import { client, CustomAlert } from '@things-factory/shell'
-import { ScrollbarStyles, ButtonContainerStyles } from '@operato/styles'
-import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit'
-
-export class ConnectContactPointsPopup extends localize(i18next)(LitElement) {
-  static get styles() {
-    return [
-      ButtonContainerStyles,
-      ScrollbarStyles,
-      css`
-        :host {
-          display: flex;
-          flex-direction: column;
-          overflow: hidden;
-          background-color: var(--md-sys-color-surface);
-        }
-        search-form {
-          overflow: visible;
-        }
-        .grist {
-          display: flex;
-          flex-direction: column;
-          flex: 1;
-          overflow-y: auto;
-        }
-        ox-grist {
-          overflow-y: hidden;
-          flex: 1;
-        }
-      `
-    ]
-  }
-
-  static get properties() {
-    return {
-      bizplaceId: String,
-      searchFields: Array,
-      config: Object
-    }
-  }
-
-  get searchForm() {
-    return this.shadowRoot.querySelector('search-form')
-  }
-
-  get dataGrist() {
-    return this.shadowRoot.querySelector('ox-grist')
-  }
-
-  render() {
-    return html`
-      <search-form .fields=${this.searchFields} @submit=${e => this.dataGrist.fetch()}></search-form>
-
-      <div class="grist">
-        <ox-grist
-          .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-          .config=${this.config}
-          .fetchHandler=${this.fetchHandler.bind(this)}
-        ></ox-grist>
-      </div>
-
-      <div class="button-container">
-        <button danger @click=${this._deleteContactPoints}>
-          <md-icon>remove_forever</md-icon>${i18next.t('button.delete')}
-        </button>
-        <button @click=${this._saveContactPoints}><md-icon>save</md-icon>${i18next.t('button.save')}</button>
-      </div>
-    `
-  }
-
-  firstUpdated() {
-    this.searchFields = [
-      {
-        label: i18next.t('field.name'),
-        name: 'name',
-        type: 'text',
-        props: { searchOper: 'i_like' }
-      },
-      {
-        label: i18next.t('field.email'),
-        name: 'email',
-        type: 'text',
-        props: { searchOper: 'i_like' }
-      },
-      {
-        label: i18next.t('field.fax'),
-        name: 'fax',
-        type: 'text',
-        props: { searchOper: 'i_like' }
-      },
-      {
-        label: i18next.t('field.phone'),
-        name: 'phone',
-        type: 'text',
-        props: { searchOper: 'i_like' }
-      },
-      {
-        label: i18next.t('field.description'),
-        name: 'description',
-        type: 'text',
-        props: { searchOper: 'i_like' }
-      }
-    ]
-
-    this.config = {
-      rows: {
-        selectable: {
-          multiple: true
-        }
-      },
-      columns: [
-        { type: 'gutter', gutterName: 'dirty' },
-        { type: 'gutter', gutterName: 'sequence' },
-        { type: 'gutter', gutterName: 'row-selector', multiple: true },
-        {
-          type: 'string',
-          name: 'name',
-          record: { editable: true },
-          header: i18next.t('field.name'),
-          width: 120
-        },
-        {
-          type: 'string',
-          name: 'description',
-          record: { editable: true },
-          header: i18next.t('field.description'),
-          width: 220
-        },
-        {
-          type: 'string',
-          name: 'email',
-          record: { editable: true },
-          header: i18next.t('field.email'),
-          width: 120
-        },
-        {
-          type: 'string',
-          name: 'fax',
-          record: { editable: true },
-          header: i18next.t('field.fax'),
-          width: 120
-        },
-        {
-          type: 'string',
-          name: 'phone',
-          record: { editable: true },
-          header: i18next.t('field.phone'),
-          width: 120
-        },
-        {
-          type: 'string',
-          name: 'address',
-          record: { editable: true },
-          header: i18next.t('field.address'),
-          width: 300
-        },
-        {
-          type: 'object',
-          name: 'updater',
-          header: i18next.t('field.updater'),
-          width: 150
-        },
-        {
-          type: 'datetime',
-          name: 'updatedAt',
-          header: i18next.t('field.updated_at'),
-          width: 150
-        }
-      ]
-    }
-  }
-
-  async fetchHandler({ page, limit, sorters = [{ name: 'name' }] }) {
-    let filters = []
-    if (this.bizplaceId) {
-      filters.push({
-        name: 'bizplace',
-        operator: 'eq',
-        value: this.bizplaceId
-      })
-    }
-
-    const response = await client.query({
-      query: gql`
-        query {
-          contactPoints(${gqlBuilder.buildArgs({
-            filters: [...filters, ...this.searchForm.queryFilters],
-            pagination: { page, limit },
-            sortings: sorters
-          })}) {
-            items {
-              id
-              name
-              email
-              fax
-              phone
-              address
-              description
-              updatedAt
-              updater{
-                name
-                description
-              }
-            }
-            total
-          }
-        }
-      `
-    })
-
-    return {
-      total: response.data.contactPoints.total || 0,
-      records: response.data.contactPoints.items || []
-    }
-  }
-
-  async _saveContactPoints() {
-    let patches = this.dataGrist.exportPatchList({ flagName: 'cuFlag' })
-    if (patches && patches.length) {
-      patches = patches.map(contactPoint => {
-        return {
-          ...contactPoint,
-          bizplace: { id: this.bizplaceId }
-        }
-      })
-
-      const response = await client.query({
-        query: gql`
-          mutation {
-            updateMultipleContactPoint(${gqlBuilder.buildArgs({
-              patches
-            })}) {
-              name
-            }
-          }
-        `
-      })
-
-      if (!response.errors) {
-        this.dataGrist.fetch()
-        this.showToast(i18next.t('text.data_updated_successfully'))
-      }
-    } else {
-      CustomAlert({
-        title: i18next.t('text.nothing_changed'),
-        text: i18next.t('text.there_is_nothing_to_save')
-      })
-    }
-  }
-
-  async _deleteContactPoints() {
-    const ids = this.dataGrist.selected.map(record => record.id)
-    if (ids && ids.length > 0) {
-      const answer = await CustomAlert({
-        type: 'warning',
-        title: i18next.t('button.delete'),
-        text: i18next.t('text.are_you_sure'),
-        confirmButton: { text: i18next.t('button.delete') },
-        cancelButton: { text: i18next.t('button.cancel') }
-      })
-
-      if (!answer.value) return
-
-      const response = await client.query({
-        query: gql`
-            mutation {
-              deleteContactPoints(${gqlBuilder.buildArgs({ ids })})
-            }
-          `
-      })
-      if (!response.errors) {
-        this.dataGrist.fetch()
-        this.showToast(i18next.t('text.data_deleted_successfully'))
-      }
-    } else {
-      CustomAlert({
-        title: i18next.t('text.nothing_selected'),
-        text: i18next.t('text.there_is_nothing_to_delete')
-      })
-    }
-  }
-
-  showToast(message) {
-    document.dispatchEvent(new CustomEvent('notify', { detail: { message } }))
-  }
-}
-
-window.customElements.define('connect-contact-point-popup', ConnectContactPointsPopup)