@things-factory/operato-pms 4.0.27 → 4.0.32

package/client/bootstrap.js

@@ -53,6 +53,17 @@ export default function bootstrap() {
     }
   })
 
+  store.dispatch({
+    type: ADD_MORENDA,
+    morenda: {
+      icon: html` <mwc-icon>code</mwc-icon> `,
+      name: html` <i18n-msg msgid="text.code-management"></i18n-msg> `,
+      action: () => {
+        navigate('codes')
+      }
+    }
+  })
+
   if (!isMobileDevice()) {
     store.dispatch({
       type: APPEND_APP_TOOL,

package/client/component/block-selector-popup.js

@@ -1,19 +1,24 @@
 import '@things-factory/grist-ui'
 import '@things-factory/import-ui'
 import '@things-factory/form-ui'
+
+import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit-element'
+
 import { i18next, localize } from '@things-factory/i18n-base'
 import { client } from '@things-factory/shell'
 import { ScrollbarStyles } from '@things-factory/styles'
-import { gqlBuilder, isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html, LitElement } from 'lit-element'
+import { isMobileDevice } from '@things-factory/utils'
 
 class BlockSelectorPopup extends localize(i18next)(LitElement) {
   static get properties() {
     return {
       _searchFields: Array,
       blockConfig: Object,
-      data: Object
+      subBlockConfig: Object,
+      _blockName: String,
+      _blockId: String,
+      subBlocks: Object
     }
   }
 
@@ -62,6 +67,22 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
           background-color: var(--button-container-background);
           height: var(--button-container-height);
         }
+        .button-container button {
+          background-color: var(--button-container-button-background-color);
+          border-radius: var(--button-container-button-border-radius);
+          height: var(--button-container-button-height);
+          border: var(--button-container-button-border);
+          margin: var(--button-container-button-margin);
+
+          padding: var(--button-padding);
+          color: var(--theme-white-color);
+          font: var(--button-font);
+          text-transform: var(--button-text-transform);
+        }
+        .button-container button:hover,
+        .button-container button:active {
+          background-color: var(--button-background-focus-color);
+        }
         [danger] {
           --mdc-theme-primary: var(--mdc-danger-button-primary-color);
         }
@@ -79,11 +100,22 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
 
       <div class="grist-container">
         <div class="grist">
+          <h2>${i18next.t('title.main_block')}</h2>
           <data-grist
             id="block"
             .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
             .config=${this.blockConfig}
-            .fetchHandler="${this.fetchHandler.bind(this)}"
+            .fetchHandler=${this.fetchMainBlock.bind(this)}
+          ></data-grist>
+        </div>
+
+        <div class="grist">
+          <h2>${i18next.t('title.sub_block')}: ${this._blockName}</h2>
+          <data-grist
+            id="sub-block"
+            .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+            .config=${this.subBlockConfig}
+            .fetchHandler="${this.fetchSubBlock.bind(this)}"
           ></data-grist>
         </div>
       </div>
@@ -105,7 +137,7 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
 
   updated(changes) {
     if (this.active) {
-      this.dataGrist.fetch()
+      this.blockGrist.fetch()
     }
   }
 
@@ -116,18 +148,20 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
         name: 'name',
         type: 'text',
         props: { searchOper: 'i_like' }
-      },
-      {
-        label: i18next.t('field.type'),
-        name: 'type',
-        type: 'text',
-        props: { searchOper: 'i_like' }
       }
     ]
 
     this.blockConfig = {
+      pagination: { infinite: true },
       rows: {
         selectable: { multiple: false },
+        handlers: {
+          click: (columns, data, column, record, rowIndex) => {
+            this._blockName = record.name
+            this._blockId = record.id
+            this.subBlockGrist.fetch()
+          }
+        },
         appendable: false
       },
       columns: [
@@ -149,12 +183,35 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
           name: 'description',
           header: i18next.t('field.description'),
           width: 180
+        }
+      ]
+    }
+
+    this.subBlockConfig = {
+      pagination: { infinite: true },
+      rows: {
+        selectable: { multiple: false },
+        appendable: false
+      },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        { type: 'gutter', gutterName: 'row-selector', multiple: false },
+        {
+          type: 'string',
+          name: 'id',
+          hidden: true
         },
         {
           type: 'string',
-          name: 'type',
-          header: i18next.t('field.type'),
-          width: 100
+          name: 'name',
+          header: i18next.t('field.name'),
+          width: 180
+        },
+        {
+          type: 'string',
+          name: 'description',
+          header: i18next.t('field.description'),
+          width: 180
         }
       ]
     }
