@things-factory/operato-pms 3.7.5 → 3.8.13

package/client/component/tracked-plantation-setting.js

@@ -0,0 +1,113 @@
+import '@material/mwc-formfield'
+import '@material/mwc-switch'
+
+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'
+
+class TrackedPlantationSetting extends localize(i18next)(LitElement) {
+  static get styles() {
+    return css`
+      [field-2column] {
+        background-color: var(--theme-white-color);
+        margin: var(--margin-wide) 0;
+        padding: var(--padding-wide);
+        border-radius: var(--border-radius);
+        box-shadow: var(--box-shadow);
+        max-width: var(--input-container-max-width);
+      }
+      [field-2column] mwc-button {
+        margin: var(--input-margin);
+      }
+      [field] {
+        display: flex;
+        flex-direction: column;
+        padding-bottom: var(--padding-default);
+      }
+      [grid-span] {
+        grid-column: span 2;
+      }
+
+      label {
+        display: flex;
+        flex-direction: column;
+
+        font: var(--label-font);
+        color: var(--label-color);
+        text-transform: var(--label-text-transform);
+      }
+
+      @media screen and (max-width: 480px) {
+        div {
+          display: grid;
+        }
+        [field] {
+          grid-column: span 2;
+        }
+      }
+    `
+  }
+
+  static get properties() {
+    return {
+      plantationSetting: Object,
+      category: String
+    }
+  }
+
+  render() {
+    const trackedInventorySetting = this.plantationSetting
+    return html`
+      <div field-2column>
+        <mwc-formfield label=${i18next.t('label.allow tracked inventory')}>
+          <mwc-switch
+            label="allow tracked inventory"
+            ?checked=${trackedInventorySetting?.value}
+            @change=${e => this.onchange(e)}
+          ></mwc-switch>
+        </mwc-formfield>
+      </div>
+    `
+  }
+
+  async onchange(e) {
+    try {
+      const target = e.target
+      const on = target.checked
+
+      const response = await client.mutate({
+        mutation: gql`
+          mutation updatePlantationSetting($name: String!, $patch: PlantationSettingPatch!) {
+            updatePlantationSetting(name: $name, patch: $patch) {
+              id
+              name
+            }
+          }
+        `,
+        variables: { name: this.plantationSetting.name, patch: { category: this.category, value: on.toString() } }
+      })
+
+      if (!response.errors) {
+        this.showToast({ message: i18next.t('text.data_updated_successfully') })
+        await this.dispatchEvent(new CustomEvent('fetch-settings'))
+      }
+    } catch (e) {
+      this.showToast(e)
+    }
+  }
+
+  showToast({ type, message }) {
+    document.dispatchEvent(
+      new CustomEvent('notify', {
+        detail: {
+          type,
+          message
+        }
+      })
+    )
+  }
+}
+
+window.customElements.define('tracked-plantation-setting', TrackedPlantationSetting)

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

@@ -0,0 +1,202 @@
+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 TruckSelectorPopup 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.lorry_no'),
+          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]
+    const sortings = sorters
+
+    const response = await client.query({
+      query: gql`
+        query trucks($filters: [Filter], $sortings: [Sorting]) {
+          trucks(filters: $filters, sortings: $sortings) {
+            items {
+              id
+              name
+            }
+            total
+          }
+        }
+      `,
+      variables: { filters, sortings }
+    })
+
+    return {
+      total: response.data.trucks.total || 0,
+      records: response.data.trucks.items || []
+    }
+  }
+
+  _select() {
+    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.truck_is_not_selected') } })
+      )
+    }
+  }
+}
+
+window.customElements.define('truck-selector-popup', TruckSelectorPopup)

package/client/menu.js

@@ -23,6 +23,11 @@ const MENUS = [
         name: 'staff',
         path: 'master-staff',
         icon: 'people_alt'
+      },
+      {
+        name: 'truck',
+        path: 'master-truck',
+        icon: 'local_shipping'
       }
     ]
   },
@@ -104,6 +109,11 @@ const MENUS = [
         path: 'report-daily-production',
         icon: 'insert_chart'
       },
+      {
+        name: 'daily staff harvest report',
+        path: 'report-daily-staff-harvest',
+        icon: 'insert_chart'
+      },
       {
         name: 'monthly production report',
         path: 'report-monthly-production',
@@ -115,9 +125,31 @@ const MENUS = [
         icon: 'insert_chart'
       },
       {
-        name: 'daily staff harvest report',
-        path: 'report-daily-staff-harvest',
+        name: 'daily FFB dispatch and production report',
+        path: 'report-daily-ffb-dispatch-and-production',
         icon: 'insert_chart'
+      },
+      {
+        name: 'monthly FFB sale report',
+        path: 'report-monthly-ffb-sale',
+        icon: 'insert_chart'
+      },
+      {
+        name: 'FFB tonnage between individual block report',
+        path: 'report-ffb-tonnage-between-individual-block',
+        icon: 'insert_chart'
+      }
+    ]
+  },
+  {
+    name: 'settings',
+    path: 'setting-home',
+    icon: 'settings',
+    menus: [
+      {
+        name: 'plantation inventory',
+        path: 'plantation-setting',
+        icon: 'fact_check'
       }
     ]
   }

package/client/pages/constants/index.js

@@ -1,2 +1,3 @@
 export * from './record'
 export * from './inventory'
