From 2a6717d0595cffd275455f920f06077fe50ae36f Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 11 Dec 2024 15:04:31 +0100
Subject: [PATCH 1/7] feat: refs #8113 add mapKey prop to VnPaginate and
 integrate into useArrayData for enhanced data mapping

---
 src/components/ui/VnPaginate.vue              |  5 +++
 src/composables/useArrayData.js               | 37 ++++++++++++----
 src/pages/Ticket/TicketAdvance.vue            |  1 +
 src/stores/useArrayDataStore.js               |  2 +
 .../__tests__/components/Paginate.spec.js     | 43 ++++++++-----------
 5 files changed, 54 insertions(+), 34 deletions(-)

diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 3649ba8f5..920836a93 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -74,6 +74,10 @@ const props = defineProps({
         type: Boolean,
         default: false,
     },
+    mapKey: {
+        type: String,
+        default: '',
+    },
 });
 
 const emit = defineEmits(['onFetch', 'onPaginate', 'onChange']);
@@ -96,6 +100,7 @@ const arrayData = useArrayData(props.dataKey, {
     exprBuilder: props.exprBuilder,
     keepOpts: props.keepOpts,
     searchUrl: props.searchUrl,
+    mapKey: props.mapKey,
 });
 const store = arrayData.store;
 
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index da62eee3e..6e685ee20 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -49,6 +49,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
             'exprBuilder',
             'searchUrl',
             'navigate',
+            'mapKey',
         ];
         if (typeof userOptions === 'object') {
             for (const option in userOptions) {
@@ -119,17 +120,12 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         const { limit } = filter;
         store.hasMoreData = limit && response.data.length >= limit;
 
-        if (append) {
-            if (!store.data) store.data = [];
-            for (const row of response.data) store.data.push(row);
-        } else {
-            store.data = response.data;
-            if (!isDialogOpened()) updateRouter && updateStateParams();
-        }
+        processData(response.data, { map: !!store.mapKey, append });
+        if (!append && !isDialogOpened()) updateRouter && updateStateParams();
 
         store.isLoading = false;
-
         canceller = null;
+
         return response;
     }
 
@@ -288,6 +284,31 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         router.replace(newUrl);
     }
 
+    function processData(data, { map = true, append = true }) {
+        if (!append) {
+            store.data = [];
+            store.map = new Map();
+        }
+
+        if (!Array.isArray(data)) store.data = data;
+        else if (!map && append) for (const row of data) store.data.push(row);
+        else
+            for (const row of data) {
+                const key = row[store.mapKey];
+                const val = { ...row, key };
+                if (store.map.has(key)) {
+                    const { position } = store.map.get(key);
+                    val.position = position;
+                    store.map.set(key, val);
+                    store.data[position] = val;
+                } else {
+                    val.position = store.map.size;
+                    store.map.set(key, val);
+                    store.data.push(val);
+                }
+            }
+    }
+
     const totalRows = computed(() => (store.data && store.data.length) || 0);
     const isLoading = computed(() => store.isLoading || false);
 
