From 11cd2cb93acf001799ffa4016c663f9bd8edb5cb Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Fri, 23 Apr 2021 18:08:54 -0400
Subject: [PATCH] Error List Order  (#779)

* Fixes: #736

* minimal changes

* minimal changes

Co-authored-by: Elsio Sanchez <elsiosanche@gmail.com>
---
 .../Form/VPOS/OrderList/fieldsListOrders.js   | 11 ++++++
 .../ADempiere/Form/VPOS/OrderList/index.vue   | 37 +++++++++++++++++--
 2 files changed, 44 insertions(+), 4 deletions(-)

diff --git a/src/components/ADempiere/Form/VPOS/OrderList/fieldsListOrders.js b/src/components/ADempiere/Form/VPOS/OrderList/fieldsListOrders.js
index 5dab73ce..753e4272 100644
--- a/src/components/ADempiere/Form/VPOS/OrderList/fieldsListOrders.js
+++ b/src/components/ADempiere/Form/VPOS/OrderList/fieldsListOrders.js
@@ -24,6 +24,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 0,
       isMandatory: false
     }
   },
@@ -34,6 +35,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 1,
       isMandatory: false
     }
   },
@@ -44,6 +46,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 2,
       isMandatory: false
     }
   },
@@ -53,6 +56,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 3,
       isMandatory: false
     }
   },
@@ -62,6 +66,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 4,
       isMandatory: false
     }
   },
@@ -71,6 +76,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 5,
       isMandatory: false
     }
   },
@@ -80,6 +86,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 6,
       isMandatory: false
     }
   },
@@ -90,6 +97,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 7,
       isMandatory: false
     }
   },
@@ -101,6 +109,7 @@ export default [
     overwriteDefinition: {
       columnName: 'DateOrderedFrom',
       size: 8,
+      sequence: 8,
       isMandatory: false
     }
   },
@@ -112,6 +121,7 @@ export default [
     overwriteDefinition: {
       columnName: 'DateOrderedTo',
       size: 8,
+      sequence: 9,
       isMandatory: false
     }
   },
@@ -122,6 +132,7 @@ export default [
     isFromDictionary: true,
     overwriteDefinition: {
       size: 8,
+      sequence: 10,
       isMandatory: false
     }
   }
diff --git a/src/components/ADempiere/Form/VPOS/OrderList/index.vue b/src/components/ADempiere/Form/VPOS/OrderList/index.vue
index 1625578f..d0a7fd83 100644
--- a/src/components/ADempiere/Form/VPOS/OrderList/index.vue
+++ b/src/components/ADempiere/Form/VPOS/OrderList/index.vue
@@ -26,13 +26,13 @@
           Ver Histórico de Órdenes
         </template>
         <el-form
-          v-if="!isEmptyValue(metadataList)"
+          v-if="!isEmptyValue(sortFieldsListOrder)"
           label-position="top"
           label-width="10px"
           @submit.native.prevent="notSubmitForm"
         >
           <template
-            v-for="(field) in metadataList"
+            v-for="(field) in sortFieldsListOrder"
           >
             <field
               :key="field.columnName"
@@ -43,7 +43,7 @@
         <div
           v-else
           key="form-loading"
-          v-loading="isEmptyValue(metadataList)"
+          v-loading="isEmptyValue(sortFieldsListOrder)"
           :element-loading-text="$t('notifications.loading')"
           element-loading-spinner="el-icon-loading"
           element-loading-background="rgba(255, 255, 255, 0.8)"
@@ -56,7 +56,7 @@
       ref="orderTable"
       v-shortkey="shortsKey"
       v-loading="!ordersList.isLoaded"
-      :data="ordersList.ordersList"
+      :data="sortTableOrderList"
       border
       fit
       :highlight-current-row="highlightRow"
@@ -152,6 +152,7 @@ export default {
       type: Object,
       default: () => {
         return {
+          panelType: 'from',
           uuid: 'Orders-List',
           containerUuid: 'Orders-List'
         }
@@ -204,6 +205,15 @@ export default {
         closeOrdersList: ['esc'],
         refreshList: ['f5']
       }
+    },
+    sortFieldsListOrder() {
+      return this.sortfield(this.metadataList)
+    },
+    sortTableOrderList() {
+      if (this.isEmptyValue(this.ordersList.ordersList)) {
+        return []
+      }
+      return this.sortDate(this.ordersList.ordersList)
     }
   },
   watch: {
@@ -342,6 +352,14 @@ export default {
     },
     setFieldsList() {
       const list = []
+      // Create Panel
+      this.$store.dispatch('addPanel', {
+        containerUuid: this.metadata.containerUuid,
+        isCustomForm: false,
+        uuid: this.metadata.uuid,
+        panelType: this.metadata.panelType,
+        fieldsList: this.fieldsList
+      })
       // Product Code
       this.fieldsList.forEach(element => {
         this.createFieldFromDictionary(element)
@@ -356,7 +374,18 @@ export default {
           })
       })
       this.metadataList = list
+    },
+    sortDate(listDate) {
+      return listDate.sort((elementA, elementB) => {
+        return new Date().setTime(new Date(elementB.dateOrdered).getTime()) - new Date().setTime(new Date(elementA.dateOrdered).getTime())
+      })
+    },
+    sortfield(field) {
+      return field.sort((elementA, elementB) => {
+        return elementA.sequence - elementB.sequence
+      })
     }
+
   }
 }
 </script>