+export * from './organization'

package/client/pages/constants/organization.js

@@ -0,0 +1,5 @@
+export const ORGANIZATION_TYPES = {
+  OWNER: { name: 'owner', value: 'OWNER' },
+  CONTRACTOR: { name: 'contractor', value: 'CONTRACTOR' },
+  MILL: { name: 'mill', value: 'MILL' }
+}

package/client/pages/dispatchment/daily-dispatch-detail.js

@@ -90,11 +90,6 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
           action: this._adjustTonnage.bind(this),
           ...CommonButtonStyles.edit
         },
-        // {
-        //   title: i18next.t('button.print'),
-        //   action: this._renderAndPrintDocument.bind(this),
-        //   ...CommonButtonStyles.print
-        // },
         {
           title: i18next.t('button.delete'),
           action: this._deleteDispatchmentRecord.bind(this),
@@ -128,6 +123,12 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
 
           <label>${i18next.t('label.destination')}</label>
           <input name="dispatchTo" readonly />
+
+          <label>${i18next.t('label.chit_no')}</label>
+          <input name="chitNo" />
+
+          <label>${i18next.t('label.percentage')}</label>
+          <input name="percentage" type="number" min="0" />
         </fieldset>
       </form>
 
@@ -160,6 +161,14 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('data-grist#dispatchment-grist')
   }
 
+  get chitNoInput() {
+    return this.shadowRoot.querySelector('input[name=chitNo]')
+  }
+
+  get percentageInput() {
+    return this.shadowRoot.querySelector('input[name=percentage]')
+  }
+
   pageInitialized() {
     this.dispatchGristConfig = {
       pagination: { infinite: true },
@@ -189,10 +198,16 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
         {
           type: 'float',
           name: 'adjustedWeight',
-          header: i18next.t('field.adjusted_tonnage'),
+          header: i18next.t('field.mill_tonnage'),
           record: { editable: true },
           width: 140
         },
+        {
+          type: 'float',
+          name: 'variance',
+          header: i18next.t('field.variance_%'),
+          width: 140
+        },
         {
           type: 'string',
           name: 'remark',
@@ -240,9 +255,10 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
           dailyDispatch(name: $name) {
             name
             dispatchAt
-            dispatchTo
             totalTonnageRelease
             transportNo
+            chitNo
+            percentage
             driverIdentification
             externalDriver
             driver {
@@ -250,6 +266,10 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
               name
               staffId
             }
+            dispatchTo {
+              id
+              name
+            }
             status
             dailyDispatchDetails {
               name
@@ -275,14 +295,18 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
       this._status = dailyDispatch.status
       this._fillUpDispatchForm({
         ...dailyDispatch,
-        driver: dailyDispatch.externalDriver ? dailyDispatch.externalDriver : dailyDispatch.driver.name
+        driver: dailyDispatch.externalDriver ? dailyDispatch.externalDriver : dailyDispatch.driver.name,
+        dispatchTo: dailyDispatch.dispatchTo?.name
       })
 
       this.dispatchData = {
         records: (dailyDispatchDetails || []).map(detail => {
           return {
             ...detail,
-            rampName: detail.ramp && detail.ramp.name
+            rampName: detail.ramp && detail.ramp.name,
+            variance: parseFloat(
+              (((detail?.adjustedWeight || 0) - detail.collectedRampWeight) / detail.collectedRampWeight) * 100
+            ).toFixed(2)
           }
         })
       }
@@ -340,13 +364,28 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
 
       const response = await client.mutate({
         mutation: gql`
-          mutation updateDailyDispatch($name: String!, $dailyDispatchDetails: [DailyDispatchDetailPatch]) {
-            updateDailyDispatch(name: $name, dailyDispatchDetails: $dailyDispatchDetails) {
+          mutation updateDailyDispatch(
+            $name: String!
+            $chitNo: String
+            $percentage: Float
+            $dailyDispatchDetails: [DailyDispatchDetailPatch]
+          ) {
+            updateDailyDispatch(
+              name: $name
+              chitNo: $chitNo
+              percentage: $percentage
+              dailyDispatchDetails: $dailyDispatchDetails
+            ) {
               name
             }
           }
         `,
-        variables: { name: this._dispatchNo, dailyDispatchDetails }
+        variables: {
+          name: this._dispatchNo,
+          chitNo: this.chitNoInput?.value,
+          percentage: parseFloat(this.percentageInput?.value),
+          dailyDispatchDetails
+        }
       })
 
       if (!response.errors) {
@@ -371,14 +410,14 @@ class DailyDispatchDetail extends localize(i18next)(PageView) {
   }
 
   _validateAdjustmentData() {
+    if (this.percentageInput?.value) {
+      if (this.percentageInput?.value < 0 || isNaN(this.percentageInput.value)) {
+        throw new Error(i18next.t('text.invalid_percentage_value'))
+      }
+    }
+
     if (this.dispatchmentGrist.dirtyData.records.filter(record => record.adjustedWeight > 0).length == 0)
       throw new Error(i18next.t('text.no_adjustment_can_be_submitted'))
-
-    if (
-      this.dispatchmentGrist.dirtyData.records.filter(record => record.adjustedWeight == record.collectedRampWeight)
-        .length
-    )
-      throw new Error(i18next.t('text.there_are_adjusted_value_same_as_initial_tonnage'))
   }
 
   _fillupForm(form, data) {