feat: Add field locator warehouse (#490)

* Add locator wharehouse (#7)

* proposal for location component

* change props

* remove children if is empty

* redefine call data

Co-authored-by: leonel1524 <matosleonel0@gmail.com>

* feat: Add Locator Warehouse Field.

* remove unused code.

Co-authored-by: leonel1524 <matosleonel0@gmail.com>

src/api/ADempiere/field/locator.js

@@ -0,0 +1,10 @@
+import { getEntitiesList } from '@/api/ADempiere/persistence'
+
+export function getLocatorList({
+  warehouseId
+}) {
+  return getEntitiesList({
+    tableName: 'M_Locator',
+    whereClause: `M_Warehouse_ID = ${warehouseId}`
+  })
+}

src/components/ADempiere/Field/FieldLocator.vue

@@ -0,0 +1,88 @@
+<template>
+  <el-cascader
+    :ref="metadata.columnName"
+    v-model="value"
+    :placeholder="metadata.help"
+    :options="options"
+    :readonly="Boolean(metadata.readonly)"
+    :disabled="isDisabled"
+    :clearable="true"
+    filterable
+    lazy
+    :show-all-levels="false"
+    :lazy-load="searchLocatorByWarehouse"
+    :props="props"
+    @change="preHandleChange"
+  />
+</template>
+
+<script>
+import { fieldMixin } from '@/components/ADempiere/Field/FieldMixin'
+import { getLocatorList } from '@/api/ADempiere/field/locator'
+
+export default {
+  name: 'FieldLocation',
+  mixins: [fieldMixin],
+  data() {
+    return {
+      value: [],
+      options: [],
+      props: {
+        // checkStrictly: true,
+        // emitPath: false,
+        lazy: true,
+        lazyLoad: this.searchLocatorByWarehouse
+      }
+    }
+  },
+  computed: {
+    warehouse() {
+      return this.$store.getters['user/getWarehouse']
+    },
+    warehousesList() {
+      return this.$store.getters['user/getWarehouses']
+        .map(itemWarehouse => {
+          return {
+            label: itemWarehouse.name,
+            value: itemWarehouse.id,
+            children: []
+          }
+        })
+    }
+  },
+  created() {
+    this.options = this.warehousesList
+  },
+  methods: {
+    preHandleChange(value) {
+      let selected = value
+      if (Array.isArray(value)) {
+        selected = value[value.length - 1]
+      }
+      this.handleChange(selected)
+      this.value = value
+    },
+    searchLocatorByWarehouse(node, resolve) {
+      getLocatorList({
+        warehouseId: node.value
+      })
+        .then(responseData => {
+          const locatorList = responseData.recordsList.map(item => {
+            const { values } = item
+            return {
+              label: values.Value,
+              value: values.M_Locator_ID,
+              warehouse: values.M_Warehouse_ID, // node.value
+              leaf: true
+            }
+          })
+          resolve(locatorList)
+        })
+        .catch(error => {
+          console.warn(`Error getting Locator List By Warehouse from server. Code: ${error.code}. Message: ${error.message}.`)
+          resolve()
+        })
+    }
+  }
+}
+</script>

src/components/ADempiere/Field/index.vue

@@ -121,7 +121,7 @@ export default {
   computed: {
     // load the component that is indicated in the attributes of received property
     componentRender() {
-      if (this.isEmptyValue(this.field.componentPath)) {
+      if (this.isEmptyValue(this.field.componentPath || !this.field.isSupported)) {
         return () => import('@/components/ADempiere/Field/FieldText')
       }
       if (this.isSelectCreated) {
@@ -145,6 +145,9 @@ export default {
         case 'FieldImage':
           field = () => import('@/components/ADempiere/Field/FieldImage')
           break
+        case 'FieldLocator':
+          field = () => import('@/components/ADempiere/Field/FieldLocator')
+          break
         case 'FieldNumber':
           field = () => import('@/components/ADempiere/Field/FieldNumber')
           break

src/store/modules/ADempiere/data.js

@@ -484,7 +484,8 @@ const data = {
       const {
         parentUuid, containerUuid,
         tableName, query, whereClause, orderByClause, conditionsList = [],
-        isShowNotification = true, isParentTab = true, isAddRecord = false
+        isShowNotification = true, isParentTab = true, isAddRecord = false,
+        isAddDefaultValues = true
       } = parameters
       if (isShowNotification) {
         showMessage({
@@ -515,11 +516,14 @@ const data = {
       })
 
       // gets the default value of the fields (including whether it is empty or undefined)
-      const defaultValues = rootGetters.getParsedDefaultValues({
-        parentUuid: parentUuid,
-        containerUuid: containerUuid,
-        isGetServer: false
-      })
+      let defaultValues = {}
+      if (isAddDefaultValues) {
+        defaultValues = rootGetters.getParsedDefaultValues({
+          parentUuid,
+          containerUuid,
+          isGetServer: false
+        })
+      }
       return getEntitiesList({
         tableName,
         query,
@@ -537,9 +541,10 @@ const data = {
             values.isEdit = false
             values.isSelected = false
             values.isReadOnlyFromRow = false
-
-            if (inEdited.find(itemEdit => itemEdit.UUID === values.UUID)) {
-              values.isEdit = true
+            if (isAddDefaultValues) {
+              if (inEdited.find(itemEdit => itemEdit.UUID === values.UUID)) {
+                values.isEdit = true
+              }
             }
 
             // overwrite default values and sets the values obtained from the

src/utils/ADempiere/references.js

@@ -284,7 +284,7 @@ export const LOCATOR_WAREHOUSE = {
   id: 31,
   isSupported: true,
   valueType: 'INTEGER',
-  componentPath: 'FieldSelect',
+  componentPath: 'FieldLocator',
   size: {
     xs: 24,
     sm: 12,