diff --git a/src/pages/Ticket/TicketAdvance.vue b/src/pages/Ticket/TicketAdvance.vue
index 8de602b37..a867285e7 100644
--- a/src/pages/Ticket/TicketAdvance.vue
+++ b/src/pages/Ticket/TicketAdvance.vue
@@ -441,6 +441,7 @@ watch(
     <QPage class="column items-center q-pa-md">
         <VnTable
             data-key="advanceTickets"
+            :map-key="false"
             ref="vnTableRef"
             url="Tickets/getTicketsAdvance"
             search-url="advanceTickets"
diff --git a/src/stores/useArrayDataStore.js b/src/stores/useArrayDataStore.js
index 6a0e7dfa8..d0a1c3a8f 100644
--- a/src/stores/useArrayDataStore.js
+++ b/src/stores/useArrayDataStore.js
@@ -17,6 +17,7 @@ export const useArrayDataStore = defineStore('arrayDataStore', () => {
         searchUrl: 'params',
         navigate: null,
         page: 1,
+        mapKey: 'id',
     };
 
     function get(key) {
@@ -46,6 +47,7 @@ export const useArrayDataStore = defineStore('arrayDataStore', () => {
     function getDefaultState() {
         return Object.assign(JSON.parse(JSON.stringify(defaultOpts)), {
             data: ref(),
+            map: ref(new Map()),
         });
     }
 
diff --git a/test/vitest/__tests__/components/Paginate.spec.js b/test/vitest/__tests__/components/Paginate.spec.js
index 345903c1a..a67dfcdc6 100644
--- a/test/vitest/__tests__/components/Paginate.spec.js
+++ b/test/vitest/__tests__/components/Paginate.spec.js
@@ -4,7 +4,11 @@ import VnPaginate from 'src/components/ui/VnPaginate.vue';
 
 describe('VnPaginate', () => {
     const expectedUrl = '/api/customers';
-
+    const defaultData = [
+        { id: 1, name: 'Tony Stark' },
+        { id: 2, name: 'Jessica Jones' },
+        { id: 3, name: 'Bruce Wayne' },
+    ];
     let vm;
     beforeAll(() => {
         const options = {
@@ -28,11 +32,7 @@ describe('VnPaginate', () => {
     describe('paginate()', () => {
         it('should call to the paginate() method and set the data on the rows property', async () => {
             vi.spyOn(vm.arrayData, 'loadMore');
-            vm.store.data = [
-                { id: 1, name: 'Tony Stark' },
-                { id: 2, name: 'Jessica Jones' },
-                { id: 3, name: 'Bruce Wayne' },
-            ];
+            vm.store.data = defaultData;
 
             await vm.paginate();
 
@@ -42,26 +42,25 @@ describe('VnPaginate', () => {
 
         it('should call to the paginate() method and then call it again to paginate', async () => {
             vi.spyOn(axios, 'get').mockResolvedValue({
-                data: [
-                    { id: 1, name: 'Tony Stark' },
-                    { id: 2, name: 'Jessica Jones' },
-                    { id: 3, name: 'Bruce Wayne' },
-                ],
+                data: defaultData,
             });
             vm.store.hasMoreData = true;
             await vm.$nextTick();
 
-            vm.store.data = [
-                { id: 1, name: 'Tony Stark' },
-                { id: 2, name: 'Jessica Jones' },
-                { id: 3, name: 'Bruce Wayne' },
-            ];
+            vm.store.data = defaultData;
 
             await vm.paginate();
 
             expect(vm.store.skip).toEqual(3);
             expect(vm.store.data.length).toEqual(6);
 
+            vi.spyOn(axios, 'get').mockResolvedValue({
+                data: [
+                    { id: 4, name: 'Peter Parker' },
+                    { id: 5, name: 'Clark Kent' },
+                    { id: 6, name: 'Barry Allen' },
+                ],
+            });
             await vm.paginate();
 
             expect(vm.store.skip).toEqual(6);
@@ -85,11 +84,7 @@ describe('VnPaginate', () => {
 
             const index = 1;
             const done = vi.fn();
-            vm.store.data = [
-                { id: 1, name: 'Tony Stark' },
-                { id: 2, name: 'Jessica Jones' },
-                { id: 3, name: 'Bruce Wayne' },
-            ];
+            vm.store.data = defaultData;
 
             await vm.onLoad(index, done);
 
@@ -105,11 +100,7 @@ describe('VnPaginate', () => {
                 ],
             });
 
-            vm.store.data = [
-                { id: 1, name: 'Tony Stark' },
-                { id: 2, name: 'Jessica Jones' },
-                { id: 3, name: 'Bruce Wayne' },
-            ];
+            vm.store.data = defaultData;
 
             expect(vm.pagination.page).toEqual(1);
 

From 75b49490f6aecb22db8823e08b7c43d7db2637d1 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Tue, 17 Dec 2024 16:18:31 +0100
Subject: [PATCH 2/7] fix: refs #7323 update date on outside

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 0bba2f891..491e5e180 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -103,9 +103,12 @@ const formattedWeekTotalHours = computed(() =>
 const onInputChange = async (date) => {
     if (!date) return;
 
-    const { year, month, day } = date.scope.timestamp;
+    const { timestamp, outside } = date.scope;
+    const { year, month, day } = timestamp;
     const _date = new Date(year, month - 1, day);
     setDate(_date);
+
+    if (outside) getMailStates(_date);
 };
 
 const setDate = async (date) => {

From 7028d95b1aa6b88c273dd8b0fe4073174cde6397 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Andr=C3=A9s?= <carlosap@verdnatura.es>
Date: Tue, 17 Dec 2024 18:33:58 +0100
Subject: [PATCH 3/7] fix: refs #7146 front rutas

---
 src/pages/Route/Card/RouteAutonomousFilter.vue | 4 ++--
 src/pages/Route/Card/RouteDescriptor.vue       | 4 ++--
 src/pages/Route/Card/RouteForm.vue             | 8 ++++----
 src/pages/Route/Card/RouteSummary.vue          | 2 +-
 src/pages/Route/RouteAutonomous.vue            | 4 ++--
 src/pages/Route/RouteExtendedList.vue          | 2 +-
 src/pages/Route/RouteRoadmap.vue               | 2 +-
 src/pages/Route/RouteTickets.vue               | 2 +-
 src/pages/Route/locale/en.yml                  | 2 +-
 9 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/src/pages/Route/Card/RouteAutonomousFilter.vue b/src/pages/Route/Card/RouteAutonomousFilter.vue
index eb3fa6f2c..3d08e1355 100644
--- a/src/pages/Route/Card/RouteAutonomousFilter.vue
+++ b/src/pages/Route/Card/RouteAutonomousFilter.vue
@@ -29,7 +29,7 @@ const exprBuilder = (param, value) => {
             return { 'a.supplierName': value };
         case 'routeFk':
             return { 'a.routeFk': value };
-        case 'created':
+        case 'dated':
         case 'agencyFk':
         case 'packages':
         case 'm3':
@@ -145,7 +145,7 @@ const exprBuilder = (param, value) => {
                 <QItem class="q-my-sm">
                     <QItemSection>
                         <VnInputDate
-                            v-model="params.created"
+                            v-model="params.dated"
                             :label="t('Date')"
                             is-outlined
                         />
diff --git a/src/pages/Route/Card/RouteDescriptor.vue b/src/pages/Route/Card/RouteDescriptor.vue
index cbabaf648..fa621843e 100644
--- a/src/pages/Route/Card/RouteDescriptor.vue
+++ b/src/pages/Route/Card/RouteDescriptor.vue
@@ -28,7 +28,7 @@ const filter = {
         'id',
         'workerFk',
         'agencyModeFk',
-        'created',
+        'dated',
         'm3',
         'warehouseFk',
         'description',
@@ -78,7 +78,7 @@ const setData = (entity) => (data.value = useCardDescription(entity.code, entity
         @on-fetch="setData"
     >
         <template #body="{ entity }">
-            <VnLv :label="t('Date')" :value="toDate(entity?.created)" />
+            <VnLv :label="t('Date')" :value="toDate(entity?.dated)" />
             <VnLv :label="t('Agency')" :value="entity?.agencyMode?.name" />
             <VnLv :label="t('Zone')" :value="entity?.zone?.name" />
             <VnLv
diff --git a/src/pages/Route/Card/RouteForm.vue b/src/pages/Route/Card/RouteForm.vue
index 8c89718fa..5bd0c5928 100644
--- a/src/pages/Route/Card/RouteForm.vue
+++ b/src/pages/Route/Card/RouteForm.vue
@@ -19,7 +19,7 @@ const shelvingId = ref(route.params?.id || null);
 const isNew = Boolean(!shelvingId.value);
 const defaultInitialData = {
     agencyModeFk: null,
-    created: null,
+    dated: null,
     description: '',
     vehicleFk: null,
     workerFk: null,
@@ -32,7 +32,7 @@ const routeFilter = {
         'id',
         'workerFk',
         'agencyModeFk',
-        'created',
+        'dated',
         'm3',
         'warehouseFk',
         'description',
@@ -134,7 +134,7 @@ const onSave = (data, response) => {
                     option-label="name"
                     :input-debounce="0"
                 />
-                <VnInputDate v-model="data.created" :label="t('Created')" />
+                <VnInputDate v-model="data.dated" :label="t('Dated')" />
             </VnRow>
             <template v-if="!isNew">
                 <VnRow>
@@ -188,7 +188,7 @@ es:
     Hour finished: Hora fin
     Description: Descripción
     Is served: Se ha servido
-    Created: Creado
+    Dated: Fecha
     The km can not exceed: La distancia debe ser inferior a {maxDistance}
 en:
     The km can not exceed: Distance must be lesser than {maxDistance}
diff --git a/src/pages/Route/Card/RouteSummary.vue b/src/pages/Route/Card/RouteSummary.vue
index 3f9b1a2a9..a0b971195 100644
--- a/src/pages/Route/Card/RouteSummary.vue
+++ b/src/pages/Route/Card/RouteSummary.vue
@@ -139,7 +139,7 @@ const ticketColumns = ref([
                 <QCard class="vn-one">
                     <VnLv
                         :label="t('route.summary.date')"
-                        :value="toDate(entity?.route.created)"
+                        :value="toDate(entity?.route.dated)"
                     />
                     <VnLv
                         :label="t('route.summary.agency')"
diff --git a/src/pages/Route/RouteAutonomous.vue b/src/pages/Route/RouteAutonomous.vue
index 4a691dbef..e45af30c7 100644
--- a/src/pages/Route/RouteAutonomous.vue
+++ b/src/pages/Route/RouteAutonomous.vue
@@ -46,10 +46,10 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'created',
+        name: 'dated',
         label: t('Date'),
         columnFilter: false,
-        format: ({ created }) => toDate(created),
+        format: ({ dated }) => toDate(dated),
     },
     {
         align: 'left',
diff --git a/src/pages/Route/RouteExtendedList.vue b/src/pages/Route/RouteExtendedList.vue
index 38e907ce0..221fc4754 100644
--- a/src/pages/Route/RouteExtendedList.vue
+++ b/src/pages/Route/RouteExtendedList.vue
@@ -111,7 +111,7 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'created',
+        name: 'dated',
         label: t('route.Date'),
         columnFilter: false,
         cardVisible: true,
diff --git a/src/pages/Route/RouteRoadmap.vue b/src/pages/Route/RouteRoadmap.vue
index 3687442f5..168e52b23 100644
--- a/src/pages/Route/RouteRoadmap.vue
+++ b/src/pages/Route/RouteRoadmap.vue
@@ -45,7 +45,7 @@ const columns = computed(() => [
         columnFilter: {
             inWhere: true,
         },
-        format: ({ created }) => toDate(created),
+        format: ({ dated }) => toDate(dated),
         cardVisible: true,
     },
     {
diff --git a/src/pages/Route/RouteTickets.vue b/src/pages/Route/RouteTickets.vue
index 3bdad4fec..56e3143b4 100644
--- a/src/pages/Route/RouteTickets.vue
+++ b/src/pages/Route/RouteTickets.vue
@@ -109,7 +109,7 @@ const ticketList = ref([]);
 
 const cloneRoutes = () => {
     axios.post('Routes/clone', {
-        created: startingDate.value,
+        dated: startingDate.value,
         ids: selectedRows.value.map((row) => row?.id),
     });
     refreshKey.value++;
diff --git a/src/pages/Route/locale/en.yml b/src/pages/Route/locale/en.yml
index d113fda67..420d18dfe 100644
--- a/src/pages/Route/locale/en.yml
+++ b/src/pages/Route/locale/en.yml
@@ -5,7 +5,7 @@ route:
     Description: Description
     hourStarted: H.Start
     hourFinished: H.End
-    createRoute: Create route
+    dated: Dated
     From: From
     To: To
     Date: Date

From 9783be1ff00dd2709f9e3633956e85797be49616 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 18 Dec 2024 10:45:02 +0100
Subject: [PATCH 4/7] fix: fixed recipient param

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 491e5e180..96e7cd441 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -100,15 +100,23 @@ const formattedWeekTotalHours = computed(() =>
     secondsToHoursMinutes(weekTotalHours.value)
 );
 
+// const onInputChange = async (date) => {
+//     if (!date) return;
+
+//     const { timestamp, outside } = date.scope;
+//     const { year, month, day } = timestamp;
+//     const _date = new Date(year, month - 1, day);
+//     setDate(_date);
+
+//     if (outside) getMailStates(_date);
+// };
+
 const onInputChange = async (date) => {
     if (!date) return;
 
-    const { timestamp, outside } = date.scope;
-    const { year, month, day } = timestamp;
+    const { year, month, day } = date.scope.timestamp;
     const _date = new Date(year, month - 1, day);
     setDate(_date);
-
-    if (outside) getMailStates(_date);
 };
 
 const setDate = async (date) => {
@@ -381,12 +389,13 @@ const isUnsatisfied = async (reason) => {
 
 const resendEmail = async () => {
     const params = {
-        recipient: worker.value?.user?.email,
+        recipient: worker.value[0]?.user?.emailUser?.email,
         week: selectedWeekNumber.value,
         year: selectedDate.value.getFullYear(),
         workerId: Number(route.params.id),
         state: 'SENDED',
     };
+    console.log('params: ', params);
     await axios.post('WorkerTimeControls/weekly-hour-record-email', params);
     await getMailStates(selectedDate.value);
     notify(t('Email sended'), 'positive');

From 06d3a025fcd355981a41887a4a4382ca584941af Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 18 Dec 2024 10:45:42 +0100
Subject: [PATCH 5/7] fix: deleted code

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index 96e7cd441..f4c81102f 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -395,7 +395,6 @@ const resendEmail = async () => {
         workerId: Number(route.params.id),
         state: 'SENDED',
     };
-    console.log('params: ', params);
     await axios.post('WorkerTimeControls/weekly-hour-record-email', params);
     await getMailStates(selectedDate.value);
     notify(t('Email sended'), 'positive');

From 76788fe8892e2744698283ce749787f4549d46a0 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Wed, 18 Dec 2024 10:46:50 +0100
Subject: [PATCH 6/7] fix: changes

---
 src/pages/Worker/Card/WorkerTimeControl.vue | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/pages/Worker/Card/WorkerTimeControl.vue b/src/pages/Worker/Card/WorkerTimeControl.vue
index f4c81102f..c480d5bd8 100644
--- a/src/pages/Worker/Card/WorkerTimeControl.vue
+++ b/src/pages/Worker/Card/WorkerTimeControl.vue
@@ -100,23 +100,15 @@ const formattedWeekTotalHours = computed(() =>
     secondsToHoursMinutes(weekTotalHours.value)
 );
 
-// const onInputChange = async (date) => {
-//     if (!date) return;
-
-//     const { timestamp, outside } = date.scope;
-//     const { year, month, day } = timestamp;
-//     const _date = new Date(year, month - 1, day);
-//     setDate(_date);
-
-//     if (outside) getMailStates(_date);
-// };
-
 const onInputChange = async (date) => {
     if (!date) return;
 
-    const { year, month, day } = date.scope.timestamp;
+    const { timestamp, outside } = date.scope;
+    const { year, month, day } = timestamp;
     const _date = new Date(year, month - 1, day);
     setDate(_date);
+
+    if (outside) getMailStates(_date);
 };
 
 const setDate = async (date) => {

From d29ecd0a2b570cc38d02afa52f3ff5bf64485f13 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 23 Dec 2024 09:47:00 +0000
Subject: [PATCH 7/7] fix: use value intead computedRef

---
 src/pages/Customer/components/CustomerSamplesCreate.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Customer/components/CustomerSamplesCreate.vue b/src/pages/Customer/components/CustomerSamplesCreate.vue
index a75dfa1b2..665e136e4 100644
--- a/src/pages/Customer/components/CustomerSamplesCreate.vue
+++ b/src/pages/Customer/components/CustomerSamplesCreate.vue
@@ -107,7 +107,7 @@ const setParams = (params) => {
 
 const getPreview = async () => {
     const params = {
-        recipientId: entityId,
+        recipientId: entityId.value,
     };
     const validationMessage = validateMessage();
     if (validationMessage) return notify(t(validationMessage), 'negative');