From 56043dc49567bd9bbd6d0698cb5ef8a063aefa02 Mon Sep 17 00:00:00 2001
From: Elsio Sanchez <45974454+elsiosanchez@users.noreply.github.com>
Date: Tue, 15 Feb 2022 17:59:32 -0400
Subject: [PATCH] #1581 (#1582)

---
 src/api/ADempiere/form/point-of-sales.js      | 16 ++++++++
 .../Form/VPOS/Options/AssignSeller/index.vue  | 40 ++++++++++++++++++-
 .../ADempiere/Form/VPOS/Options/index.vue     | 36 +++++++++++++++++
 src/lang/ADempiere/en/index.js                |  3 ++
 src/lang/ADempiere/es/index.js                |  5 ++-
 src/store/modules/ADempiere/utils.js          |  7 ++++
 6 files changed, 104 insertions(+), 3 deletions(-)

diff --git a/src/api/ADempiere/form/point-of-sales.js b/src/api/ADempiere/form/point-of-sales.js
index baecda3fefd..1b4a980efdb 100644
--- a/src/api/ADempiere/form/point-of-sales.js
+++ b/src/api/ADempiere/form/point-of-sales.js
@@ -1361,6 +1361,22 @@ export function allocateSeller({
       return response
     })
 }
+export function deallocate({
+  posUuid,
+  salesRepresentativeUuid
+}) {
+  return request({
+    url: `${config.pointOfSales.endpoint}/deallocate-seller`,
+    method: 'post',
+    data: {
+      pos_uuid: posUuid,
+      sales_representative_uuid: salesRepresentativeUuid
+    }
+  })
+    .then(response => {
+      return response
+    })
+}
 export function releaseOrder({
   posUuid,
   salesRepresentativeUuid,
diff --git a/src/components/ADempiere/Form/VPOS/Options/AssignSeller/index.vue b/src/components/ADempiere/Form/VPOS/Options/AssignSeller/index.vue
index 405119166dc..f3ffc2277fc 100644
--- a/src/components/ADempiere/Form/VPOS/Options/AssignSeller/index.vue
+++ b/src/components/ADempiere/Form/VPOS/Options/AssignSeller/index.vue
@@ -71,9 +71,10 @@
 <script>
 import formMixin from '@/components/ADempiere/Form/formMixin'
 import fieldsListAssignSeller from './fieldsList.js'
-import { availableSellers } from '@/api/ADempiere/form/point-of-sales'
 import {
-  allocateSeller
+  allocateSeller,
+  availableSellers,
+  deallocate
 } from '@/api/ADempiere/form/point-of-sales.js'
 import { getImagePath } from '@/utils/ADempiere/resource.js'
 
@@ -152,6 +153,9 @@ export default {
         })
       }
       return []
+    },
+    showUnassignSeller() {
+      return this.$store.getters.getShowUnassignSeller
     }
   },
   watch: {
@@ -178,12 +182,44 @@ export default {
 
       return uri
     },
+    selectSeller() {
+      if (this.showUnassignSeller) {
+        this.unassignSeller()
+        return
+      }
+      this.assignSeller()
+    },
+    unassignSeller() {
+      deallocate({
+        posUuid: this.$store.getters.posAttributes.currentPointOfSales.uuid,
+        salesRepresentativeUuid: this.salesRepresentative.uuid
+      })
+        .then(response => {
+          this.$message({
+            message: response,
+            isShowClose: true,
+            type: 'success'
+          })
+        })
+        .catch(error => {
+          this.$message({
+            message: error.message,
+            isShowClose: true,
+            type: 'error'
+          })
+          console.warn(`Error: ${error.message}. Code: ${error.code}.`)
+        })
+        .finally(() => {
+          this.close()
+        })
+    },
     close() {
       this.$store.commit('updateValueOfField', {
         containerUuid: this.containerUuid,
         columnName: 'SalesRep_ID',
         value: undefined
       })
+      this.$store.commit('setShowUnassignSeller', false)
       this.$store.commit('setShowAssignSeller', false)
       this.salesRepresentative = ''
     },
diff --git a/src/components/ADempiere/Form/VPOS/Options/index.vue b/src/components/ADempiere/Form/VPOS/Options/index.vue
index 9524cbbc2f8..51a7da1e3cf 100644
--- a/src/components/ADempiere/Form/VPOS/Options/index.vue
+++ b/src/components/ADempiere/Form/VPOS/Options/index.vue
@@ -345,6 +345,18 @@
               </p>
             </el-card>
           </el-col>
+          <el-col v-if="isAllowsAllocateSeller" :span="size" style="padding-left: 12px;padding-right: 12px;padding-bottom: 10px;">
+            <el-card shadow="hover" style="height: 100px">
+              <p
+                style="cursor: pointer; text-align: center !important; color: black;min-height: 50px;"
+                @click="adviserPin ? validateOption($t('form.pos.optionsPoinSales.cashManagement.unassignSeller')) : unassignSeller()"
+              >
+                <i class="el-icon-sold-out" />
+                <br>
+                {{ $t('form.pos.optionsPoinSales.cashManagement.unassignSeller') }}
+              </p>
+            </el-card>
+          </el-col>
         </el-row>
       </el-collapse-item>
 
@@ -412,6 +424,16 @@
     >
       <assign-seller />
     </el-dialog>
+    <el-dialog
+      :title="$t('form.pos.optionsPoinSales.cashManagement.unassignSeller')"
+      :visible.sync="showUnassignSeller"
+      :is-loaded-panel="showUnassignSeller"
+      width="60%"
+      center
+      class="dialogo-seller"
+    >
+      <assign-seller />
+    </el-dialog>
   </div>
 </template>
 
@@ -556,6 +578,14 @@ export default {
         this.$store.commit('setShowAssignSeller', value)
       }
     },
