@things-factory/operato-pms 3.7.5 → 3.8.13

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

@@ -1,13 +1,14 @@
-import { MultiColumnFormStyles } from '@things-factory/form-ui'
 import '@things-factory/grist-ui'
+import '../../component/block-selector-popup'
+
+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 { 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 '../../component/block-selector-popup'
-import { INVENTORY_TYPE } from '../constants'
 
 class EditLoadingRecord extends localize(i18next)(PageView) {
   static get properties() {
@@ -99,20 +100,9 @@ class EditLoadingRecord 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 />
-
-          <label>${i18next.t('label.current_bunch_at_field')}</label>
-          <input
-            type="number"
-            name="totalBunches"
-            value="${this.totalBunchesAvailable ? this.totalBunchesAvailable : 0}"
-            readonly
-          />
         </fieldset>
       </form>
 
@@ -127,44 +117,14 @@ class EditLoadingRecord 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}"
-          ></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() {
@@ -175,31 +135,11 @@ class EditLoadingRecord 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 bunchLoadedInput() {
-    return this.shadowRoot.querySelector('input[name=totalBunchLoaded]')
-  }
-
-  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', 'block', 'totalBunchLoaded', 'totalBunchWeight', 'ramp', 'remark']
       },
       columns: [
         { type: 'gutter', gutterName: 'sequence' },
@@ -210,69 +150,75 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
         },
         {
           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: 'name', header: i18next.t('field.name'), width: 200 }
               ],
-              list: { fields: ['name', 'description'] }
+              list: { fields: ['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: ['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, align: 'center' },
-          width: 300
-        }
-      ]
-    }
-
-    this.rampGristConfig = {
-      pagination: { infinite: true },
-      list: {
-        fields: ['ramp', 'totalBunchWeight']
-      },
-      columns: [
-        { type: 'gutter', gutterName: 'sequence' },
-        {
-          type: 'string',
-          name: 'name',
-          hidden: true
-        },
         {
           type: 'object',
           name: 'ramp',
           header: i18next.t('field.ramp'),
-          width: 300
+          record: {
+            editable: true,
+            options: {
+              queryName: 'ramps',
+              select: [
+                { name: 'id', hidden: true },
+                { name: 'name', header: i18next.t('field.name'), width: 200 }
+              ],
+              list: { fields: ['name'] }
+            }
+          },
+          width: 130
         },
         {
-          type: 'float',
-          name: 'totalBunchWeight',
-          header: i18next.t('field.total_weight_loaded'),
-          width: 150
+          type: 'string',
+          name: 'remark',
+          header: i18next.t('field.remarks'),
+          record: { editable: true },
+          width: 300
         }
       ]
     }
