@things-factory/operato-wms 3.7.14 → 3.8.2

package/client/pages/outbound/inventory-assign-popup.js

@@ -264,7 +264,7 @@ class InventoryAssignPopup extends localize(i18next)(LitElement) {
           $packingSize: Float!
           $uom: String!
           $pickingStrategy: String!
-          $locationSortingRules: [Sorting]
+          $locationSortingRules: [Sorting!]!
         ) {
           inventoriesByStrategy(
             worksheetId: $worksheetId

package/client/pages/outbound/merged-outbound-worksheet.js

@@ -229,7 +229,7 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'createdAt',
           header: i18next.t('field.created_at'),
-          imex: { header: i18next.t('field.created_at'), key: 'createdAt', width: 30, type: 'datetime' },
+          imex: { header: i18next.t('field.created_at'), key: 'createdAt', width: 30, type: 'string' },
           sortable: true,
           width: 160
         },
@@ -237,7 +237,7 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'startedAt',
           header: i18next.t('field.started_at'),
-          imex: { header: i18next.t('field.started_at'), key: 'startedAt', width: 30, type: 'datetime' },
+          imex: { header: i18next.t('field.started_at'), key: 'startedAt', width: 30, type: 'string' },
           sortable: true,
           width: 160
         },
@@ -245,7 +245,7 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'endedAt',
           header: i18next.t('field.ended_at'),
-          imex: { header: i18next.t('field.ended_at'), key: 'endedAt', width: 30, type: 'datetime' },
+          imex: { header: i18next.t('field.ended_at'), key: 'endedAt', width: 30, type: 'string' },
           sortable: true,
           width: 160
         },
@@ -413,7 +413,7 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
     }
 
     var headerSetting = this.dataGrist._config.columns
-      .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
+      .filter(column => column.type !== 'gutter' && column.imex !== undefined)
       .map(column => {
         return column.imex
       })
@@ -422,7 +422,7 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
       return {
         id: item.id,
         ...this._columns
-          .filter(column => column.type !== 'gutter' && column.record !== undefined && column.imex !== undefined)
+          .filter(column => column.type !== 'gutter' && column.imex !== undefined)
           .reduce((record, column) => {
             record[column.imex.key] = column.imex.key
               .split('.')
@@ -430,10 +430,14 @@ class MergedOutboundWorksheet extends localize(i18next)(PageView) {
             if (column.type === 'datetime') {
               record[column.imex.key] = new Date(parseInt(record[column.imex.key])).toLocaleString()
             }
+            if (record[column.imex.key] === 'Invalid Date') {
+              record[column.imex.key] = ''
+            }
             return record
           }, {})
       }
     })
+
     return { header: headerSetting, data: data }
   }
 }

package/client/pages/outbound/picking-product.js

