@things-factory/operato-pms 3.8.0 → 3.8.13

package/client/pages/loading/loading-create-record.js

@@ -1,14 +1,13 @@
-import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+
+import gql from 'graphql-tag'
+import { css, html } from 'lit-element'
+
+import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import { i18next, localize } from '@things-factory/i18n-base'
-import { openPopup } from '@things-factory/layout-base'
 import { client, CustomAlert, navigate, PageView } from '@things-factory/shell'
 import { CommonButtonStyles } from '@things-factory/styles'
 import { isMobileDevice } from '@things-factory/utils'
-import gql from 'graphql-tag'
-import { css, html } from 'lit-element'
-import { INVENTORY_TYPE } from '../constants'
-import '../../component/block-selector-popup'
 
 class LoadingCreateRecord extends localize(i18next)(PageView) {
   static get properties() {
@@ -21,7 +20,8 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
       blocks: Array,
       totalBunchesAvailable: Number,
       totalTonnageAvailable: Number,
-      totalBunchLoaded: Number
+      totalBunchLoaded: Number,
+      trackedInventory: Boolean
     }
   }
 
@@ -94,20 +94,9 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
     return html`
       <form name="dailyLoading" class="multi-column-form" autocomplete="off">
         <fieldset>
-          <legend>${i18next.t('title.daily_loading_record')}</legend>
-          <label>${i18next.t('label.loading_date')}</label>
+          <legend>${i18next.t('title.field_loading_contractor_daily_loading_record')}</legend>
+          <label>${i18next.t('label.date')}</label>
           <input type="date" name="loadingDate" required />
-
-          <label>${i18next.t('label.block')}</label>
-          <input name="block" readonly @click="${this._openBlockSelector.bind(this)}" />
-
-          <label>${i18next.t('label.current_bunch_at_field')}</label>
-          <input
-            type="number"
-            name="totalBunches"
-            value="${this.totalBunchesAvailable ? this.totalBunchesAvailable : 0}"
-            readonly
-          />
         </fieldset>
       </form>
 
@@ -122,45 +111,14 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
             .data="${this.loadingData}"
             @record-change="${this._onRecordChangeHandler.bind(this)}"
           ></data-grist>
-
-          <h2><mwc-icon>list_alt</mwc-icon>${i18next.t('title.ramp_loading_data')}</h2>
-
-          <data-grist
-            id="ramp-grist"
-            .mode=${isMobileDevice() ? 'LIST' : 'GRID'}
-            .config=${this.rampGristConfig}
-            .data="${this.rampData}"
-            @record-change="${this._onRampRecordChangeHandler.bind(this)}"
-          ></data-grist>
         </div>
       </div>
-
-      <form name="loadingSummary" class="multi-column-form" autocomplete="off">
-        <fieldset>
-          <label>${i18next.t('label.total_bunch_loaded')}</label>
-          <input
-            type="number"
-            name="totalBunchLoaded"
-            value="${this.totalBunchLoaded ? this.totalBunchLoaded : 0}"
-            readonly
-          />
-
-          <label>${i18next.t('label.total_tonnage_loaded')}</label>
-          <input
-            type="number"
-            name="totalWeight"
-            value="${this.totalTonnageAvailable ? this.totalTonnageAvailable : 0}"
-            readonly
-          />
-        </fieldset>
-      </form>
     `
   }
 
   constructor() {
     super()
     this.loadingData = { records: [] }
-    this.rampData = { records: [] }
   }
 
   get loadingForm() {
@@ -171,27 +129,11 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
     return this.shadowRoot.querySelector('data-grist#loading-grist')
   }
 