@@ -168,15 +225,18 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
     return this.shadowRoot.querySelector('data-grist#block')
   }
 
-  async fetchHandler({ page, limit, sorters = [] }) {
-    const filters = this.searchForm.queryFilters
-    const pagination = { page, limit }
+  get subBlockGrist() {
+    return this.shadowRoot.querySelector('data-grist#sub-block')
+  }
+
+  async fetchMainBlock({ sorters = [] }) {
+    const filters = [...this.searchForm.queryFilters, { name: 'hasChildren', operator: 'eq', value: true }]
     const sortings = sorters
 
     const response = await client.query({
       query: gql`
-        query blocks($filters: [Filter], $pagination: Pagination, $sortings: [Sorting]) {
-          blocks(filters: $filters, pagination: $pagination, sortings: $sortings) {
+        query blocks($filters: [Filter], $sortings: [Sorting]) {
+          blocks(filters: $filters, sortings: $sortings) {
             items {
               id
               name
@@ -187,7 +247,43 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
           }
         }
       `,
-      variables: { filters, pagination, sortings }
+      variables: { filters, sortings }
+    })
+
+    return {
+      total: response.data.blocks.total || 0,
+      records: response.data.blocks.items || []
+    }
+  }
+
+  async fetchSubBlock({ sorters = [] }) {
+    if (!this._blockId) return
+
+    const filters = [
+      ...this.searchForm.queryFilters,
+      {
+        name: 'parent_block_id',
+        operator: 'eq',
+        value: this._blockId
+      }
+    ]
+    const sortings = sorters
+
+    const response = await client.query({
+      query: gql`
+        query blocks($filters: [Filter], $sortings: [Sorting]) {
+          blocks(filters: $filters, sortings: $sortings) {
+            items {
+              id
+              name
+              description
+              type
+            }
+            total
+          }
+        }
+      `,
+      variables: { filters, sortings }
     })
 
     return {
@@ -197,9 +293,14 @@ class BlockSelectorPopup extends localize(i18next)(LitElement) {
   }
 
   _selectBlock() {
-    const selectedBlock = this.blockGrist.selected[0]
-    if (selectedBlock) {
-      this.dispatchEvent(new CustomEvent('selected', { detail: this.blockGrist.selected[0] }))
+    const selectedBlock = this.subBlockGrist.selected.map(block => {
+      return {
+        ...block,
+        blockName: block.name
+      }
+    })
+    if (selectedBlock?.length) {
+      this.dispatchEvent(new CustomEvent('selected', { detail: selectedBlock[0] }))
       history.back()
     } else {
       document.dispatchEvent(

package/client/component/driver-selector-popup.js

@@ -0,0 +1,223 @@
+import '@things-factory/grist-ui'
+import '@things-factory/import-ui'
+import '@things-factory/form-ui'
+
+import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit-element'
+
+import { i18next, localize } from '@things-factory/i18n-base'
+import { client } from '@things-factory/shell'
+import { ScrollbarStyles } from '@things-factory/styles'
+import { isMobileDevice } from '@things-factory/utils'
+
+class DriverSelectorPopup extends localize(i18next)(LitElement) {
+  static get properties() {
+    return {
+      _searchFields: Array,
+      gristConfig: Object
+    }
+  }
+
+  static get styles() {
+    return [
+      ScrollbarStyles,
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow: hidden;
+          background-color: white;
+        }
+
+        search-form {
+          overflow: visible;
+        }
+        .grist {
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          overflow-y: auto;
+        }
+        .grist-container {
+          overflow-y: hidden;
+          display: flex;
+          flex: 1;
+        }
+        data-grist {
+          overflow-y: hidden;
+          flex: 1;
+        }
+        h2 {
+          padding: var(--subtitle-padding);
+          font: var(--subtitle-font);
+          color: var(--subtitle-text-color);
+          border-bottom: var(--subtitle-border-bottom);
+        }
+        .grist h2 {
+          font: var(--grist-title-font);
+        }
+        .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);
+        }
+        .button-container button {
+          background-color: var(--button-container-button-background-color);
+          border-radius: var(--button-container-button-border-radius);
+          height: var(--button-container-button-height);
+          border: var(--button-container-button-border);
+          margin: var(--button-container-button-margin);
+
+          padding: var(--button-padding);
+          color: var(--theme-white-color);
+          font: var(--button-font);
+          text-transform: var(--button-text-transform);
+        }
+        .button-container button:hover,
+        .button-container button:active {
+          background-color: var(--button-background-focus-color);
+        }
+        [danger] {
+          --mdc-theme-primary: var(--mdc-danger-button-primary-color);
+        }
+      `
+    ]
+  }
+
+  render() {
+    return html`
+      <search-form id="search-form" .fields=${this._searchFields} @submit=${() => this.dataGrist.fetch()}></search-form>
+
+      <div class="grist">
+        <data-grist
+          .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+          .config="${this.gristConfig}"
+          .fetchHandler="${this.fetchHandler.bind(this)}"
+        ></data-grist>
+      </div>
+
+      <div class="button-container">
+        <mwc-button
+          raised
+          danger
+          @click=${() => {
+            history.back()
+          }}
+        >
+          ${i18next.t('button.cancel')}
+        </mwc-button>
+        <mwc-button raised @click=${this._selectDriver.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
+      </div>
+    `
+  }
+
+  updated(changes) {
+    if (this.active) {
+      this.dataGrist.fetch()
+    }
+  }
+
+  firstUpdated() {
+    this._searchFields = [
+      {
+        label: i18next.t('label.name'),
+        name: 'name',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      }
+    ]
+
+    this.gristConfig = {
+      pagination: { infinite: true },
+      rows: {
+        selectable: { multiple: false },
+        appendable: false
+      },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        { type: 'gutter', gutterName: 'row-selector', multiple: false },
+        {
+          type: 'string',
+          name: 'id',
+          hidden: true
+        },
+        {
+          type: 'string',
+          name: 'name',
+          header: i18next.t('field.name'),
+          width: 180
+        },
+        {
+          type: 'string',
+          name: 'description',
+          header: i18next.t('field.description'),
+          width: 180
+        },
+        {
+          type: 'string',
+          name: 'idNumber',
+          header: i18next.t('field.id_number'),
+          width: 180
+        },
+        {
+          type: 'string',
+          name: 'type',
+          header: i18next.t('field.type'),
+          width: 120
+        }
+      ]
+    }
+  }
+
+  get searchForm() {
+    return this.shadowRoot.querySelector('search-form')
+  }
+
+  get dataGrist() {
+    return this.shadowRoot.querySelector('data-grist')
+  }
+
+  async fetchHandler({ sorters = [] }) {
+    const filters = [...this.searchForm.queryFilters, { name: 'type', operator: 'eq', value: 'DRIVER' }]
+    const sortings = sorters
+
+    const response = await client.query({
+      query: gql`
+        query organizationStaffs($filters: [Filter], $sortings: [Sorting]) {
+          organizationStaffs(filters: $filters, sortings: $sortings) {
+            items {
+              id
+              name
+              staffId
+              type
+              idNumber
+            }
+            total
+          }
+        }
+      `,
+      variables: { filters, sortings }
+    })
+
+    return {
+      total: response.data.organizationStaffs.total || 0,
+      records: response.data.organizationStaffs.items || []
+    }
+  }
+
+  _selectDriver() {
+    const selectedDriver = this.dataGrist.selected[0]
+    if (selectedDriver) {
+      this.dispatchEvent(new CustomEvent('selected', { detail: this.dataGrist.selected[0] }))
+      history.back()
+    } else {
+      document.dispatchEvent(
+        new CustomEvent('notify', { detail: { message: i18next.t('text.driver_is_not_selected') } })
+      )
+    }
+  }
+}
+
+window.customElements.define('driver-selector-popup', DriverSelectorPopup)

package/client/component/mill-selector-popup.js

@@ -0,0 +1,200 @@
+import '@things-factory/grist-ui'
+import '@things-factory/import-ui'
+import '@things-factory/form-ui'
+
+import gql from 'graphql-tag'
+import { css, html, LitElement } from 'lit-element'
+
+import { i18next, localize } from '@things-factory/i18n-base'
+import { client } from '@things-factory/shell'
+import { ScrollbarStyles } from '@things-factory/styles'
+import { isMobileDevice } from '@things-factory/utils'
+
+class MillSelectorPopup extends localize(i18next)(LitElement) {
+  static get properties() {
+    return {
+      _searchFields: Array,
+      gristConfig: Object
+    }
+  }
+
+  static get styles() {
+    return [
+      ScrollbarStyles,
+      css`
+        :host {
+          display: flex;
+          flex-direction: column;
+          overflow: hidden;
+          background-color: white;
+        }
+
+        search-form {
+          overflow: visible;
+        }
+        .grist {
+          display: flex;
+          flex-direction: column;
+          flex: 1;
+          overflow-y: auto;
+        }
+        .grist-container {
+          overflow-y: hidden;
+          display: flex;
+          flex: 1;
+        }
+        data-grist {
+          overflow-y: hidden;
+          flex: 1;
+        }
+        h2 {
+          padding: var(--subtitle-padding);
+          font: var(--subtitle-font);
+          color: var(--subtitle-text-color);
+          border-bottom: var(--subtitle-border-bottom);
+        }
+        .grist h2 {
+          font: var(--grist-title-font);
+        }
+        .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);
+        }
+        .button-container button {
+          background-color: var(--button-container-button-background-color);
+          border-radius: var(--button-container-button-border-radius);
+          height: var(--button-container-button-height);
+          border: var(--button-container-button-border);
+          margin: var(--button-container-button-margin);
+
+          padding: var(--button-padding);
+          color: var(--theme-white-color);
+          font: var(--button-font);
+          text-transform: var(--button-text-transform);
+        }
+        .button-container button:hover,
+        .button-container button:active {
+          background-color: var(--button-background-focus-color);
+        }
+        [danger] {
+          --mdc-theme-primary: var(--mdc-danger-button-primary-color);
+        }
+      `
+    ]
+  }
+
+  render() {
+    return html`
+      <search-form id="search-form" .fields=${this._searchFields} @submit=${() => this.dataGrist.fetch()}></search-form>
+
+      <div class="grist">
+        <data-grist
+          .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
+          .config="${this.gristConfig}"
+          .fetchHandler="${this.fetchHandler.bind(this)}"
+        ></data-grist>
+      </div>
+
+      <div class="button-container">
+        <mwc-button
+          raised
+          danger
+          @click=${() => {
+            history.back()
+          }}
+        >
+          ${i18next.t('button.cancel')}
+        </mwc-button>
+        <mwc-button raised @click=${this._select.bind(this)}>${i18next.t('button.confirm')}</mwc-button>
+      </div>
+    `
+  }
+
+  updated(changes) {
+    if (this.active) {
+      this.dataGrist.fetch()
+    }
+  }
+
+  firstUpdated() {
+    this._searchFields = [
+      {
+        label: i18next.t('label.name'),
+        name: 'name',
+        type: 'text',
+        props: { searchOper: 'i_like' }
+      }
+    ]
+
+    this.gristConfig = {
+      pagination: { infinite: true },
+      rows: {
+        selectable: { multiple: false },
+        appendable: false
+      },
+      columns: [
+        { type: 'gutter', gutterName: 'sequence' },
+        { type: 'gutter', gutterName: 'row-selector', multiple: false },
+        {
+          type: 'string',
+          name: 'id',
+          hidden: true
+        },
+        {
+          type: 'string',
+          name: 'name',
+          header: i18next.t('field.name'),
+          width: 180
+        }
+      ]
+    }
+  }
+
+  get searchForm() {
+    return this.shadowRoot.querySelector('search-form')
+  }
+
+  get dataGrist() {
+    return this.shadowRoot.querySelector('data-grist')
+  }
+
+  async fetchHandler({ sorters = [] }) {
+    const filters = [...this.searchForm.queryFilters, { name: 'type', operator: 'eq', value: 'MILL' }]
+    const sortings = sorters
+
+    const response = await client.query({
+      query: gql`
+        query organizations($filters: [Filter], $sortings: [Sorting]) {
+          organizations(filters: $filters, sortings: $sortings) {
+            items {
+              id
+              name
+            }
+            total
+          }
+        }
+      `,
+      variables: { filters, sortings }
+    })
+
+    return {
+      total: response.data.organizations.total || 0,
+      records: response.data.organizations.items || []
+    }
+  }
+
+  _select() {
+    const selectedMill = this.dataGrist.selected[0]
+    if (selectedMill) {
+      this.dispatchEvent(new CustomEvent('selected', { detail: this.dataGrist.selected[0] }))
+      history.back()
+    } else {
+      document.dispatchEvent(new CustomEvent('notify', { detail: { message: i18next.t('text.mill_is_not_selected') } }))
+    }
+  }
+}
+
+window.customElements.define('mill-selector-popup', MillSelectorPopup)