@@ -896,7 +896,7 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
   async fetchPalletsHandler(releaseGoodNo) {
     const response = await client.query({
       query: gql`
-        query pallets($filters: [Filter], $pagination: Pagination) {
+        query pallets($filters: [Filter!]!, $pagination: Pagination) {
           pallets(filters: $filters, pagination: $pagination) {
             items {
               id
@@ -1008,9 +1008,10 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
         this.isReplacement = false
       } catch (e) {
         this._showToast(e)
-      } finally {
-        this._isExecuting = false
       }
+      // finally {
+      //   this._isExecuting = false
+      // }
     }
   }
 
@@ -1098,180 +1099,214 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
   }
 
   async pickCommonPicking() {
-    const locationName =
-      this.isWholePicking || !this.locationInput ? this._selectedOrderInventory.location.name : this.locationInput.value
-    // 1. Check whether location is changed
-    if (this._selectedOrderInventory.location.name !== locationName) {
-      this.locationNameSplit = this.locationInput.value.split('-')
-      const zonePortions = this.locationNameSplit[0].match(/[a-zA-Z0-9]+/g)
-      const rowPortions = this.locationNameSplit[1].match(/[a-zA-Z0-9]+/g)
-      const columnPortions = this.locationNameSplit[2].match(/[a-zA-Z0-9]+/g)
-
-      if (this.locationNameSplit.length === 3) {
-        this._incompleteLocationName = true
-        this.locations = await this.fetchLocations(zonePortions[0], rowPortions[0], columnPortions[0])
-        this._focusOnNewLocationInput()
-        throw new Error(i18next.t('text.please_select_the_location_again'))
-      } else if (this.locationNameSplit.length === 4) {
-        let relocateConfirmation = await CustomAlert({
-          title: i18next.t('title.relocate'),
-          text: i18next.t('text.are_you_sure'),
-          confirmButton: { text: i18next.t('button.relocate') },
-          cancelButton: { text: i18next.t('button.cancel') }
-        })
+    if (this._isExecuting === false) {
+      this._isExecuting = true
 
-        if (!relocateConfirmation.isConfirmed) {
-          this._incompleteLocationName = false
-          this.locationNameSplit = []
-          return false
-        }
-      }
-    }
+      try {
+        const locationName =
+          this.isWholePicking || !this.locationInput
+            ? this._selectedOrderInventory.location.name
+            : this.locationInput.value
+        // 1. Check whether location is changed
+        if (this._selectedOrderInventory.location.name !== locationName) {
+          this.locationNameSplit = this.locationInput.value.split('-')
+          const zonePortions = this.locationNameSplit[0].match(/[a-zA-Z0-9]+/g)
+          const rowPortions = this.locationNameSplit[1].match(/[a-zA-Z0-9]+/g)
+          const columnPortions = this.locationNameSplit[2].match(/[a-zA-Z0-9]+/g)
+
+          if (this.locationNameSplit.length === 3) {
+            this._incompleteLocationName = true
+            this.locations = await this.fetchLocations(zonePortions[0], rowPortions[0], columnPortions[0])
+            this._focusOnNewLocationInput()
+            throw new Error(i18next.t('text.please_select_the_location_again'))
+          } else if (this.locationNameSplit.length === 4) {
+            let relocateConfirmation = await CustomAlert({
+              title: i18next.t('title.relocate'),
+              text: i18next.t('text.are_you_sure'),
+              confirmButton: { text: i18next.t('button.relocate') },
+              cancelButton: { text: i18next.t('button.cancel') }
+            })
 
-    switch (this.refPickingType) {
-      case PICKING_TYPES.PICKING.value:
-        return await client.mutate({
-          mutation: gql`
-            mutation picking(
-              $worksheetDetailName: String!
-              $worksheetType: String!
-              $palletId: String
-              $locationName: String!
-              $releaseQty: Int!
-              $binLocation: String
-              $serialNumber: String
-            ) {
-              picking(
-                worksheetDetailName: $worksheetDetailName
-                worksheetType: $worksheetType
-                palletId: $palletId
-                locationName: $locationName
-                releaseQty: $releaseQty
-                binLocation: $binLocation
-                serialNumber: $serialNumber
-              )
+            if (!relocateConfirmation.isConfirmed) {
+              this._incompleteLocationName = false
+              this.locationNameSplit = []
+              return false
             }
-          `,
-          variables: {
-            worksheetDetailName: this._selectedOrderInventory.name,
-            worksheetType: this.refPickingType,
-            palletId: this.palletInput.value.trim(),
-            locationName,
-            releaseQty: this._isRequireSerialNumberScanning ? 1 : parseInt(this.releaseQtyInput.value),
-            binLocation: this._hasBinPicking ? this.binLocationInput.value : null,
-            serialNumber: this._isRequireSerialNumberScanning ? this.serialInput.value : null
           }
-        })
+        }
 
-      case PICKING_TYPES.BATCH_PICKING.value:
-        return await client.mutate({
-          mutation: gql`
-            mutation batchPicking(
-              $taskNo: String!
-              $worksheetType: String!
-              $palletId: String!
-              $locationName: String
-              $binLocationName: String
-              $releaseQty: Int!
-            ) {
-              batchPicking(
-                taskNo: $taskNo
-                worksheetType: $worksheetType
-                palletId: $palletId
-                locationName: $locationName
-                binLocationName: $binLocationName
-                releaseQty: $releaseQty
-              )
-            }
-          `,
-          variables: {
-            taskNo: this.taskNo,
-            worksheetType: this.refPickingType,
-            palletId: this.palletInput.value.trim(),
-            locationName,
-            binLocationName: this._hasBinPicking ? this.binLocationInput.value : null,
-            releaseQty: parseInt(this.releaseQtyInput.value)
-          }
-        })
+        switch (this.refPickingType) {
+          case PICKING_TYPES.PICKING.value:
+            return (
+              await client.mutate({
+                mutation: gql`
+                  mutation picking(
+                    $worksheetDetailName: String!
+                    $worksheetType: String!
+                    $palletId: String
+                    $locationName: String!
+                    $releaseQty: Int!
+                    $binLocation: String
+                    $serialNumber: String
+                  ) {
+                    picking(
+                      worksheetDetailName: $worksheetDetailName
+                      worksheetType: $worksheetType
+                      palletId: $palletId
+                      locationName: $locationName
+                      releaseQty: $releaseQty
+                      binLocation: $binLocation
+                      serialNumber: $serialNumber
+                    )
+                  }
+                `,
+                variables: {
+                  worksheetDetailName: this._selectedOrderInventory.name,
+                  worksheetType: this.refPickingType,
+                  palletId: this.palletInput.value.trim(),
+                  locationName,
+                  releaseQty: this._isRequireSerialNumberScanning ? 1 : parseInt(this.releaseQtyInput.value),
+                  binLocation: this._hasBinPicking ? this.binLocationInput.value : null,
+                  serialNumber: this._isRequireSerialNumberScanning ? this.serialInput.value : null
+                }
+              }),
+              (this._isExecuting = false)
+            )
+
+          case PICKING_TYPES.BATCH_PICKING.value:
+            return (
+              await client.mutate({
+                mutation: gql`
+                  mutation batchPicking(
+                    $taskNo: String!
+                    $worksheetType: String!
+                    $palletId: String!
+                    $locationName: String
+                    $binLocationName: String
+                    $releaseQty: Int!
+                  ) {
+                    batchPicking(
+                      taskNo: $taskNo
+                      worksheetType: $worksheetType
+                      palletId: $palletId
+                      locationName: $locationName
+                      binLocationName: $binLocationName
+                      releaseQty: $releaseQty
+                    )
+                  }
+                `,
+                variables: {
+                  taskNo: this.taskNo,
+                  worksheetType: this.refPickingType,
+                  palletId: this.palletInput.value.trim(),
+                  locationName,
+                  binLocationName: this._hasBinPicking ? this.binLocationInput.value : null,
+                  releaseQty: parseInt(this.releaseQtyInput.value)
+                }
+              }),
+              (this._isExecuting = false)
+            )
+        }
+      } catch (e) {
+        this._showToast(e)
+      }
+    } else {
+      throw new Error(i18next.t('text.previous_picking_is_still_executing_please_wait'))
     }
   }
 
   async productBarcodePicking() {
-    switch (this.refPickingType) {
-      case PICKING_TYPES.PICKING.value:
-        return await client.mutate({
-          mutation: gql`
-            mutation scanProductPicking(
-              $worksheetDetailName: String!
-              $worksheetType: String!
-              $productBarcode: String!
-              $cartonId: String!
-              $binLocation: String
-              $serialNumber: String
-            ) {
-              scanProductPicking(
-                worksheetDetailName: $worksheetDetailName
-                worksheetType: $worksheetType
-                productBarcode: $productBarcode
-                cartonId: $cartonId
-                binLocation: $binLocation
-                serialNumber: $serialNumber
-              )
-            }
-          `,
-          variables: {
-            worksheetDetailName: this._selectedOrderInventory.name,
-            worksheetType: this.refPickingType,
-            productBarcode: this.productBarcodeInput.value.trim(),
-            cartonId: this.cartonInput.value.trim(),
-            serialNumber: this._isRequireSerialNumberScanning ? this.serialInput.value : null,
-            binLocation: this._hasBinPicking ? this.binLocationInput.value : null
-          }
-        })
+    if (this._isExecuting === false) {
+      this._isExecuting = true
 
-      case PICKING_TYPES.BATCH_PICKING.value:
-        return await client.mutate({
-          mutation: gql`
-            mutation scanProductBatchPicking(
-              $taskNo: String!
-              $worksheetType: String!
-              $cartonId: String!
-              $inventory: InventoryPatch!
-              $productBarcode: String!
-              $binLocationName: String
-            ) {
-              scanProductBatchPicking(
-                taskNo: $taskNo
-                worksheetType: $worksheetType
-                cartonId: $cartonId
-                inventory: $inventory
-                productBarcode: $productBarcode
-                binLocationName: $binLocationName
-              )
-            }
-          `,
-          variables: {
-            taskNo: this.taskNo,
-            worksheetType: this.refPickingType,
-            cartonId: this.cartonInput.value.trim(),
-            productBarcode: this.productBarcodeInput.value.trim(),
-            inventory: {
-              batchId: this._selectedOrderInventory.batchId,
-              packingType: this._selectedOrderInventory.packingType,
-              packingSize: this._selectedOrderInventory.packingSize,
-              product: { id: this._selectedOrderInventory.product.id }
-            },
-            binLocationName: this._hasBinPicking ? this.binLocationInput.value : null
-          }
-        })
+      try {
+        switch (this.refPickingType) {
+          case PICKING_TYPES.PICKING.value:
+            return (
+              await client.mutate({
+                mutation: gql`
+                  mutation scanProductPicking(
+                    $worksheetDetailName: String!
+                    $worksheetType: String!
+                    $productBarcode: String!
+                    $cartonId: String!
+                    $binLocation: String
+                    $serialNumber: String
+                  ) {
+                    scanProductPicking(
+                      worksheetDetailName: $worksheetDetailName
+                      worksheetType: $worksheetType
+                      productBarcode: $productBarcode
+                      cartonId: $cartonId
+                      binLocation: $binLocation
+                      serialNumber: $serialNumber
+                    )
+                  }
+                `,
+                variables: {
+                  worksheetDetailName: this._selectedOrderInventory.name,
+                  worksheetType: this.refPickingType,
+                  productBarcode: this.productBarcodeInput.value.trim(),
+                  cartonId: this.cartonInput.value.trim(),
+                  serialNumber: this._isRequireSerialNumberScanning ? this.serialInput.value : null,
+                  binLocation: this._hasBinPicking ? this.binLocationInput.value : null
+                }
+              }),
+              (this._isExecuting = false)
+            )
+
+          case PICKING_TYPES.BATCH_PICKING.value:
+            return (
+              await client.mutate({
+                mutation: gql`
+                  mutation scanProductBatchPicking(
+                    $taskNo: String!
+                    $worksheetType: String!
+                    $cartonId: String!
+                    $inventory: InventoryPatch!
+                    $productBarcode: String!
+                    $binLocationName: String
+                  ) {
+                    scanProductBatchPicking(
+                      taskNo: $taskNo
+                      worksheetType: $worksheetType
+                      cartonId: $cartonId
+                      inventory: $inventory
+                      productBarcode: $productBarcode
+                      binLocationName: $binLocationName
+                    )
+                  }
+                `,
+                variables: {
+                  taskNo: this.taskNo,
+                  worksheetType: this.refPickingType,
+                  cartonId: this.cartonInput.value.trim(),
+                  productBarcode: this.productBarcodeInput.value.trim(),
+                  inventory: {
+                    batchId: this._selectedOrderInventory.batchId,
+                    packingType: this._selectedOrderInventory.packingType,
+                    packingSize: this._selectedOrderInventory.packingSize,
+                    product: { id: this._selectedOrderInventory.product.id }
+                  },
+                  binLocationName: this._hasBinPicking ? this.binLocationInput.value : null
+                }
+              }),
+              (this._isExecuting = false)
+            )
+        }
+      } catch (e) {
+        this._showToast(e)
+      }
+    } else {
+      throw new Error(i18next.t('text.previous_picking_is_still_executing_please_wait'))
     }
   }
 
   async validatePicking() {
     // validate for previous picking execution (multiple picking scanning)
-    if (this._isExecuting) throw new Error(i18next.t('text.previous_picking_is_still_executing_please_wait'))
+    // if (this._isExecuting) throw new Error(i18next.t('text.previous_picking_is_still_executing_please_wait'))
 
-    this._isExecuting = true
+    // this._isExecuting = true
 
     // validate for order selection
     if (!this._selectedOrderInventory) throw new Error(i18next.t('text.target_is_not_selected'))
@@ -1309,7 +1344,12 @@ class PickingProduct extends connect(store)(localize(i18next)(PageView)) {
           if (!this.releaseQtyInput.checkValidity()) throw new Error(i18next.t('text.release_qty_invalid'))
 
           // typed qty should be matched with release qty.
-          if (parseInt(this.releaseQtyInput.value) !== this._selectedOrderInventory.releaseQty) {
+
+          if (
+            parseInt(this.releaseQtyInput.value) !==
+            this._selectedOrderInventory.releaseQty -
+              (this._selectedOrderInventory.pickedQty ? this._selectedOrderInventory.pickedQty : 0)
+          ) {
             this._focusOnReleaseQtyInput()
             throw new Error(i18next.t('text.wrong_release_qty'))
           }

package/client/pages/outbound/picking-replacement-popup.js

@@ -233,7 +233,7 @@ class PickingReplacementPopup extends localize(i18next)(LitElement) {
 
       const response = await client.query({
         query: gql`
-          query inventories($filters: [Filter]) {
+          query inventories($filters: [Filter!]) {
             inventories(filters: $filters) {
               items {
                 palletId
@@ -362,7 +362,7 @@ class PickingReplacementPopup extends localize(i18next)(LitElement) {
           mutation replacePickingPallets(
             $worksheetDetailName: String!
             $worksheetType: String!
-            $inventories: [InventoryPatch]!
+            $inventories: [InventoryPatch!]!
             $returnLocation: String
           ) {
             replacePickingPallets(

package/client/pages/outbound/single-outbound-worksheet.js

@@ -214,6 +214,12 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'object',
           name: 'releaseGood',
           header: i18next.t('field.release_good_no'),
+          imex: {
+            header: i18next.t('field.release_good_no'),
+            key: 'releaseGood.name',
+            width: 30,
+            type: 'string'
+          },
           sortable: true,
           width: 150
         },
@@ -221,6 +227,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'string',
           name: 'releaseRefNo',
           header: i18next.t('field.ref_no'),
+          imex: { header: i18next.t('field.ref_no'), key: 'releaseRefNo', width: 30, type: 'array' },
           sortable: true,
           width: 180
         },
@@ -228,24 +235,28 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'boolean',
           name: 'crossDocking',
           header: i18next.t('field.cross_docking'),
+          imex: { header: i18next.t('field.cross_docking'), key: 'crossDocking', width: 20, type: 'string' },
           width: 100
         },
         {
           type: 'boolean',
           name: 'courierOption',
           header: i18next.t('field.courier'),
+          imex: { header: i18next.t('field.courier'), key: 'courierOption', width: 20, type: 'string' },
           width: 60
         },
         {
           type: 'boolean',
           name: 'packingOption',
           header: i18next.t('field.packing'),
+          imex: { header: i18next.t('field.packing'), key: 'packingOption', width: 20, type: 'string' },
           width: 60
         },
         {
           type: 'object',
           name: 'bizplace',
           header: i18next.t('field.company'),
+          imex: { header: i18next.t('field.company'), key: 'bizplace.name', width: 20, type: 'string' },
           sortable: true,
           width: 240
         },
@@ -253,6 +264,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'string',
           name: 'type',
           header: i18next.t('field.type'),
+          imex: { header: i18next.t('field.type'), key: 'type', width: 20, type: 'string' },
           sortable: true,
           width: 100
         },
@@ -260,6 +272,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'string',
           name: 'status',
           header: i18next.t('field.status'),
+          imex: { header: i18next.t('field.status'), key: 'status', width: 20, type: 'string' },
           sortable: true,
           width: 100
         },
@@ -267,6 +280,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'createdAt',
           header: i18next.t('field.created_at'),
+          imex: { header: i18next.t('field.created_at'), key: 'createdAt', width: 20, type: 'string' },
           sortable: true,
           width: 200
         },
@@ -274,6 +288,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'startedAt',
           header: i18next.t('field.started_at'),
+          imex: { header: i18next.t('field.started_at'), key: 'startedAt', width: 30, type: 'string' },
           sortable: true,
           width: 160
         },
@@ -281,6 +296,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'datetime',
           name: 'endedAt',
           header: i18next.t('field.ended_at'),
+          imex: { header: i18next.t('field.ended_at'), key: 'endedAt', width: 30, type: 'string' },
           sortable: true,
           width: 160
         },
@@ -288,6 +304,7 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
           type: 'object',
           name: 'updater',
           header: i18next.t('field.updater'),
+          imex: { header: i18next.t('field.updater'), key: 'updater.name', width: 30, type: 'string' },
           sortable: true,
           width: 150
         }
@@ -446,7 +463,36 @@ class SingleOutboundWorksheet extends localize(i18next)(PageView) {
   }
 
   _exportableData() {
-    return this.dataGrist.exportRecords()
+    let records = []
+    if (this.dataGrist.selected && this.dataGrist.selected.length > 0) {
+      records = this.dataGrist.selected
+    } else {
+      records = this.dataGrist.data.records
+    }
+
+    var headerSetting = this.dataGrist._config.columns
+      .filter(column => column.type !== 'gutter' /* && column.record !== undefined */ && column.imex !== undefined)
+      .map(column => {
+        return column.imex
+      })
+
+    var data = records.map(item => {
+      return {
+        id: item.id,
+        ...this._columns
+          .filter(column => column.type !== 'gutter' /* && column.record !== undefined */ && column.imex !== undefined)
+          .reduce((record, column) => {
+            record[column.imex.key] = column.imex.key
+              .split('.')
+              .reduce((obj, key) => (obj && obj[key] !== 'undefined' ? obj[key] : undefined), item)
+            if (record[column.imex.key] === 'Invalid Date') {
+              record[column.imex.key] = ''
+            }
+            return record
+          }, {})
+      }
+    })
+    return { header: headerSetting, data: data }
   }
 
   navigatePickingRelatedPages(record) {

package/client/pages/outbound/worksheet-loading.js

@@ -21,6 +21,7 @@ class WorksheetLoading extends localize(i18next)(PageView) {
     return {
       _worksheetNo: String,
       _worksheetStatus: String,
+      _statusList: Array,
       vasData: Object,
       vasGristConfig: Object,
       _roNo: String,
@@ -133,11 +134,12 @@ class WorksheetLoading extends localize(i18next)(PageView) {
             <label for="ownCollection">${i18next.t('label.own_collection')}</label>
 
             <label>${i18next.t('label.status')}</label>
-            <select name="status" disabled>
-              ${Object.keys(WORKSHEET_STATUS).map(
-                key => html` <option value="${WORKSHEET_STATUS[key].value}">${WORKSHEET_STATUS[key].name}</option> `
-              )}
-            </select>
+            <input
+              name="status"
+              value="${this._statusList.find(x => x.value == this._worksheetStatus)?.display || ''}"
+              readonly
+              disabled
+            />
           </fieldset>
         </form>
 
@@ -169,6 +171,13 @@ class WorksheetLoading extends localize(i18next)(PageView) {
     `
   }
 
+  constructor() {
+    super()
+    this._statusList = Object.keys(WORKSHEET_STATUS).map(key => {
+      return { value: WORKSHEET_STATUS[key].value, display: WORKSHEET_STATUS[key].name }
+    })
+  }
+
   async pageUpdated(changes) {
     if (this.active && (changes.resourceId || this._worksheetNo)) {
       if (changes.resourceId) {