-  get rampGrist() {
-    return this.shadowRoot.querySelector('data-grist#ramp-grist')
-  }
-
-  get blockInput() {
-    return this.shadowRoot.querySelector('input[name=block]')
-  }
-
-  get bunchesInput() {
-    return this.shadowRoot.querySelector('input[name=totalBunches]')
-  }
-
-  get tonnageInput() {
-    return this.shadowRoot.querySelector('input[name=totalWeight]')
-  }
-
-  async pageInitialized() {
+  pageInitialized() {
     this.loadingGristConfig = {
       pagination: { infinite: true },
       list: {
-        fields: ['organizationStaff', 'totalBunch', 'totalWeight', 'remark']
+        fields: ['truck', 'totalBunchWeight', 'ramp', 'remark']
       },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
@@ -204,86 +146,57 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
               const newData = data.records.filter((_, idx) => idx !== rowIndex)
               this.loadingData = { ...this.loadingData, records: newData }
               this.loadingGrist.dirtyData.records = newData
-              const sumOfTotalBunchLoaded = this.loadingGrist.dirtyData.records.reduce((total, currentValue) => {
-                total += currentValue.totalBunchLoaded
-                return total
-              }, 0)
-              this.totalBunchLoaded = sumOfTotalBunchLoaded
-
-              const newTotalAvailableBunches = this.totalBunchesAvailable - sumOfTotalBunchLoaded
-              this.bunchesInput.value = newTotalAvailableBunches
             }
           }
         },
         {
           type: 'object',
-          name: 'organizationStaff',
-          header: i18next.t('field.trip'),
+          name: 'truck',
+          header: i18next.t('field.truck_no'),
           record: {
             editable: true,
-            align: 'center',
             options: {
-              queryName: 'organizationStaffs',
+              queryName: 'trucks',
               select: [
                 { name: 'id', hidden: true },
-                { name: 'staffId', header: i18next.t('field.staff_id'), width: 200 },
                 { name: 'name', header: i18next.t('field.name'), width: 200 }
               ],
-              list: { fields: ['name', 'staffId'] }
+              list: { fields: ['id', 'name'] }
             }
           },
-          width: 300
+          width: 130
         },
         {
-          type: 'integer',
+          type: 'object',
+          name: 'block',
+          header: i18next.t('field.block'),
+          record: {
+            editable: true,
+            options: {
+              queryName: 'blocks',
+              select: [
+                { name: 'id', hidden: true },
+                { name: 'name', header: i18next.t('field.name'), width: 200 }
+              ],
+              list: { fields: ['id', 'name'] }
+            }
+          },
+          width: 130
+        },
+        {
+          type: 'float',
           name: 'totalBunchLoaded',
-          header: i18next.t('field.total_no_of_bunches'),
+          header: i18next.t('field.total_bunch'),
           record: { editable: true },
           width: 150
         },
         {
           type: 'float',
           name: 'totalBunchWeight',
-          header: i18next.t('field.total_weight_loaded'),
+          header: i18next.t('field.total_tonnage'),
           record: { editable: true },
           width: 150
         },
-        {
-          type: 'string',
-          name: 'remark',
-          header: i18next.t('field.remarks'),
-          record: { editable: true },
-          width: 300
-        }
-      ]
-    }
-
-    this.rampGristConfig = {
-      pagination: { infinite: true },
-      list: {
-        fields: ['ramp', 'totalWeight', 'remark']
-      },
-      columns: [
-        { type: 'gutter', gutterName: 'sequence' },
-        {
-          type: 'gutter',
-          gutterName: 'button',
-          icon: 'close',
-          handlers: {
-            click: (columns, data, column, record, rowIndex) => {
-              const newData = data.records.filter((_, idx) => idx !== rowIndex)
-              this.rampData = { ...this.rampData, records: newData }
-              this.rampGrist.dirtyData.records = newData
-              const sumOfTotalBunchWeight = this.rampGrist.dirtyData.records.reduce((total, currentValue) => {
-                total += currentValue.totalBunchWeight
-                return total
-              }, 0)
-
-              const newTotalAvailableTonnage = this.totalTonnageAvailable - sumOfTotalBunchWeight
-              this.tonnageInput.value = newTotalAvailableTonnage
-            }
-          }
-        },
         {
           type: 'object',
           name: 'ramp',
@@ -296,17 +209,17 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
                 { name: 'id', hidden: true },
                 { name: 'name', header: i18next.t('field.name'), width: 200 }
               ],
-              list: { fields: ['name'] }
+              list: { fields: ['id', 'name'] }
             }
           },
-          width: 300
+          width: 130
         },
         {
-          type: 'float',
-          name: 'totalBunchWeight',
-          header: i18next.t('field.total_weight_loaded'),
+          type: 'string',
+          name: 'remark',
+          header: i18next.t('field.remarks'),
           record: { editable: true },
-          width: 150
+          width: 300
         }
       ]
     }
