From 2ce885397880ea9954cb29d58ec918a6a6eded2e Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Thu, 12 Aug 2021 17:10:51 -0400
Subject: [PATCH] infinite loop in product table (#1043)

* infinite loop in product table

* Show suggestions when input gets focus

Co-authored-by: elsiosanchez <elsiossanches@gmail.com>
---
 src/components/ADempiere/Form/VPOS/ProductInfo/index.vue  | 8 ++------
 .../ADempiere/Form/VPOS/ProductInfo/productList.vue       | 3 ++-
 src/lang/ADempiere/en.js                                  | 3 ++-
 src/lang/ADempiere/es.js                                  | 3 ++-
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue b/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue
index 70f8b63b..9a612fac 100644
--- a/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue
+++ b/src/components/ADempiere/Form/VPOS/ProductInfo/index.vue
@@ -47,8 +47,10 @@
         clearable
         style="width: 100%;"
         popper-class="custom-field-prodcut-info"
+        :trigger-on-focus="true"
         :fetch-suggestions="localSearch"
         :select-when-unmatched="true"
+        :highlight-first-item="true"
         @shortkey.native="shortcutKeyMethod"
         @select="handleSelect"
       >
@@ -162,12 +164,6 @@ export default {
       }
     },
     localSearch(stringToMatch, callBack) {
-      if (this.isEmptyValue(stringToMatch)) {
-        // not show list
-        callBack([])
-        return
-      }
-
       let results = this.listWithPrice
       if (!this.isEmptyValue(stringToMatch)) {
         const parsedValue = stringToMatch.toLowerCase().trim()
diff --git a/src/components/ADempiere/Form/VPOS/ProductInfo/productList.vue b/src/components/ADempiere/Form/VPOS/ProductInfo/productList.vue
index 255e8cc7..b57b0211 100644
--- a/src/components/ADempiere/Form/VPOS/ProductInfo/productList.vue
+++ b/src/components/ADempiere/Form/VPOS/ProductInfo/productList.vue
@@ -37,8 +37,9 @@
     <el-table
       ref="listProducto"
       v-shortkey="shortsKey"
-      v-loading="isEmptyValue(listWithPrice) || isLoadedServer"
+      v-loading="isLoadedServer"
       :data="localTableSearch(listWithPrice)"
+      :empty-text="$t('form.pos.tableProduct.empty')"
       border
       fit
       height="450"
diff --git a/src/lang/ADempiere/en.js b/src/lang/ADempiere/en.js
index b0ad474d..14639cda 100644
--- a/src/lang/ADempiere/en.js
+++ b/src/lang/ADempiere/en.js
@@ -447,7 +447,8 @@ export default {
         options: 'Options',
         editQuantities: 'Edit Quantities',
         pin: 'Insert Pin',
-        remove: 'Remove'
+        remove: 'Remove',
+        empty: 'Enter the product name, code or UPC'
       },
       order: {
         order: 'Order',
diff --git a/src/lang/ADempiere/es.js b/src/lang/ADempiere/es.js
index 0ccec4e4..d2f22853 100644
--- a/src/lang/ADempiere/es.js
+++ b/src/lang/ADempiere/es.js
@@ -423,7 +423,8 @@ export default {
         options: 'Opciones',
         editQuantities: 'Editar Cantidades',
         pin: 'Ingrese Pin',
-        remove: 'Eliminar'
+        remove: 'Eliminar',
+        empty: 'Ingrese el nombre del producto, código o UPC'
       },
       order: {
         order: 'Orden',