+    showUnassignSeller: {
+      get() {
+        return this.$store.getters.getShowUnassignSeller
+      },
+      set(value) {
+        this.$store.commit('setShowUnassignSeller', value)
+      }
+    },
     adviserPin() {
       return this.$store.getters.posAttributes.currentPointOfSales.isPosRequiredPin
     },
@@ -691,6 +721,9 @@ export default {
     assignSeller() {
       this.$store.commit('setShowAssignSeller', true)
     },
+    unassignSeller() {
+      this.$store.commit('setShowUnassignSeller', true)
+    },
     openListOrdes() {
       this.showFieldListOrder = true
     },
@@ -784,6 +817,9 @@ export default {
         case this.$t('form.pos.optionsPoinSales.cashManagement.assignSeller'):
           this.assignSeller()
           break
+        case this.$t('form.pos.optionsPoinSales.cashManagement.unassignSeller'):
+          this.unassignSeller()
+          break
       }
     },
     printTicket() {
diff --git a/src/lang/ADempiere/en/index.js b/src/lang/ADempiere/en/index.js
index a0cf49da9ba..8e2bc8496b6 100644
--- a/src/lang/ADempiere/en/index.js
+++ b/src/lang/ADempiere/en/index.js
@@ -412,6 +412,9 @@ export default {
           cashOpening: 'Cash Opening',
           closeBox: 'Close the box',
           assignSeller: 'Assign seller',
+          unassignSeller: 'Unassign Seller',
+          transfer: 'Transfer',
+          moneyIncome: 'Money Income',
           cashOpenBox: 'Cashbox Opened',
           cashwithdrawal: 'Cash Withdrawal',
           successfulCashWithdrawal: 'Cash withdrawal successful',
diff --git a/src/lang/ADempiere/es/index.js b/src/lang/ADempiere/es/index.js
index 6ba884f1d32..1ba682c4c00 100644
--- a/src/lang/ADempiere/es/index.js
+++ b/src/lang/ADempiere/es/index.js
@@ -387,10 +387,13 @@ export default {
           cashOpening: 'Apertura de Caja',
           cashOpenBox: 'Caja Aperturada',
           cashwithdrawal: 'Retiro de Efectivo',
+          transfer: 'Transferencia',
+          moneyIncome: 'Ingreso de Dinero',
           successfulCashWithdrawal: 'Retiro de caja exitoso',
           cashCloseBox: 'Caja Cerrada',
           closeBox: 'Cierre de Caja',
-          assignSeller: 'Asignar vendedor'
+          assignSeller: 'Asignar vendedor',
+          unassignSeller: 'Desasignar vendedor'
         },
         generalOptions: {
           title: 'Opciones Generales',
diff --git a/src/store/modules/ADempiere/utils.js b/src/store/modules/ADempiere/utils.js
index 746b9388d3e..b551ea64ff8 100644
--- a/src/store/modules/ADempiere/utils.js
+++ b/src/store/modules/ADempiere/utils.js
@@ -38,6 +38,7 @@ const initStateUtils = {
   showCashWithdrawl: false,
   showCashSummaryMovements: false,
   showAssignSeller: false,
+  showUnassignSeller: false,
   showPanelAddress: false,
   quickSearchOrder: {}
 }
@@ -154,6 +155,9 @@ export default {
     setShowAssignSeller(state, payload) {
       state.showAssignSeller = payload
     },
+    setShowUnassignSeller(state, payload) {
+      state.showUnassignSeller = payload
+    },
     setQuickSearchOrder(state, order) {
       state.quickSearchOrder = order
     },
@@ -357,6 +361,9 @@ export default {
     getShowAssignSeller: (state) => {
       return state.showAssignSeller
     },
+    getShowUnassignSeller: (state) => {
+      return state.showUnassignSeller
+    },
     getQuickSearchOrder: (state) => {
       return state.quickSearchOrder
     }