@@ -314,79 +227,20 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
 
   _onRecordChangeHandler(event) {
     try {
-      this._checkStaffDuplication()
-
-      if (!this.blockInput?.value) throw new Error(i18next.t('text.kindly_select_a_block_first'))
-
-      let changeRecord = event.detail.after
       const changedColumn = event.detail.column.name
-      let { totalBunchLoaded, totalBunchWeight } = changeRecord
-
-      if (changedColumn === 'totalBunchLoaded') {
-        const sumOfTotalBunchLoaded = this.loadingGrist.dirtyData.records.reduce((total, currentValue) => {
-          total += currentValue.totalBunchLoaded
-          return total
-        }, 0)
-
-        this.totalBunchLoaded = sumOfTotalBunchLoaded
-
-        const newTotalAvailableBunches = this.totalBunchesAvailable - sumOfTotalBunchLoaded
-        if (newTotalAvailableBunches < 0) {
-          throw new Error(i18next.t('text.insufficient_bunches_to_be_loaded'))
-        }
-        this.bunchesInput.value = newTotalAvailableBunches
-
-        if (!totalBunchLoaded || totalBunchLoaded < 0)
-          throw new Error(i18next.t('text.total_bunches_loaded_should_be_positive'))
-      }
+      let changeRecord = event.detail.after
+      let { totalBunchWeight, totalBunchLoaded } = changeRecord
 
       if (changedColumn === 'totalBunchWeight') {
         if (!totalBunchWeight || totalBunchWeight < 0) {
           throw new Error(i18next.t('text.total_bunch_weight_should_be_positive'))
         }
-        const sumOfTotalTonnage = this.loadingGrist.dirtyData.records.reduce((total, currentValue) => {
-          total += currentValue.totalBunchWeight
-          return total
-        }, 0)
-
-        const newTotalAvailableTonnage = this.totalTonnageAvailable + sumOfTotalTonnage
-        this.tonnageInput.value = newTotalAvailableTonnage
-      }
-    } catch (e) {
-      const beforeValue = event.detail.before && event.detail.before[event.detail.column.name]
-      if (beforeValue) {
-        event.detail.after[event.detail.column.name] = beforeValue
-      } else {
-        delete event.detail.after[event.detail.column.name]
       }
 
-      this._showToast(e)
-    }
-  }
-
-  _onRampRecordChangeHandler(event) {
-    try {
-      this._checkRampDuplication()
-      let changeRecord = event.detail.after
-      const changedColumn = event.detail.column.name
-      let { totalBunchWeight } = changeRecord
-
-      if (changedColumn === 'totalBunchWeight') {
-        const sumOfLoadedWeight = this.loadingGrist.dirtyData.records.reduce((total, currentValue) => {
-          total += currentValue.totalBunchWeight
-          return total
-        }, 0)
-
-        const sumOfRampWeight = this.rampGrist.dirtyData.records.reduce((total, currentValue) => {
-          total += currentValue.totalBunchWeight
-          return total
-        }, 0)
-
-        if (sumOfRampWeight > sumOfLoadedWeight)
-          throw new Error(i18next.t('text.insufficient_weight_to_be_allocated_into_ramp'))
-
-        if (!totalBunchWeight || totalBunchWeight < 0)
-          throw new Error(i18next.t('text.total_bunches_loaded_should_be_positive'))
+      if (changedColumn === 'totalBunchLoaded') {
+        if (totalBunchLoaded < 0) {
+          throw new Error(i18next.t('text.total_bunch_loaded_should_be_positive'))
+        }
       }
     } catch (e) {
       const beforeValue = event.detail.before && event.detail.before[event.detail.column.name]
@@ -400,98 +254,6 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
     }
   }
 
-  _checkStaffDuplication() {
-    // organization staff
-    let isDuplicated = false
-    const completedRows = this.loadingGrist.dirtyData.records
-      .filter(record => record.organizationStaff.id)
-      .map(record => `${record.organizationStaff.id}`)
-
-    completedRows.forEach((row, idx, rows) => {
-      if (rows.lastIndexOf(row) !== idx) {
-        isDuplicated = true
-      }
-    })
-
-    if (isDuplicated) {
-      throw new Error(i18next.t('text.there_is_duplicated_staff_in_record'))
-    }
-  }
-
-  _checkRampDuplication() {
-    // ramp
-    let isDuplicated = false
-    const completedRows = this.rampGrist.dirtyData.records
-      .filter(record => record.ramp.id)
-      .map(record => `${record.ramp.id}`)
-
-    completedRows.forEach((row, idx, rows) => {
-      if (rows.lastIndexOf(row) !== idx) {
-        isDuplicated = true
-      }
-    })
-
-    if (isDuplicated) {
-      throw new Error(i18next.t('text.selected_ramp_has_been_existed_in_record'))
-    }
-  }
-
-  _openBlockSelector() {
-    openPopup(
-      html`
-        <block-selector-popup
-          @selected="${e => {
-            this.blockInput.value = e.detail.name
-            const blockId = e.detail.id
-            this.fetchBunchesInventory(blockId)
-          }}"
-        ></block-selector-popup>
-      `,
-      {
-        backdrop: true,
-        size: 'large',
-        title: i18next.t('title.select_block')
-      }
-    )
-  }
-
-  async fetchBunchesInventory(blockId) {
-    try {
-      if (!blockId) throw new Error('Block information not found')
-      const response = await client.query({
-        query: gql`
-          query plantationInventory($blockId: String!, $type: String!) {
-            plantationInventory(blockId: $blockId, type: $type) {
-              id
-              name
-              totalBunches
-              updatedAt
-              updater {
-                id
-                name
-                description
-              }
-            }
-          }
-        `,
-        variables: {
-          blockId,
-          type: INVENTORY_TYPE.FIELD_BUNCHES.value
-        }
-      })
-
-      if (!response.errors) {
-        const totalBunches = response.data.plantationInventory?.totalBunches
-          ? response.data.plantationInventory.totalBunches
-          : 0
-        this.totalBunchesAvailable = totalBunches
-        this.totalTonnageAvailable = 0
-      }
-    } catch (e) {
-      this._showToast(e)
-    }
-  }
-
   async _generateLoadingRecord() {
     try {
       this._validateForm()
@@ -507,10 +269,7 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
       if (!result.value) return
 
       let dailyLoading = this._getFormInfo()
-      delete dailyLoading.totalBunches
-      delete dailyLoading.totalWeight
       dailyLoading.dailyLoadingDetails = this._getLoadingDetails()
-      dailyLoading.dailyLoadingRamps = this._getLoadingRampDetails()
 
       const response = await client.mutate({
         mutation: gql`
@@ -543,31 +302,8 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
     if (!this.loadingGrist.dirtyData.records || !this.loadingGrist.dirtyData.records.length)
       throw new Error(i18next.t('text.no_records_in_loading_list'))
 
-    if (
-      this.loadingGrist.dirtyData.records.filter(
-        record => !record.organizationStaff || !record.totalBunchLoaded || !record.totalBunchWeight
-      ).length
-    )
+    if (this.loadingGrist.dirtyData.records.filter(record => !record.totalBunchWeight).length)
       throw new Error(i18next.t('text.empty_value_in_loading_data'))
-
-    if (!this.rampGrist.dirtyData.records || !this.rampGrist.dirtyData.records.length)
-      throw new Error(i18next.t('text.no_records_in_ramp_loading_list'))
-
-    if (this.rampGrist.dirtyData.records.filter(record => !record.ramp || !record.totalBunchWeight).length)
-      throw new Error(i18next.t('text.empty_value_in_ramp_loading_data'))
-
-    const sumOfLoadedWeight = this.loadingGrist.dirtyData.records.reduce((total, currentValue) => {
-      total += currentValue.totalBunchWeight
-      return total
-    }, 0)
-
-    const sumOfRampWeight = this.rampGrist.dirtyData.records.reduce((total, currentValue) => {
-      total += currentValue.totalBunchWeight
-      return total
-    }, 0)
-
-    if (sumOfLoadedWeight != sumOfRampWeight)
-      throw new Error(i18next.t('text.bunches_weight_is_not_fully_allocated_into_ramp'))
   }
 
   _getFormInfo() {
@@ -577,7 +313,9 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
   _getLoadingDetails() {
     return this.loadingGrist.dirtyData.records.map(record => {
       let dailyLoadingDetails = {
-        organizationStaff: { id: record.organizationStaff.id, name: record.organizationStaff.name },
+        truck: { id: record.truck.id, name: record.truck.name },
+        block: { id: record.block.id, name: record.block.name },
+        ramp: { id: record.ramp.id, name: record.ramp.name },
         totalBunchLoaded: Number(record.totalBunchLoaded),
         totalBunchWeight: Number(record.totalBunchWeight),
         remark: record?.remark ? record.remark : null
@@ -587,24 +325,9 @@ class LoadingCreateRecord extends localize(i18next)(PageView) {
     })
   }
 
-  _getLoadingRampDetails() {
-    return this.rampGrist.dirtyData.records.map(record => {
-      let dailyLoadingRamps = {
-        ramp: { id: record.ramp.id, name: record.ramp.name },
-        totalBunchWeight: Number(record.totalBunchWeight)
-      }
-
-      return dailyLoadingRamps
-    })
-  }
-
   _clearView() {
     this.loadingForm.reset()
     this.loadingData = { ...this.loadingData, records: [] }
-    this.rampData = { ...this.rampData, records: [] }
-    this.totalBunchesAvailable = 0
-    this.totalTonnageAvailable = 0
-    this.totalBunchLoaded = 0
   }
 
   _serializeForm(form) {