@@ -280,82 +226,19 @@ class EditLoadingRecord 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)
-
-        const newTotalAvailableBunches =
-          this.totalBunchesAvailable + this.storedTotalBunchLoaded - sumOfTotalBunchLoaded
-
-        this.totalBunchLoaded = sumOfTotalBunchLoaded
-
-        if (newTotalAvailableBunches < 0) {
-          throw new Error(i18next.t('text.insufficient_bunches_to_be_loaded'))
-        }
-        this.bunchesInput.value = newTotalAvailableBunches
-        this.bunchLoadedInput.value = this.totalBunchLoaded
-
-        if (!totalBunchLoaded || totalBunchLoaded < 0)
-          throw new Error(i18next.t('text.total_bunches_loaded_should_be_positive'))
-      }
-
+      let { totalBunchWeight, totalBunchLoaded } = changeRecord
       if (changedColumn === 'totalBunchWeight') {
         if (!totalBunchWeight || totalBunchWeight < 0) {
-          throw new Error(i18next.t('text.total_bunch_weight_should_be_positive'))
+          throw new Error(i18next.t('text.x_should_be_positive', { x: i18next.t('label.total_tonnage') }))
         }
-        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.x_should_be_positive', { x: i18next.t('label.total_bunch') }))
+        }
       }
     } catch (e) {
       const beforeValue = event.detail.before && event.detail.before[event.detail.column.name]
@@ -369,70 +252,40 @@ class EditLoadingRecord 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'))
-    }
-  }
-
   async pageUpdated(changes) {
     if (this.active) {
       this._loadingNo = changes.resourceId || this._loadingNo || ''
       await this._fetchLoadingRecord()
-      await this._fetchBunchesInField()
       this.updateContext()
     }
   }
 
   async _fetchLoadingRecord() {
-    if (!this._loadingNo) {
-      CustomAlert({
-        title: i18next.t('text.no_records'),
-        text: i18next.t('text.unable_to_find_loading_record')
-      })
-    }
+    if (!this._loadingNo) return
 
     const response = await client.query({
       query: gql`
         query dailyLoading($name: String!) {
           dailyLoading(name: $name) {
             name
-            block {
-              id
-              name
-              description
-            }
             loadingDate
             totalBunch
             totalWeight
             status
-            dailyLoadingRamps {
+            dailyLoadingDetails {
               name
+              totalBunchLoaded
               totalBunchWeight
+              remark
+              truck {
+                id
+                name
+              }
               ramp {
                 id
                 name
-                description
               }
-            }
-            dailyLoadingDetails {
-              name
-              totalBunchLoaded
-              totalBunchWeight
-              remark
-              organizationStaff {
+              block {
                 id
                 name
               }
@@ -445,64 +298,13 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
 
     if (!response.errors) {
       const { dailyLoading } = response.data
-      const { dailyLoadingRamps, dailyLoadingDetails } = dailyLoading
+      const { dailyLoadingDetails } = dailyLoading
 
       this._status = dailyLoading.status
-      this._blockId = dailyLoading.block.id
-      this._fillupLoadingForm({ ...dailyLoading, block: dailyLoading.block.name })
+      this._fillupLoadingForm({ ...dailyLoading })
       this.loadingData = {
-        records: dailyLoadingDetails.map(detail => {
-          return {
-            ...detail,
-            staffName: detail.organizationStaff && detail.organizationStaff.name
-          }
-        })
-      }
-
-      this.rampData = {
-        records: dailyLoadingRamps.map(loadingRamp => {
-          return {
-            ...loadingRamp,
-            ...loadingRamp.ramp
-          }
-        })
+        records: dailyLoadingDetails
       }
-
-      this.totalTonnageAvailable = dailyLoadingRamps.reduce((total, currentValue) => {
-        total += currentValue.totalBunchWeight
-        return total
-      }, 0)
-
-      this.storedTotalBunchLoaded = dailyLoadingDetails.reduce((total, currentValue) => {
-        total += currentValue.totalBunchLoaded
-        return total
-      }, 0)
-
-      this.totalBunchLoaded = this.storedTotalBunchLoaded
-    }
-  }
-
-  async _fetchBunchesInField() {
-    const response = await client.query({
-      query: gql`
-        query plantationInventory($blockId: String!, $type: String!) {
-          plantationInventory(blockId: $blockId, type: $type) {
-            id
-            block {
-              id
-              name
-              description
-            }
-            totalBunches
-            updatedAt
-          }
-        }
-      `,
-      variables: { blockId: this._blockId, type: INVENTORY_TYPE.FIELD_BUNCHES.value }
-    })
-
-    if (!response.errors) {
-      this.totalBunchesAvailable = response.data.plantationInventory.totalBunches
     }
   }
 
@@ -521,10 +323,7 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
       if (!result.value) return
 
       let dailyLoadingPatch = this._getFormInfo()
-      delete dailyLoadingPatch.totalBunches
-      delete dailyLoadingPatch.totalWeight
       dailyLoadingPatch.dailyLoadingDetails = this._getLoadingDetails()
-      dailyLoadingPatch.dailyLoadingRamps = this._getLoadingRampDetails()
 
       const response = await client.mutate({
         mutation: gql`
@@ -556,14 +355,6 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
     // no records
     if (!this.loadingGrist.dirtyData.records || !this.loadingGrist.dirtyData.records.length)
       throw new Error(i18next.t('text.no_records'))
-
-    // required field (batchId, packingType, weight, unit, packQty, palletQty)
-    if (
-      this.loadingGrist.dirtyData.records.filter(
-        record => !record.organizationStaff || !record.totalBunchLoaded || !record.totalBunchWeight
-      ).length
-    )
-      throw new Error(i18next.t('text.empty_value_in_list'))
   }
 
   _getFormInfo() {
@@ -573,9 +364,11 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
   _getLoadingDetails() {
     return this.loadingGrist.dirtyData.records.map(record => {
       let dailyLoadingDetails = {
-        organizationStaff: { id: record.organizationStaff.id, name: record.organizationStaff.name },
-        name: record?.name ? record.name : null,
-        totalBunchLoaded: Number(record.totalBunchLoaded),
+        name: record.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 || 0),
         totalBunchWeight: Number(record.totalBunchWeight),
         remark: record?.remark ? record.remark : null
       }
@@ -584,18 +377,6 @@ class EditLoadingRecord extends localize(i18next)(PageView) {
     })
   }
 
-  _getLoadingRampDetails() {
-    return this.rampGrist.dirtyData.records.map(record => {
-      let dailyLoadingRamps = {
-        ramp: { id: record.ramp.id, name: record.ramp.name },
-        name: record?.name ? record.name : null,
-        totalBunchWeight: Number(record.totalBunchWeight)
-      }
-
-      return dailyLoadingRamps
-    })
-  }
-
   _fillupLoadingForm(data) {
     this._fillupForm(this.loadingForm, data)
   }