From fdf6fd2bba5005e1b7c9e40420dfb671f75eef10 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 25 Sep 2024 14:05:35 +0200
Subject: [PATCH] feat: refs #6242 added rounding field

---
 src/pages/Monitor/Ticket/MonitorTickets.vue | 10 +++++
 src/pages/Ticket/Card/TicketDescriptor.vue  | 48 ++++++++++++++++++++-
 src/pages/Ticket/Card/TicketSale.vue        | 36 ++++++++++++++--
 src/pages/Ticket/Card/TicketSummary.vue     | 33 ++++++++++++++
 src/pages/Ticket/TicketList.vue             |  4 +-
 src/pages/Ticket/locale/en.yml              |  1 +
 src/pages/Ticket/locale/es.yml              |  3 +-
 7 files changed, 128 insertions(+), 7 deletions(-)

diff --git a/src/pages/Monitor/Ticket/MonitorTickets.vue b/src/pages/Monitor/Ticket/MonitorTickets.vue
index 16d5abffb..55d068aec 100644
--- a/src/pages/Monitor/Ticket/MonitorTickets.vue
+++ b/src/pages/Monitor/Ticket/MonitorTickets.vue
@@ -416,6 +416,16 @@ const openTab = (id) =>
                 >
                     <QTooltip>{{ $t('salesTicketsTable.tooLittle') }}</QTooltip>
                 </QIcon>
+                <QIcon
+                    v-if="row.hasRounding"
+                    color="primary"
+                    name="sync_problem"
+                    size="xs"
+                >
+                    <QTooltip>
+                        {{ t('ticketList.rounding') }}
+                    </QTooltip>
+                </QIcon>
             </span>
         </template>
         <template #column-id="{ row }">
diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index 70fd9ab1e..a4135d46c 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -1,7 +1,8 @@
 <script setup>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import axios from 'axios';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import TicketDescriptorMenu from './TicketDescriptorMenu.vue';
@@ -10,6 +11,8 @@ import useCardDescription from 'src/composables/useCardDescription';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import { toDateTimeFormat } from 'src/filters/date';
 
+onMounted(async () => await getTicketData());
+
 const $props = defineProps({
     id: {
         type: Number,
@@ -24,6 +27,8 @@ const { t } = useI18n();
 const entityId = computed(() => {
     return $props.id || route.params.id;
 });
+const sales = ref({});
+const rounding = ref();
 
 const filter = {
     include: [
@@ -102,6 +107,34 @@ const data = ref(useCardDescription());
 function ticketFilter(ticket) {
     return JSON.stringify({ clientFk: ticket.clientFk });
 }
+
+const getTicketData = async () => {
+    const { data } = await axios.get(`tickets/filter`, {
+        params: { id: entityId.value },
+    });
+    rounding.value = data[0]?.hasRounding;
+    getSales();
+};
+
+const getSales = async () => {
+    const { data } = await axios.get(`Tickets/${route.params.id}/getSales`);
+    if (data) {
+        sales.value = data;
+
+        await sales.value.map((sale) => {
+            return {
+                ...sale,
+                hasRounding: false,
+            };
+        });
+
+        await sales.value.forEach((sale) => {
+            if (rounding?.value?.includes(sale.concept)) {
+                sale.hasRounding = true;
+            }
+        });
+    }
+};
 </script>
 
 <template>
@@ -112,6 +145,7 @@ function ticketFilter(ticket) {
         :title="data.title"
         :subtitle="data.subtitle"
         data-key="ticketData"
+        @on-fetch="getTicketData"
     >
         <template #menu="{ entity }">
             <TicketDescriptorMenu :ticket="entity" />
@@ -197,6 +231,18 @@ function ticketFilter(ticket) {
                 >
                     <QTooltip>{{ t('This ticket is deleted') }}</QTooltip>
                 </QIcon>
+                <div v-for="sale in sales" :key="sale.id">
+                    <QIcon
+                        v-if="sale?.hasRounding"
+                        color="primary"
+                        name="sync_problem"
+                        size="xs"
+                    >
+                        <QTooltip>
+                            {{ t('ticketList.rounding') }}
+                        </QTooltip>
+                    </QIcon>
+                </div>
             </QCardActions>
         </template>
         <template #actions="{ entity }">
diff --git a/src/pages/Ticket/Card/TicketSale.vue b/src/pages/Ticket/Card/TicketSale.vue
index d87f6c402..559a5b700 100644
--- a/src/pages/Ticket/Card/TicketSale.vue
+++ b/src/pages/Ticket/Card/TicketSale.vue
@@ -50,12 +50,17 @@ const transfer = ref({
     sales: [],
 });
 const tableRef = ref([]);
+const roundingName = ref();
 
 watch(
     () => route.params.id,
     async () => await getSales()
 );
 
+onMounted(async () => {
+    getTicketData();
+});
+
 const columns = computed(() => [
     {
         align: 'left',
@@ -157,8 +162,19 @@ const getConfig = async () => {
 };
 
 const onSalesFetched = (salesData) => {
-    sales.value = salesData;
-    for (let sale of salesData) sale.amount = getSaleTotal(sale);
+    sales.value = salesData.map((sale) => {
+        return {
+            ...sale,
+            amount: getSaleTotal(sale),
+            hasRounding: false,
+        };
+    });
+
+    sales.value.forEach((sale) => {
+        if (roundingName?.value?.includes(sale.concept)) {
+            sale.hasRounding = true;
+        }
+    });
 };
 
 const getSales = async () => {
@@ -179,6 +195,14 @@ const getSaleTotal = (sale) => {
     return price - discount;
 };
 
+const getTicketData = async () => {
+    const { data } = await axios.get(`tickets/filter`, {
+        params: { id: route.params.id },
+    });
+
+    roundingName.value = data[0]?.hasRounding;
+};
+
 const resetChanges = async () => {
     arrayData.fetch({ append: false });
     getSales();
@@ -611,7 +635,7 @@ watch(
     <VnTable
         ref="tableRef"
         data-key="TicketSales"
-        :url="`Tickets/${route.params.id}/getSales`"
+        :data="sales"
         :columns="columns"
         v-model:selected="selectedRows"
         :bottom="true"
@@ -634,6 +658,7 @@ watch(
         :default-reset="false"
         :default-save="false"
         :disabled-attr="isTicketEditable"
+        @request-success="getSales"
     >
         <template #column-statusIcons="{ row }">
             <router-link
@@ -677,6 +702,11 @@ watch(
                     {{ t('ticketSale.hasComponentLack') }}
                 </QTooltip>
             </QIcon>
+            <QIcon v-if="row.hasRounding" color="primary" name="sync_problem" size="xs">
+                <QTooltip>
+                    {{ t('ticketList.rounding') }}
+                </QTooltip>
+            </QIcon>
         </template>
         <template #column-image="{ row }">
             <div class="image-wrapper">
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index b6a60122c..3bf6bfa2e 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -38,9 +38,11 @@ const ticket = computed(() => summaryRef.value?.entity);
 const editableStates = ref([]);
 const ticketUrl = ref();
 const grafanaUrl = 'https://grafana.verdnatura.es';
+const roundingName = ref();
 
 onMounted(async () => {
     ticketUrl.value = (await getUrl('ticket/')) + entityId.value + '/';
+    getTicketData();
 });
 
 function formattedAddress() {
@@ -101,6 +103,27 @@ function getNoteValue(description) {
 function toTicketUrl(section) {
     return '#/ticket/' + entityId.value + '/' + section;
 }
+
+const getTicketData = async () => {
+    const { data } = await axios.get(`tickets/filter`, {
+        params: { id: entityId.value },
+    });
+
+    if (data) {
+        roundingName.value = data[0]?.hasRounding;
+        ticket.value.sales.map((sale) => {
+            return {
+                ...sale,
+                hasRounding: false,
+            };
+        });
+        ticket.value.sales.forEach((sale) => {
+            if (roundingName?.value?.includes(sale.concept)) {
+                sale.hasRounding = true;
+            }
+        });
+    }
+};
 </script>
 
 <template>
@@ -407,6 +430,16 @@ function toTicketUrl(section) {
                                         {{ t('ticket.summary.hasComponentLack') }}
                                     </QTooltip>
                                 </QIcon>
+                                <QIcon
+                                    v-if="props.row.hasRounding"
+                                    color="primary"
+                                    name="sync_problem"
+                                    size="xs"
+                                >
+                                    <QTooltip>
+                                        {{ t('ticketList.rounding') }}
+                                    </QTooltip>
+                                </QIcon>
                             </QTd>
                             <QTd>
                                 <QBtn class="link" flat>
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index ad97e75c1..a375312c4 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -541,14 +541,14 @@ function setReference(data) {
                     size="xs"
                 >
                     <QTooltip>
-                        {{ t('Rounding') }}
+                        {{ t('ticketList.rounding') }}
                     </QTooltip>
                 </QIcon>
             </div>
         </template>
         <template #column-salesPersonFk="{ row }">
             <span class="link" @click.stop>
-                {{ row.salesPerson }}
+                {{ row.userName }}
                 <CustomerDescriptorProxy :id="row.salesPersonFk" />
             </span>
         </template>
diff --git a/src/pages/Ticket/locale/en.yml b/src/pages/Ticket/locale/en.yml
index 58367e3a2..f2f9bc900 100644
--- a/src/pages/Ticket/locale/en.yml
+++ b/src/pages/Ticket/locale/en.yml
@@ -272,3 +272,4 @@ ticketList:
     toLines: Go to lines
     addressNickname: Address nickname
     ref: Reference
+    rounding: Rounding
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index 1acaf154b..6a198ac7a 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -86,7 +86,7 @@ weeklyTickets:
     search: Buscar por tickets programados
     searchInfo: Buscar tickets programados por el identificador o el identificador del cliente
 advanceTickets:
-    preparation: Preparación    
+    preparation: Preparación
     origin: Origen
     destination: Destinatario
     originAgency: 'Agencia origen: {agency}'
@@ -275,3 +275,4 @@ ticketList:
     toLines: Ir a lineas
     addressNickname: Alias consignatario
     ref: Referencia
+    rounding: Redondeo