From 9956561e4c907a39d7199646c05dc4e34555bf58 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Mon, 24 Jun 2024 16:17:21 +0200
Subject: [PATCH 01/36] chore: refs #7300 wip: create reset function

---
 src/composables/useArrayData.js |  5 ++++
 src/stores/useArrayDataStore.js | 41 +++++++++++++++++++++------------
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index f97ade7bf..385cb6045 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -130,6 +130,10 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         delete store[option];
     }
 
+    function reset(opts = []) {
+        if (arrayDataStore.get(key)) arrayDataStore.reset(key, opts);
+    }
+
     function cancelRequest() {
         if (canceller) {
             canceller.abort();
@@ -245,5 +249,6 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         updateStateParams,
         isLoading,
         deleteOption,
+        reset,
     };
 }
diff --git a/src/stores/useArrayDataStore.js b/src/stores/useArrayDataStore.js
index ebe32f8d0..0fe16d075 100644
--- a/src/stores/useArrayDataStore.js
+++ b/src/stores/useArrayDataStore.js
@@ -3,36 +3,47 @@ import { defineStore } from 'pinia';
 
 export const useArrayDataStore = defineStore('arrayDataStore', () => {
     const state = ref({});
+    const defaultOpts = {
+        filter: {},
+        userFilter: {},
+        userParams: {},
+        url: '',
+        limit: 10,
+        skip: 0,
+        order: '',
+        data: ref(),
+        isLoading: false,
+        userParamsChanged: false,
+        exprBuilder: null,
+        searchUrl: 'params',
+        navigate: null,
+    };
 
     function get(key) {
         return state.value[key];
     }
 
     function set(key) {
-        state.value[key] = {
-            filter: {},
-            userFilter: {},
-            userParams: {},
-            url: '',
-            limit: 10,
-            skip: 0,
-            order: '',
-            data: ref(),
-            isLoading: false,
-            userParamsChanged: false,
-            exprBuilder: null,
-            searchUrl: 'params',
-            navigate: null,
-        };
+        state.value[key] = defaultOpts;
     }
 
     function clear(key) {
         delete state.value[key];
     }
 
+    function reset(key, opts = []) {
+        let obj = state.value[key];
+        if (!opts.length) obj = defaultOpts;
+        else
+            for (const opt in opts) {
+                if (Object.hasOwn(obj, opt)) obj[opt] = defaultOpts[opt];
+            }
+    }
+
     return {
         get,
         set,
         clear,
+        reset,
     };
 });

From ad950f33c68fb6e18c65a974e482e80c771f3089 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 26 Jun 2024 08:27:36 -0300
Subject: [PATCH 02/36] WIP

---
 src/i18n/locale/en.yml                     |   1 +
 src/i18n/locale/es.yml                     |   1 +
 src/pages/Ticket/Card/TicketExpedition.vue | 244 +++++++++++++++++++++
 src/pages/Ticket/locale/en.yml             |  10 +
 src/pages/Ticket/locale/es.yml             |  10 +
 src/router/modules/ticket.js               |  25 ++-
 6 files changed, 286 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/Ticket/Card/TicketExpedition.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index d121dfb66..849f00c88 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -446,6 +446,7 @@ ticket:
         sale: Sale
         ticketAdvance: Advance tickets
         futureTickets: Future tickets
+        expedition: Expedition
     list:
         nickname: Nickname
         state: State
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 3654f4a72..6c722e43d 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -445,6 +445,7 @@ ticket:
         sale: Lineas del pedido
         ticketAdvance: Adelantar tickets
         futureTickets: Tickets a futuro
+        expedition: Expedición
     list:
         nickname: Alias
         state: Estado
diff --git a/src/pages/Ticket/Card/TicketExpedition.vue b/src/pages/Ticket/Card/TicketExpedition.vue
new file mode 100644
index 000000000..280e82b8a
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketExpedition.vue
@@ -0,0 +1,244 @@
+<script setup>
+import { onMounted, ref, computed, onUnmounted, watch } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter, useRoute } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+import TicketEditManaProxy from './TicketEditMana.vue';
+import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
+import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { toCurrency, toPercentage } from 'src/filters';
+import { useArrayData } from 'composables/useArrayData';
+import { useVnConfirm } from 'composables/useVnConfirm';
+import useNotify from 'src/composables/useNotify.js';
+import { toDateTimeFormat } from 'src/filters/date';
+import axios from 'axios';
+
+const route = useRoute();
+const router = useRouter();
+const stateStore = useStateStore();
+const { t } = useI18n();
+const { notify } = useNotify();
+const { openConfirmationModal } = useVnConfirm();
+const editPriceProxyRef = ref(null);
+
+const expeditions = ref([]);
+const selectedExpeditions = ref([]);
+const allColumnNames = ref([]);
+
+// const arrayData = useArrayData('ticketData');
+// const { store } = arrayData;
+
+// watch(
+//     () => route.params.id,
+//     async () => await getSales()
+// );
+
+const columns = computed(() => [
+    {
+        label: t('expedition.id'),
+        name: 'id',
+        field: 'id',
+        align: 'left',
+        sortable: true,
+        // columnFilter: {
+        //     component: VnInput,
+        //     type: 'text',
+        //     filterValue: null,
+        //     event: getInputEvents,
+        //     attrs: {
+        //         dense: true,
+        //     },
+        // },
+    },
+    {
+        label: t('expedition.item'),
+        name: 'item',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('expedition.name'),
+        name: 'name',
+        field: 'packageItemName',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('expedition.packageType'),
+        name: 'packageType',
+        field: 'freightItemName',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('expedition.counter'),
+        name: 'counter',
+        field: 'counter',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('expedition.externalId'),
+        name: 'externalId',
+        field: 'externalId',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: t('expedition.created'),
+        name: 'created',
+        field: 'created',
+        align: 'left',
+        columnFilter: null,
+        format: (value) => toDateTimeFormat(value),
+    },
+    {
+        label: t('expedition.state'),
+        name: 'state',
+        field: 'state',
+        align: 'left',
+        columnFilter: null,
+    },
+    {
+        label: '',
+        name: 'history',
+        align: 'left',
+        columnFilter: null,
+    },
+]);
+
+const showLog = (expedition) => {};
+
+onMounted(async () => {
+    stateStore.rightDrawer = true;
+    const filteredColumns = columns.value.filter((col) => col.name !== 'history');
+    allColumnNames.value = filteredColumns.map((col) => col.name);
+    console.log('allColumnNames', allColumnNames.value);
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        url="Expeditions/filter"
+        auto-load
+        :filter="{ where: { ticketFk: route.params.id }, order: ['created DESC'] }"
+        @on-fetch="(data) => (expeditions = data)"
+    />
+
+    <VnSubToolbar>
+        <template #st-data>
+            <TableVisibleColumns
+                :all-columns="allColumnNames"
+                table-code="expeditionIndex"
+                labels-traductions-path="expedition"
+                @on-config-saved="visibleColumns = [...$event, 'history']"
+            />
+        </template>
+    </VnSubToolbar>
+
+    <QTable
+        :rows="expeditions"
+        :columns="columns"
+        row-key="id"
+        :pagination="{ rowsPerPage: 0 }"
+        class="full-width q-mt-md"
+        selection="multiple"
+        v-model:selected="selectedExpeditions"
+        :visible-columns="visibleColumns"
+        :no-data-label="t('globals.noResults')"
+    >
+        <template #body-cell-item="{ row }">
+            <QTd auto-width @click.stop>
+                <QBtn flat color="primary">{{ row.packagingItemFk }}</QBtn>
+                <ItemDescriptorProxy :id="row.packagingItemFk" />
+            </QTd>
+        </template>
+        <template #body-cell-available="{ row }">
+            <QTd @click.stop>
+                <QBadge :color="row.available < 0 ? 'alert' : 'transparent'" dense>
+                    {{ row.available }}
+                </QBadge>
+            </QTd>
+        </template>
+
+        <template #body-cell-price="{ row }">
+            <QTd>
+                <template v-if="isTicketEditable && row.id">
+                    <QBtn flat color="primary" dense @click="onOpenEditPricePopover(row)">
+                        {{ toCurrency(row.price) }}
+                    </QBtn>
+                    <TicketEditManaProxy
+                        ref="editPriceProxyRef"
+                        :mana="mana"
+                        :new-price="getNewPrice"
+                        @save="updatePrice(row)"
+                    >
+                        <VnInput
+                            v-model.number="edit.price"
+                            :label="t('ticketSale.price')"
+                            type="number"
+                        />
+                    </TicketEditManaProxy>
+                </template>
+                <span v-else>{{ toCurrency(row.price) }}</span>
+            </QTd>
+        </template>
+        <template #body-cell-discount="{ row }">
+            <QTd>
+                <template v-if="!isLocked && row.id">
+                    <QBtn
+                        flat
+                        color="primary"
+                        dense
+                        @click="onOpenEditDiscountPopover(row)"
+                    >
+                        {{ toPercentage(row.discount / 100) }}
+                    </QBtn>
+                    <TicketEditManaProxy
+                        :mana="mana"
+                        :new-price="getNewPrice"
+                        @save="changeDiscount(row)"
+                    >
+                        <VnInput
+                            v-model.number="edit.discount"
+                            :label="t('ticketSale.discount')"
+                            type="number"
+                        />
+                    </TicketEditManaProxy>
+                </template>
+                <span v-else>{{ toPercentage(row.discount / 100) }}</span>
+            </QTd>
+        </template>
+        <template #body-cell-history="{ row }">
+            <QTd>
+                <QBtn
+                    @click.stop="showLog(row)"
+                    color="primary"
+                    icon="history"
+                    size="md"
+                    flat
+                >
+                    <QTooltip class="text-no-wrap">
+                        {{ t('expedition.historyAction') }}
+                    </QTooltip>
+                </QBtn>
+            </QTd>
+        </template>
+    </QTable>
+
+    <!-- <QPageSticky :offset="[20, 20]">
+        <QBtn @click="newOrderFromTicket()" color="primary" fab icon="add" />
+        <QTooltip class="text-no-wrap">
+            {{ t('Add item to basket') }}
+        </QTooltip>
+    </QPageSticky> -->
+</template>
diff --git a/src/pages/Ticket/locale/en.yml b/src/pages/Ticket/locale/en.yml
index a89671a0c..04822df3e 100644
--- a/src/pages/Ticket/locale/en.yml
+++ b/src/pages/Ticket/locale/en.yml
@@ -80,3 +80,13 @@ futureTickets:
     moveTicketSuccess: Tickets moved successfully!
     searchInfo: Search future tickets by date
     futureTicket: Future tickets
+expedition:
+    id: Expedition
+    item: Item
+    name: Name
+    packageType: Package type
+    counter: Counter
+    externalId: externalId
+    created: Created
+    state: State
+    historyAction: Status log
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index ce52e18ba..7cbbd02bd 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -79,6 +79,16 @@ ticketSale:
     shipped: F. Envío
     agency: Agencia
     address: Consignatario
+expedition:
+    id: Expedición
+    item: Artículo
+    name: Nombre
+    packageType: Package type
+    counter: Contador
+    externalId: externalId
+    created: Fecha creación
+    state: Estado
+    historyAction: Historial de estados
 card:
     search: Buscar tickets
     searchInfo: Buscar tickets por identificador o alias
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index 9c105be32..878396604 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -12,7 +12,13 @@ export default {
     redirect: { name: 'TicketMain' },
     menus: {
         main: ['TicketList', 'TicketAdvance', 'TicketFuture'],
-        card: ['TicketBoxing', 'TicketSms', 'TicketSale', 'TicketLog'],
+        card: [
+            'TicketBoxing',
+            'TicketSms',
+            'TicketSale',
+            'TicketLog',
+            'TicketExpedition',
+        ],
     },
     children: [
         {
@@ -94,13 +100,13 @@ export default {
                     component: () => import('src/pages/Ticket/Card/TicketSale.vue'),
                 },
                 {
-                    path: 'boxing',
-                    name: 'TicketBoxing',
+                    path: 'expedition',
+                    name: 'TicketExpedition',
                     meta: {
-                        title: 'boxing',
+                        title: 'expedition',
                         icon: 'vn:package',
                     },
-                    component: () => import('src/pages/Ticket/Card/TicketBoxing.vue'),
+                    component: () => import('src/pages/Ticket/Card/TicketExpedition.vue'),
                 },
                 {
                     path: 'sms',
@@ -120,6 +126,15 @@ export default {
                     },
                     component: () => import('src/pages/Ticket/Card/TicketLog.vue'),
                 },
+                {
+                    path: 'boxing',
+                    name: 'TicketBoxing',
+                    meta: {
+                        title: 'boxing',
+                        icon: 'vn:science',
+                    },
+                    component: () => import('src/pages/Ticket/Card/TicketBoxing.vue'),
+                },
             ],
         },
     ],

From d0038d7e61a0b001664b7ae2cb5506f629dbb55a Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 27 Jun 2024 10:45:37 +0200
Subject: [PATCH 03/36] fix: refs #6943 removes duplicate toggle menu & fix
 loading animation

---
 src/pages/Customer/Card/CustomerGreuges.vue | 19 +------------------
 1 file changed, 1 insertion(+), 18 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerGreuges.vue b/src/pages/Customer/Card/CustomerGreuges.vue
index 0dcb3a3a9..eb35a8bdf 100644
--- a/src/pages/Customer/Card/CustomerGreuges.vue
+++ b/src/pages/Customer/Card/CustomerGreuges.vue
@@ -108,26 +108,9 @@ const setRows = (data) => {
 
 <template>
     <FetchData :filter="filter" @on-fetch="setRows" auto-load url="greuges" />
-    <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#actions-append">
-            <div class="row q-gutter-x-sm">
-                <QBtn
-                    flat
-                    @click="stateStore.toggleRightDrawer()"
-                    round
-                    dense
-                    icon="menu"
-                >
-                    <QTooltip bottom anchor="bottom right">
-                        {{ t('globals.collapseMenu') }}
-                    </QTooltip>
-                </QBtn>
-            </div>
-        </Teleport>
-    </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="300" show-if-above>
         <QCard class="full-width q-pa-sm">
-            <h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount">
+            <h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount >= 0">
                 <span class="color-vn-label q-mr-md">{{ t('Total') }}:</span>
                 {{ toCurrency(totalAmount) }}
             </h6>

From d3f119fa048ded4b2d2223062cce7d9d2683bef6 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 27 Jun 2024 10:48:55 +0200
Subject: [PATCH 04/36] chore:  refs #6943 check if exists

---
 src/pages/Customer/Card/CustomerGreuges.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerGreuges.vue b/src/pages/Customer/Card/CustomerGreuges.vue
index eb35a8bdf..e793d066b 100644
--- a/src/pages/Customer/Card/CustomerGreuges.vue
+++ b/src/pages/Customer/Card/CustomerGreuges.vue
@@ -75,7 +75,7 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        field: (value) => value.user.name,
+        field: (value) => value?.user?.name,
         label: t('Created by'),
         name: 'createdBy',
     },
@@ -87,7 +87,7 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        field: (value) => value.greugeType.name,
+        field: (value) => value?.greugeType?.name,
         label: t('Type'),
         name: 'type',
     },

From 053059997adb9ab687d9c55dc523fea5ae5912b8 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 27 Jun 2024 08:37:48 -0300
Subject: [PATCH 05/36] WIP

---
 src/pages/Ticket/Card/ExpeditionNewTicket.vue |  78 +++++
 src/pages/Ticket/Card/TicketExpedition.vue    | 284 +++++++++++++++---
 src/pages/Ticket/locale/en.yml                |   8 +
 src/pages/Ticket/locale/es.yml                |   8 +
 4 files changed, 344 insertions(+), 34 deletions(-)
 create mode 100644 src/pages/Ticket/Card/ExpeditionNewTicket.vue

diff --git a/src/pages/Ticket/Card/ExpeditionNewTicket.vue b/src/pages/Ticket/Card/ExpeditionNewTicket.vue
new file mode 100644
index 000000000..da775a368
--- /dev/null
+++ b/src/pages/Ticket/Card/ExpeditionNewTicket.vue
@@ -0,0 +1,78 @@
+<script setup>
+import { reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import VnInput from 'src/components/common/VnInput.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import FormModelPopup from 'components/FormModelPopup.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+
+const $props = defineProps({
+    ticket: {
+        type: Boolean,
+        default: false,
+    },
+    withRoute: {
+        type: Boolean,
+        default: false,
+    },
+    selectedExpeditions: {
+        type: Array,
+        default: () => [],
+    },
+});
+
+const { t } = useI18n();
+const router = useRouter();
+const { notify } = useNotify();
+
+const newTicketFormData = reactive({});
+
+const createTicket = async () => {
+    try {
+        const expeditionIds = $props.selectedExpeditions.map(
+            (expedition) => expedition.id
+        );
+        const params = {
+            clientId: $props.ticket.clientFk,
+            landed: newTicketFormData.landed,
+            warehouseId: $props.ticket.warehouseFk,
+            addressId: $props.ticket.addressFk,
+            agencyModeId: $props.ticket.agencyModeFk,
+            routeId: newTicketFormData.routeFk,
+            expeditionIds: expeditionIds,
+        };
+
+        const { data } = await axios.post('Expeditions/moveExpeditions', params);
+        notify(t('globals.dataSaved'), 'positive');
+        router.push({ name: 'TicketSummary', params: { id: data.id } });
+    } catch (error) {
+        console.error(error);
+    }
+};
+</script>
+
+<template>
+    <FormModelPopup
+        model="expeditionNewTicket"
+        :form-initial-data="newTicketFormData"
+        :save-fn="createTicket"
+    >
+        <template #form-inputs="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInputDate :label="t('expedition.landed')" v-model="data.landed" />
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    v-if="withRoute"
+                    :label="t('expedition.routeId')"
+                    v-model="data.routeFk"
+                />
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
diff --git a/src/pages/Ticket/Card/TicketExpedition.vue b/src/pages/Ticket/Card/TicketExpedition.vue
index 280e82b8a..002dc9b22 100644
--- a/src/pages/Ticket/Card/TicketExpedition.vue
+++ b/src/pages/Ticket/Card/TicketExpedition.vue
@@ -1,16 +1,17 @@
 <script setup>
-import { onMounted, ref, computed, onUnmounted, watch } from 'vue';
+import { onMounted, ref, computed, onUnmounted, reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useRouter, useRoute } from 'vue-router';
+import { useRoute } from 'vue-router';
 
 import FetchData from 'components/FetchData.vue';
-import FetchedTags from 'components/ui/FetchedTags.vue';
 import VnInput from 'src/components/common/VnInput.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import TicketEditManaProxy from './TicketEditMana.vue';
 import TableVisibleColumns from 'src/components/common/TableVisibleColumns.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import ExpeditionNewTicket from './ExpeditionNewTicket.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
 
 import { useStateStore } from 'stores/useStateStore';
 import { toCurrency, toPercentage } from 'src/filters';
@@ -21,25 +22,64 @@ import { toDateTimeFormat } from 'src/filters/date';
 import axios from 'axios';
 
 const route = useRoute();
-const router = useRouter();
 const stateStore = useStateStore();
 const { t } = useI18n();
 const { notify } = useNotify();
 const { openConfirmationModal } = useVnConfirm();
 const editPriceProxyRef = ref(null);
+const newTicketDialogRef = ref(null);
+const expeditionsFetchDataRef = ref(null);
+const logsTableDialogRef = ref(null);
 
-const expeditions = ref([]);
+const expeditionsLogsData = ref([]);
 const selectedExpeditions = ref([]);
 const allColumnNames = ref([]);
+const visibleColumns = ref([]);
+const newTicketWithRoute = ref(false);
+const itemsOptions = ref([]);
 
-// const arrayData = useArrayData('ticketData');
-// const { store } = arrayData;
+const exprBuilder = (param, value) => {
+    switch (param) {
+        case 'expeditionFk':
+            return { id: value };
+        case 'packageItemName':
+            return { packagingItemFk: value };
+    }
+};
+
+const arrayData = useArrayData('ticketExpeditions', {
+    url: 'Expeditions/filter',
+    filter: { where: { ticketFk: route.params.id }, order: ['created DESC'] },
+    exprBuilder: exprBuilder,
+});
+const { store } = arrayData;
+const ticketExpeditions = computed(() => store.data);
 
 // watch(
 //     () => route.params.id,
 //     async () => await getSales()
 // );
 
+const params = reactive({});
+
+const applyColumnFilter = async (col) => {
+    try {
+        const paramKey = col.columnFilter?.filterParamKey || col.field;
+        params[paramKey] = col.columnFilter.filterValue;
+        await arrayData.addFilter({ params });
+    } catch (err) {
+        console.error('Error applying column filter', err);
+    }
+};
+
+const getInputEvents = (col) => {
+    return col.columnFilter.type === 'select'
+        ? { 'update:modelValue': () => applyColumnFilter(col) }
+        : {
+              'keyup.enter': () => applyColumnFilter(col),
+          };
+};
+
 const columns = computed(() => [
     {
         label: t('expedition.id'),
@@ -47,35 +87,65 @@ const columns = computed(() => [
         field: 'id',
         align: 'left',
         sortable: true,
-        // columnFilter: {
-        //     component: VnInput,
-        //     type: 'text',
-        //     filterValue: null,
-        //     event: getInputEvents,
-        //     attrs: {
-        //         dense: true,
-        //     },
-        // },
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterParamKey: 'expeditionFk',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
     },
     {
         label: t('expedition.item'),
         name: 'item',
         align: 'left',
-        columnFilter: null,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            filterParamKey: 'packageItemName',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
     },
     {
         label: t('expedition.name'),
         name: 'name',
         field: 'packageItemName',
         align: 'left',
-        columnFilter: null,
+        columnFilter: {
+            component: VnSelect,
+            type: 'select',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                options: itemsOptions.value,
+                'option-value': 'id',
+                'option-label': 'name',
+                dense: true,
+            },
+        },
     },
     {
         label: t('expedition.packageType'),
         name: 'packageType',
         field: 'freightItemName',
         align: 'left',
-        columnFilter: null,
+        columnFilter: {
+            component: VnInput,
+            type: 'text',
+            // filterParamKey: 'expeditionFk',
+            filterValue: null,
+            event: getInputEvents,
+            attrs: {
+                dense: true,
+            },
+        },
     },
     {
         label: t('expedition.counter'),
@@ -114,13 +184,76 @@ const columns = computed(() => [
     },
 ]);
 
-const showLog = (expedition) => {};
+const logTableColumns = computed(() => [
+    {
+        label: t('expedition.state'),
+        name: 'state',
+        field: 'state',
+        align: 'left',
+        sortable: true,
+    },
+    {
+        label: t('expedition.name'),
+        name: 'name',
+        align: 'name',
+        columnFilter: null,
+    },
+    {
+        label: t('expedition.created'),
+        name: 'created',
+        field: 'created',
+        align: 'left',
+        columnFilter: null,
+        format: (value) => toDateTimeFormat(value),
+    },
+]);
+
+const showNewTicketDialog = (withRoute = false) => {
+    newTicketWithRoute.value = withRoute;
+    newTicketDialogRef.value.show();
+};
+
+const deleteExpedition = async () => {
+    try {
+        const expeditionIds = selectedExpeditions.value.map(
+            (expedition) => expedition.id
+        );
+        const params = { expeditionIds };
+        await axios.post('Expeditions/deleteExpeditions', params);
+        expeditionsFetchDataRef.value.fetch();
+        selectedExpeditions.value = [];
+        notify(t('expedition.expeditionRemoved'), 'positive');
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+const showLog = async (expedition) => {
+    await getExpeditionState(expedition);
+    logsTableDialogRef.value.show();
+};
+
+const getExpeditionState = async (expedition) => {
+    try {
+        const filter = {
+            where: { expeditionFk: expedition.id },
+            order: ['created DESC'],
+        };
+
+        const { data } = await axios.get(`ExpeditionStates/filter`, {
+            params: { filter: JSON.stringify(filter) },
+        });
+        expeditionsLogsData.value = data;
+    } catch (error) {
+        console.error(error);
+    }
+};
 
 onMounted(async () => {
     stateStore.rightDrawer = true;
     const filteredColumns = columns.value.filter((col) => col.name !== 'history');
     allColumnNames.value = filteredColumns.map((col) => col.name);
-    console.log('allColumnNames', allColumnNames.value);
+    await arrayData.fetch({ append: false });
 });
 
 onUnmounted(() => (stateStore.rightDrawer = false));
@@ -128,12 +261,11 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 
 <template>
     <FetchData
-        url="Expeditions/filter"
+        url="Items"
         auto-load
-        :filter="{ where: { ticketFk: route.params.id }, order: ['created DESC'] }"
-        @on-fetch="(data) => (expeditions = data)"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC' }"
+        @on-fetch="(data) => (itemsOptions = data)"
     />
-
     <VnSubToolbar>
         <template #st-data>
             <TableVisibleColumns
@@ -143,10 +275,62 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 @on-config-saved="visibleColumns = [...$event, 'history']"
             />
         </template>
+        <template #st-actions>
+            <QBtnGroup push class="q-gutter-x-sm" flat>
+                <QBtnDropdown
+                    ref="btnDropdownRef"
+                    color="primary"
+                    :label="t('ticketSale.more')"
+                    :disable="!selectedExpeditions.length"
+                >
+                    <template #label>
+                        <QTooltip>{{ t('Select lines to see the options') }}</QTooltip>
+                    </template>
+                    <QList>
+                        <QItem
+                            clickable
+                            v-close-popup
+                            v-ripple
+                            @click="showNewTicketDialog(false)"
+                        >
+                            <QItemSection>
+                                <QItemLabel>{{
+                                    t('expedition.newTicketWithoutRoute')
+                                }}</QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                        <QItem
+                            clickable
+                            v-close-popup
+                            v-ripple
+                            @click="showNewTicketDialog(true)"
+                        >
+                            <QItemSection>
+                                <QItemLabel>{{
+                                    t('expedition.newTicketWithRoute')
+                                }}</QItemLabel>
+                            </QItemSection>
+                        </QItem>
+                    </QList>
+                </QBtnDropdown>
+                <QBtn
+                    :disable="!selectedExpeditions.length"
+                    icon="delete"
+                    color="primary"
+                    @click="
+                        openConfirmationModal(
+                            '',
+                            t('expedition.removeExpeditionSubtitle'),
+                            deleteExpedition
+                        )
+                    "
+                />
+            </QBtnGroup>
+        </template>
     </VnSubToolbar>
 
     <QTable
-        :rows="expeditions"
+        :rows="ticketExpeditions"
         :columns="columns"
         row-key="id"
         :pagination="{ rowsPerPage: 0 }"
@@ -156,6 +340,21 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         :visible-columns="visibleColumns"
         :no-data-label="t('globals.noResults')"
     >
+        <template #top-row="{ cols }">
+            <QTr>
+                <QTd />
+                <QTd v-for="(col, index) in cols" :key="index" style="max-width: 100px">
+                    <component
+                        :is="col.columnFilter.component"
+                        v-if="col.columnFilter"
+                        v-model="col.columnFilter.filterValue"
+                        v-bind="col.columnFilter.attrs"
+                        v-on="col.columnFilter.event(col)"
+                        dense
+                    />
+                </QTd>
+            </QTr>
+        </template>
         <template #body-cell-item="{ row }">
             <QTd auto-width @click.stop>
                 <QBtn flat color="primary">{{ row.packagingItemFk }}</QBtn>
@@ -234,11 +433,28 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             </QTd>
         </template>
     </QTable>
-
-    <!-- <QPageSticky :offset="[20, 20]">
-        <QBtn @click="newOrderFromTicket()" color="primary" fab icon="add" />
-        <QTooltip class="text-no-wrap">
-            {{ t('Add item to basket') }}
-        </QTooltip>
-    </QPageSticky> -->
+    <QDialog ref="newTicketDialogRef" transition-show="scale" transition-hide="scale">
+        <ExpeditionNewTicket
+            :ticket="ticketExpeditions"
+            :with-route="newTicketWithRoute"
+            :selected-expeditions="selectedExpeditions"
+        />
+    </QDialog>
+    <QDialog ref="logsTableDialogRef" transition-show="scale" transition-hide="scale">
+        <QTable
+            ref="tableRef"
+            data-key="TicketExpeditionLog"
+            :rows="expeditionsLogsData"
+            :filter="logTableFilter"
+            :columns="logTableColumns"
+            class="q-pa-sm"
+        >
+            <template #body-cell-name="{ row }">
+                <QTd auto-width>
+                    <QBtn flat dense color="primary">{{ row.name }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.workerFk" />
+                </QTd>
+            </template>
+        </QTable>
+    </QDialog>
 </template>
diff --git a/src/pages/Ticket/locale/en.yml b/src/pages/Ticket/locale/en.yml
index 04822df3e..151db3710 100644
--- a/src/pages/Ticket/locale/en.yml
+++ b/src/pages/Ticket/locale/en.yml
@@ -90,3 +90,11 @@ expedition:
     created: Created
     state: State
     historyAction: Status log
+    newTicketWithRoute: New ticket with route
+    newTicketWithoutRoute: New ticket without route
+    landed: Landed
+    routeId: Route id
+    deleteExpedition: Delete expedition
+    expeditionRemoved: Expedition removed
+    removeExpeditionSubtitle: Are you sure you want to delete this expedition?
+    worker: Worker
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index 7cbbd02bd..eefd7a5d4 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -89,6 +89,14 @@ expedition:
     created: Fecha creación
     state: Estado
     historyAction: Historial de estados
+    newTicketWithRoute: Nuevo ticket con ruta
+    newTicketWithoutRoute: Nuevo ticket sin ruta
+    landed: F. entrega
+    routeId: Id ruta
+    deleteExpedition: Eliminar expedición
+    expeditionRemoved: Expedición eliminada
+    removeExpeditionSubtitle: ¿Está seguro de eliminar esta expedición?
+    worker: Trabajador
 card:
     search: Buscar tickets
     searchInfo: Buscar tickets por identificador o alias

From ffdcb285225231571771b5b99eafae7d684df530 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Fri, 28 Jun 2024 11:17:42 +0200
Subject: [PATCH 06/36] refactor: refs #6943 initialize totalAmount as
 undefined

---
 src/pages/Customer/Card/CustomerGreuges.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerGreuges.vue b/src/pages/Customer/Card/CustomerGreuges.vue
index e793d066b..8cca2ef23 100644
--- a/src/pages/Customer/Card/CustomerGreuges.vue
+++ b/src/pages/Customer/Card/CustomerGreuges.vue
@@ -13,7 +13,7 @@ const { t } = useI18n();
 const route = useRoute();
 const stateStore = computed(() => useStateStore());
 const rows = ref([]);
-const totalAmount = ref(0);
+const totalAmount = ref();
 
 const filter = {
     include: [
@@ -110,7 +110,7 @@ const setRows = (data) => {
     <FetchData :filter="filter" @on-fetch="setRows" auto-load url="greuges" />
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="300" show-if-above>
         <QCard class="full-width q-pa-sm">
-            <h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount >= 0">
+            <h6 class="flex justify-end q-my-lg q-pr-lg" v-if="totalAmount !== undefined">
                 <span class="color-vn-label q-mr-md">{{ t('Total') }}:</span>
                 {{ toCurrency(totalAmount) }}
             </h6>

From fe67f21206adb8ca5cdef203be03e2df279d6834 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 28 Jun 2024 08:27:21 -0300
Subject: [PATCH 07/36] Ticket expedition

---
 src/pages/Ticket/Card/TicketExpedition.vue | 45 ++++++++++++++--------
 src/pages/Ticket/locale/en.yml             |  1 +
 src/pages/Ticket/locale/es.yml             |  1 +
 3 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketExpedition.vue b/src/pages/Ticket/Card/TicketExpedition.vue
index 002dc9b22..b7d062f99 100644
--- a/src/pages/Ticket/Card/TicketExpedition.vue
+++ b/src/pages/Ticket/Card/TicketExpedition.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref, computed, onUnmounted, reactive } from 'vue';
+import { onMounted, ref, computed, onUnmounted, reactive, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 
@@ -28,7 +28,6 @@ const { notify } = useNotify();
 const { openConfirmationModal } = useVnConfirm();
 const editPriceProxyRef = ref(null);
 const newTicketDialogRef = ref(null);
-const expeditionsFetchDataRef = ref(null);
 const logsTableDialogRef = ref(null);
 
 const expeditionsLogsData = ref([]);
@@ -47,18 +46,34 @@ const exprBuilder = (param, value) => {
     }
 };
 
-const arrayData = useArrayData('ticketExpeditions', {
+const expeditionsFilter = computed(() => ({
+    where: { ticketFk: route.params.id },
+    order: ['created DESC'],
+}));
+
+const expeditionsArrayData = useArrayData('ticketExpeditions', {
     url: 'Expeditions/filter',
-    filter: { where: { ticketFk: route.params.id }, order: ['created DESC'] },
+    filter: expeditionsFilter.value,
     exprBuilder: exprBuilder,
 });
-const { store } = arrayData;
-const ticketExpeditions = computed(() => store.data);
+const expeditionsStore = expeditionsArrayData.store;
+const ticketExpeditions = computed(() => expeditionsStore.data);
 
-// watch(
-//     () => route.params.id,
-//     async () => await getSales()
-// );
+const ticketArrayData = useArrayData('ticketData');
+const ticketStore = ticketArrayData.store;
+const ticketData = computed(() => ticketStore.data);
+
+const refetchExpeditions = async () => {
+    await expeditionsArrayData.applyFilter({
+        params: { filter: JSON.stringify(expeditionsFilter.value) },
+    });
+};
+
+watch(
+    () => route.params.id,
+    async () => await refetchExpeditions(),
+    { immediate: true }
+);
 
 const params = reactive({});
 
@@ -66,7 +81,7 @@ const applyColumnFilter = async (col) => {
     try {
         const paramKey = col.columnFilter?.filterParamKey || col.field;
         params[paramKey] = col.columnFilter.filterValue;
-        await arrayData.addFilter({ params });
+        await expeditionsArrayData.addFilter({ params });
     } catch (err) {
         console.error('Error applying column filter', err);
     }
@@ -220,7 +235,7 @@ const deleteExpedition = async () => {
         );
         const params = { expeditionIds };
         await axios.post('Expeditions/deleteExpeditions', params);
-        expeditionsFetchDataRef.value.fetch();
+        await refetchExpeditions();
         selectedExpeditions.value = [];
         notify(t('expedition.expeditionRemoved'), 'positive');
     } catch (error) {
@@ -253,7 +268,7 @@ onMounted(async () => {
     stateStore.rightDrawer = true;
     const filteredColumns = columns.value.filter((col) => col.name !== 'history');
     allColumnNames.value = filteredColumns.map((col) => col.name);
-    await arrayData.fetch({ append: false });
+    // await expeditionsArrayData.fetch({ append: false });
 });
 
 onUnmounted(() => (stateStore.rightDrawer = false));
@@ -280,7 +295,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 <QBtnDropdown
                     ref="btnDropdownRef"
                     color="primary"
-                    :label="t('ticketSale.more')"
+                    :label="t('expedition.move')"
                     :disable="!selectedExpeditions.length"
                 >
                     <template #label>
@@ -435,7 +450,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
     </QTable>
     <QDialog ref="newTicketDialogRef" transition-show="scale" transition-hide="scale">
         <ExpeditionNewTicket
-            :ticket="ticketExpeditions"
+            :ticket="ticketData"
             :with-route="newTicketWithRoute"
             :selected-expeditions="selectedExpeditions"
         />
diff --git a/src/pages/Ticket/locale/en.yml b/src/pages/Ticket/locale/en.yml
index 151db3710..81ddce1c6 100644
--- a/src/pages/Ticket/locale/en.yml
+++ b/src/pages/Ticket/locale/en.yml
@@ -98,3 +98,4 @@ expedition:
     expeditionRemoved: Expedition removed
     removeExpeditionSubtitle: Are you sure you want to delete this expedition?
     worker: Worker
+    move: Move
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index eefd7a5d4..13ec0201e 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -97,6 +97,7 @@ expedition:
     expeditionRemoved: Expedición eliminada
     removeExpeditionSubtitle: ¿Está seguro de eliminar esta expedición?
     worker: Trabajador
+    move: Mover
 card:
     search: Buscar tickets
     searchInfo: Buscar tickets por identificador o alias

From d2ac7b993217cb4008b344866cfe2acce4ff20fc Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 1 Jul 2024 11:05:14 -0300
Subject: [PATCH 08/36] Handle empty response of default columns from backend

---
 src/components/common/TableVisibleColumns.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/common/TableVisibleColumns.vue b/src/components/common/TableVisibleColumns.vue
index 7aa696a07..a4e4afafe 100644
--- a/src/components/common/TableVisibleColumns.vue
+++ b/src/components/common/TableVisibleColumns.vue
@@ -52,7 +52,7 @@ const toggleMarkAll = (val) => {
 
 const getConfig = async (url, filter) => {
     const response = await axios.get(url, {
-        params: { filter: filter },
+        params: { filter: JSON.stringify(filter) },
     });
     return response.data && response.data.length > 0 ? response.data[0] : null;
 };
@@ -60,7 +60,7 @@ const getConfig = async (url, filter) => {
 const fetchViewConfigData = async () => {
     try {
         const userConfigFilter = {
-            where: { tableCode: $props.tableCode, userFk: user.id },
+            where: { tableCode: $props.tableCode, userFk: user.value.id },
         };
         const userConfig = await getConfig('UserConfigViews', userConfigFilter);
 
@@ -74,8 +74,14 @@ const fetchViewConfigData = async () => {
         const defaultConfig = await getConfig('DefaultViewConfigs', defaultConfigFilter);
 
         if (defaultConfig) {
+            // Si el backend devuelve una configuración por defecto la usamos
             setUserConfigViewData(defaultConfig.columns);
             return;
+        } else {
+            // Si no hay configuración por defecto mostramos todas las columnas
+            const defaultColumns = {};
+            $props.allColumns.forEach((col) => (defaultColumns[col] = true));
+            setUserConfigViewData(defaultColumns);
         }
     } catch (err) {
         console.err('Error fetching config view data', err);

From dfed21157840895f638a5412bcdf33eba7b4f7f1 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 1 Jul 2024 11:10:50 -0300
Subject: [PATCH 09/36] Fix bad git pull merge

---
 src/router/modules/ticket.js | 20 +-------------------
 1 file changed, 1 insertion(+), 19 deletions(-)

diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index 11ca73407..7966ffa9a 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -52,24 +52,6 @@ export default {
                     },
                     component: () => import('src/pages/Ticket/TicketCreate.vue'),
                 },
-                {
-                    name: 'TicketAdvance',
-                    path: 'advance',
-                    meta: {
-                        title: 'ticketAdvance',
-                        icon: 'keyboard_double_arrow_left',
-                    },
-                    component: () => import('src/pages/Ticket/TicketAdvance.vue'),
-                },
-                {
-                    name: 'TicketAdvance',
-                    path: 'advance',
-                    meta: {
-                        title: 'ticketAdvance',
-                        icon: 'keyboard_double_arrow_left',
-                    },
-                    component: () => import('src/pages/Ticket/TicketAdvance.vue'),
-                },
                 {
                     path: 'weekly',
                     name: 'TicketWeekly',
@@ -89,8 +71,8 @@ export default {
                     component: () => import('src/pages/Ticket/TicketFuture.vue'),
                 },
                 {
-                    path: 'advance',
                     name: 'TicketAdvance',
+                    path: 'advance',
                     meta: {
                         title: 'ticketAdvance',
                         icon: 'keyboard_double_arrow_left',

From 71d650653933c290697cb88decef413391fd4f62 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 1 Jul 2024 11:13:36 -0300
Subject: [PATCH 10/36] remove unused filter

---
 src/pages/Ticket/Card/TicketExpedition.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Ticket/Card/TicketExpedition.vue b/src/pages/Ticket/Card/TicketExpedition.vue
index b7d062f99..bddfa2bfd 100644
--- a/src/pages/Ticket/Card/TicketExpedition.vue
+++ b/src/pages/Ticket/Card/TicketExpedition.vue
@@ -460,7 +460,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             ref="tableRef"
             data-key="TicketExpeditionLog"
             :rows="expeditionsLogsData"
-            :filter="logTableFilter"
             :columns="logTableColumns"
             class="q-pa-sm"
         >

From 95f2ddc6a45078bdb0c390a9e69e69b7df1e90cd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 1 Jul 2024 18:24:31 +0200
Subject: [PATCH 11/36] fix: simple i18n

---
 src/pages/Ticket/Card/TicketSale.vue | 1 -
 src/pages/Ticket/locale/es.yml       | 1 +
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Ticket/Card/TicketSale.vue b/src/pages/Ticket/Card/TicketSale.vue
index 32408bf67..84f598d3c 100644
--- a/src/pages/Ticket/Card/TicketSale.vue
+++ b/src/pages/Ticket/Card/TicketSale.vue
@@ -774,6 +774,5 @@ es:
     Continue anyway?: ¿Continuar de todas formas?
     You are going to delete lines of the ticket: Vas a eliminar lineas del ticket
     Add item: Añadir artículo
-    Select lines to see the options: Selecciona líneas para ver las opciones
     Transfer lines: Transferir líneas
 </i18n>
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index df5ecd00c..a7006beea 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -185,3 +185,4 @@ expedition:
     move: Mover
 Search ticket: Buscar tickets
 You can search by ticket id or alias: Puedes buscar por id o alias del ticket
+Select lines to see the options: Selecciona líneas para ver las opciones

From 9179dc7432f9b19761cdf95cdb25a4d2c528775a Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 2 Jul 2024 09:35:18 -0300
Subject: [PATCH 12/36] Ticket package

---
 src/pages/Ticket/Card/TicketPackage.vue | 121 ++++++++++++++++++++++++
 src/pages/Ticket/locale/en.yml          |   6 ++
 src/pages/Ticket/locale/es.yml          |   6 ++
 src/router/modules/ticket.js            |  10 ++
 4 files changed, 143 insertions(+)
 create mode 100644 src/pages/Ticket/Card/TicketPackage.vue

diff --git a/src/pages/Ticket/Card/TicketPackage.vue b/src/pages/Ticket/Card/TicketPackage.vue
new file mode 100644
index 000000000..959f45b81
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketPackage.vue
@@ -0,0 +1,121 @@
+<script setup>
+import { ref, watch, computed, reactive } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import CrudModel from 'components/CrudModel.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import FetchData from 'components/FetchData.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+import { useArrayData } from 'src/composables/useArrayData';
+
+const route = useRoute();
+const { t } = useI18n();
+const ticketPackagingsCrudRef = ref(null);
+const listPackagingsOptions = ref([]);
+const arrayData = useArrayData('TicketPackagings');
+const { store } = arrayData;
+
+const crudModelFilter = reactive({
+    fields: ['id', 'ticketFk', 'packagingFk', 'quantity', 'created'],
+    where: { ticketFk: route.params.id },
+});
+
+const crudModelRequiredData = computed(() => ({
+    packagingFk: null,
+    quantity: null,
+    created: Date.vnNew(),
+    ticketFk: route.params.id,
+}));
+
+watch(
+    () => route.params.id,
+    async () => {
+        crudModelFilter.where.ticketFk = route.params.id;
+        store.filter = crudModelFilter;
+        await ticketPackagingsCrudRef.value.reload();
+    }
+);
+</script>
+
+<template>
+    <FetchData
+        @on-fetch="(data) => (listPackagingsOptions = data)"
+        auto-load
+        :filter="{ fields: ['packagingFk', 'name'], order: 'name ASC', limit: 30 }"
+        url="Packagings/listPackaging"
+    />
+    <div class="flex justify-center">
+        <CrudModel
+            ref="ticketPackagingsCrudRef"
+            data-key="TicketPackagings"
+            url="TicketPackagings"
+            model="TicketPackagings"
+            :filter="crudModelFilter"
+            :data-required="crudModelRequiredData"
+            :default-remove="false"
+            auto-load
+            style="max-width: 800px"
+        >
+            <template #body="{ rows }">
+                <QCard class="q-px-lg q-py-md">
+                    <div
+                        v-for="(row, index) in rows"
+                        :key="index"
+                        class="q-mb-md row items-center q-gutter-x-md"
+                    >
+                        <VnSelect
+                            :label="t('package.package')"
+                            :options="listPackagingsOptions"
+                            hide-selected
+                            option-label="name"
+                            option-value="packagingFk"
+                            v-model="row.packagingFk"
+                        >
+                            <template #option="scope">
+                                <QItem v-bind="scope.itemProps">
+                                    <QItemSection>
+                                        <QItemLabel>{{ scope.opt?.name }} </QItemLabel>
+                                        <QItemLabel caption>
+                                            #{{ scope.opt?.itemFk }}
+                                        </QItemLabel>
+                                    </QItemSection>
+                                </QItem>
+                            </template>
+                        </VnSelect>
+                        <VnInput
+                            :label="t('package.quantity')"
+                            v-model="row.quantity"
+                            class="col"
+                        />
+                        <VnInputDate :label="t('package.added')" v-model="row.created" />
+                        <QIcon
+                            name="delete"
+                            size="sm"
+                            class="cursor-pointer"
+                            color="primary"
+                            @click="ticketPackagingsCrudRef.remove([row])"
+                        >
+                            <QTooltip>
+                                {{ t('package.removePackage') }}
+                            </QTooltip>
+                        </QIcon>
+                    </div>
+                    <QIcon
+                        name="add_circle"
+                        class="fill-icon-on-hover q-ml-md"
+                        size="sm"
+                        color="primary"
+                        @click="ticketPackagingsCrudRef.insert()"
+                    >
+                        <QTooltip>
+                            {{ t('package.addPackage') }}
+                        </QTooltip>
+                    </QIcon>
+                </QCard>
+            </template>
+        </CrudModel>
+    </div>
+</template>
diff --git a/src/pages/Ticket/locale/en.yml b/src/pages/Ticket/locale/en.yml
index 39aed4af7..1b9619fd3 100644
--- a/src/pages/Ticket/locale/en.yml
+++ b/src/pages/Ticket/locale/en.yml
@@ -164,3 +164,9 @@ tracking:
     worker: Worker
     created: Created
     addState: Add state
+package:
+    package: Package
+    quantity: Quantity
+    added: Added
+    addPackage: Add package
+    removePackage: Remove package
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index d5b50efc5..32744e557 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -164,5 +164,11 @@ ticketSale:
     shipped: F. Envío
     agency: Agencia
     address: Consignatario
+package:
+    package: Package
+    quantity: Cantidad
+    added: Añadido
+    addPackage: Añadir embalaje
+    removePackage: Quitar embalaje
 Search ticket: Buscar tickets
 You can search by ticket id or alias: Puedes buscar por id o alias del ticket
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index 1e635470b..e14fe7908 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -23,6 +23,7 @@ export default {
             'TicketTracking',
             'TicketVolume',
             'TicketNotes',
+            'TicketPackage',
         ],
     },
     children: [
@@ -188,6 +189,15 @@ export default {
                     },
                     component: () => import('src/pages/Ticket/Card/TicketNotes.vue'),
                 },
+                {
+                    path: 'package',
+                    name: 'TicketPackage',
+                    meta: {
+                        title: 'packages',
+                        icon: 'vn:bin',
+                    },
+                    component: () => import('src/pages/Ticket/Card/TicketPackage.vue'),
+                },
             ],
         },
     ],

From 5c36ad14f48fed04134221bb94f37431bfa6cf8a Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 2 Jul 2024 21:33:19 -0300
Subject: [PATCH 13/36] Ticket components

---
 src/i18n/locale/en.yml                     |   1 +
 src/i18n/locale/es.yml                     |   1 +
 src/pages/Ticket/Card/TicketComponents.vue | 356 +++++++++++++++++++++
 src/pages/Ticket/Card/TicketDescriptor.vue |  17 +
 src/pages/Ticket/locale/en.yml             |  18 ++
 src/pages/Ticket/locale/es.yml             |  18 ++
 src/router/modules/ticket.js               |  10 +
 7 files changed, 421 insertions(+)
 create mode 100644 src/pages/Ticket/Card/TicketComponents.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 59cd1170a..c26100699 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -452,6 +452,7 @@ ticket:
         weeklyTickets: Weekly tickets
         services: Service
         tracking: Tracking
+        components: Components
     list:
         nickname: Nickname
         state: State
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index e35e3d41c..58b0d900b 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -451,6 +451,7 @@ ticket:
         weeklyTickets: Tickets programados
         services: Servicios
         tracking: Estados
+        components: Componentes
     list:
         nickname: Alias
         state: Estado
diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
new file mode 100644
index 000000000..85d2179a2
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -0,0 +1,356 @@
+<script setup>
+import { ref, computed, onMounted, onUnmounted, watch, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+
+import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
+import FetchedTags from 'components/ui/FetchedTags.vue';
+import RightMenu from 'src/components/common/RightMenu.vue';
+import FetchData from 'components/FetchData.vue';
+import ZoneDescriptorProxy from 'src/pages/Zone/Card/ZoneDescriptorProxy.vue';
+
+import { useStateStore } from 'stores/useStateStore';
+import { dashIfEmpty } from 'src/filters';
+import { useArrayData } from 'composables/useArrayData';
+import { toCurrency } from 'filters/index';
+import axios from 'axios';
+
+const route = useRoute();
+const stateStore = useStateStore();
+const { t } = useI18n();
+const salesRef = ref(null);
+const arrayData = useArrayData('ticketData');
+const { store } = arrayData;
+
+const ticketData = computed(() => store.data);
+const components = ref([]);
+const componentsList = ref([]);
+const theoricalCost = ref(0);
+const ticketVolume = ref(null);
+
+watch(
+    () => ticketData.value,
+    async () => {
+        await nextTick();
+        salesRef.value.fetch();
+        getComponentsSum();
+        getTheoricalCost();
+        if (ticketData.value?.zone && ticketData.value?.zone?.isVolumetric)
+            getTicketVolume();
+    }
+);
+
+const salesFilter = computed(() => ({
+    order: 'concept ASC',
+    include: [
+        {
+            relation: 'item',
+        },
+        {
+            relation: 'components',
+            scope: {
+                fields: ['componentFk', 'value'],
+                include: {
+                    relation: 'component',
+                    scope: {
+                        fields: ['typeFk', 'name'],
+                        include: {
+                            relation: 'componentType',
+                            scope: {
+                                fields: ['type', 'isBase'],
+                            },
+                        },
+                    },
+                },
+            },
+        },
+    ],
+    where: { ticketFk: route.params.id },
+}));
+
+const columns = computed(() => [
+    {
+        label: t('components.item'),
+        name: 'item',
+        align: 'left',
+    },
+    {
+        label: t('components.description'),
+        name: 'description',
+        align: 'left',
+    },
+    {
+        label: t('components.quantity'),
+        name: 'quantity',
+        field: 'quantity',
+        align: 'left',
+        format: (val) => dashIfEmpty(val),
+    },
+    {
+        label: t('components.serie'),
+        name: 'serie',
+        align: 'left',
+    },
+    {
+        label: t('components.components'),
+        name: 'components',
+        align: 'left',
+    },
+    {
+        label: t('components.import'),
+        name: 'import',
+        align: 'left',
+    },
+    {
+        label: t('components.total'),
+        name: 'total',
+        align: 'left',
+    },
+]);
+
+const getBase = computed(() => {
+    let sum = 0;
+    for (let sale of components.value) {
+        for (let saleComponent of sale.components) {
+            if (saleComponent.component.componentType.isBase) {
+                sum += sale.quantity * saleComponent.value;
+            }
+        }
+    }
+    return sum;
+});
+
+const getTotal = computed(() => {
+    let total = 0;
+    for (let sale of components.value) {
+        for (let saleComponent of sale.components) {
+            total += sale.quantity * saleComponent.value;
+        }
+    }
+    return total;
+});
+
+const getComponentsSum = async () => {
+    try {
+        const { data } = await axios.get(`Tickets/${route.params.id}/getComponentsSum`);
+        componentsList.value = data;
+        console.log('componentsList', componentsList.value);
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+const getTheoricalCost = async () => {
+    try {
+        const { data } = await axios.get(`Tickets/${route.params.id}/freightCost`);
+        theoricalCost.value = data;
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+const getTicketVolume = async () => {
+    try {
+        if (!ticketData.value) return;
+        const { data } = await axios.get(`Tickets/${ticketData.value.id}/getVolume`);
+        console.log('data volume: ', data);
+        ticketVolume.value = data[0].volume;
+    } catch (error) {
+        console.error(error);
+    }
+};
+
+onMounted(() => {
+    stateStore.rightDrawer = true;
+});
+
+onUnmounted(() => (stateStore.rightDrawer = false));
+</script>
+
+<template>
+    <FetchData
+        ref="salesRef"
+        url="sales"
+        :filter="salesFilter"
+        @on-fetch="(data) => (components = data)"
+        auto-load
+    />
+    <RightMenu>
+        <template #right-panel>
+            <QCard
+                class="q-pa-sm color-vn-text"
+                bordered
+                flat
+                style="border-color: black"
+            >
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('components.total') }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label"
+                        >{{ t('components.baseToCommission') }}:
+                    </span>
+                    <span>{{ toCurrency(getBase) }}</span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label"
+                        >{{ t('components.totalWithoutVat') }}:
+                    </span>
+                    <span>{{ toCurrency(getTotal) }}</span>
+                </QCardSection>
+            </QCard>
+            <QCard
+                class="q-pa-sm color-vn-text"
+                bordered
+                flat
+                style="border-color: black"
+            >
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('components.components') }}
+                    </span>
+                </QCardSection>
+                <QCardSection
+                    v-for="(component, index) in componentsList"
+                    :key="index"
+                    class="justify-center"
+                    horizontal
+                >
+                    <span class="q-mr-xs color-vn-label"> {{ component.name }}: </span>
+                    <span>{{ toCurrency(component.value, 'EUR', 3) }}</span>
+                </QCardSection>
+            </QCard>
+            <QCard
+                class="q-pa-sm color-vn-text"
+                bordered
+                flat
+                style="border-color: black"
+            >
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('components.zoneBreakdown') }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label">
+                        {{ t('components.price') }}:
+                    </span>
+                    <span>{{ toCurrency(ticketData?.zonePrice, 'EUR', 2) }}</span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label">
+                        {{ t('components.bonus') }}:
+                    </span>
+                    <span>{{ toCurrency(ticketData?.zoneBonus, 'EUR', 2) }}</span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label">
+                        {{ t('components.zone') }}:
+                    </span>
+                    <span class="link">
+                        {{ dashIfEmpty(ticketData?.zone?.name) }}
+                        <ZoneDescriptorProxy :id="ticketData?.zone?.id" />
+                    </span>
+                </QCardSection>
+                <QCardSection
+                    v-if="ticketData?.zone?.isVolumetric"
+                    class="justify-center"
+                    horizontal
+                >
+                    <span class="q-mr-xs color-vn-label">
+                        {{ t('components.volume') }}:
+                    </span>
+                    <span>{{ ticketVolume }}</span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label">
+                        {{ t('components.packages') }}:
+                    </span>
+                    <span>{{ dashIfEmpty(ticketData?.packages) }}</span>
+                </QCardSection>
+            </QCard>
+            <QCard
+                class="q-pa-sm color-vn-text"
+                bordered
+                flat
+                style="border-color: black"
+            >
+                <QCardSection horizontal>
+                    <span class="text-weight-bold text-subtitle1 text-center full-width">
+                        {{ t('components.theoricalCost') }}
+                    </span>
+                </QCardSection>
+                <QCardSection class="justify-center" horizontal>
+                    <span class="q-mr-xs color-vn-label">
+                        {{ t('components.totalPrice') }}:
+                    </span>
+                    <span>{{ toCurrency(theoricalCost, 'EUR', 2) }}</span>
+                </QCardSection>
+            </QCard>
+        </template>
+    </RightMenu>
+    <QTable
+        :rows="components"
+        :columns="columns"
+        row-key="id"
+        :pagination="{ rowsPerPage: 0 }"
+        class="full-width q-mt-md"
+        :no-data-label="t('globals.noResults')"
+    >
+        <template #body-cell-item="{ row }">
+            <QTd>
+                <QBtn flat color="primary">
+                    {{ row.itemFk }}
+                    <ItemDescriptorProxy :id="row.itemFk" />
+                </QBtn>
+            </QTd>
+        </template>
+        <template #body-cell-description="{ row }">
+            <QTd>
+                <div class="column">
+                    <span>{{ row.item.name }}</span>
+                    <span class="color-vn-label">{{ row.item.subName }}</span>
+                    <FetchedTags :item="row.item" :max-length="6" />
+                </div>
+            </QTd>
+        </template>
+        <template #body-cell-serie="{ row }">
+            <QTd>
+                <div class="column">
+                    <span v-for="(saleComponent, index) in row.components" :key="index">
+                        {{ saleComponent.component?.componentType?.type }}
+                    </span>
+                </div>
+            </QTd>
+        </template>
+        <template #body-cell-components="{ row }">
+            <QTd>
+                <div class="column">
+                    <span v-for="(saleComponent, index) in row.components" :key="index">
+                        {{ saleComponent.component?.name }}
+                    </span>
+                </div>
+            </QTd>
+        </template>
+        <template #body-cell-import="{ row }">
+            <QTd>
+                <div class="column">
+                    <span v-for="(saleComponent, index) in row.components" :key="index">
+                        {{ toCurrency(saleComponent.value, 'EUR', 3) }}
+                    </span>
+                </div>
+            </QTd>
+        </template>
+        <template #body-cell-total="{ row }">
+            <QTd>
+                <div class="column">
+                    <span v-for="(saleComponent, index) in row.components" :key="index">
+                        {{ toCurrency(saleComponent.value * row.quantity, 'EUR', 3) }}
+                    </span>
+                </div>
+            </QTd>
+        </template>
+    </QTable>
+</template>
diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index 5fb312b28..100e24058 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -66,6 +66,23 @@ const filter = {
                 fields: ['id', 'name'],
             },
         },
+        {
+            relation: 'zone',
+            scope: {
+                fields: [
+                    'agencyModeFk',
+                    'bonus',
+                    'hour',
+                    'id',
+                    'isVolumetric',
+                    'itemMaxSize',
+                    'm3Max',
+                    'name',
+                    'price',
+                    'travelingDays',
+                ],
+            },
+        },
     ],
 };
 
diff --git a/src/pages/Ticket/locale/en.yml b/src/pages/Ticket/locale/en.yml
index 39aed4af7..90a3e67b7 100644
--- a/src/pages/Ticket/locale/en.yml
+++ b/src/pages/Ticket/locale/en.yml
@@ -159,6 +159,24 @@ service:
     addService: Add service
     quantityInfo: To create services with negative amounts mark the service on the source ticket and press the pay button.
     createRefundSuccess: 'The following refund ticket have been created: { ticketId }'
+components:
+    item: Item
+    description: Description
+    quantity: Quantity
+    serie: Serie
+    components: Components
+    import: Import
+    total: Total
+    baseToCommission: Base to commission
+    totalWithoutVat: Total without VAT
+    zoneBreakdown: Zone breakdown
+    price: Price
+    bonus: Bonus
+    zone: Zone
+    volume: Volume
+    theoricalCost: Theorical cost
+    totalPrice: Total price
+    packages: Packages
 tracking:
     state: State
     worker: Worker
diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index d5b50efc5..370d3433d 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -164,5 +164,23 @@ ticketSale:
     shipped: F. Envío
     agency: Agencia
     address: Consignatario
+components:
+    item: Artículo
+    description: Descripción
+    quantity: Cantidad
+    serie: Serie
+    components: Componentes
+    import: Importe
+    total: Total
+    baseToCommission: Base comisionable
+    totalWithoutVat: Total sin IVA
+    zoneBreakdown: Desglose zona
+    price: Precio
+    bonus: Bonificación
+    zone: Zona
+    volume: Volúmen
+    theoricalCost: Porte teórico
+    totalPrice: Precio total
+    packages: Bultos
 Search ticket: Buscar tickets
 You can search by ticket id or alias: Puedes buscar por id o alias del ticket
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index 1e635470b..1a9a7d557 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -23,6 +23,7 @@ export default {
             'TicketTracking',
             'TicketVolume',
             'TicketNotes',
+            'TicketComponents',
         ],
     },
     children: [
@@ -179,6 +180,15 @@ export default {
                     },
                     component: () => import('src/pages/Ticket/Card/TicketVolume.vue'),
                 },
+                {
+                    path: 'components',
+                    name: 'TicketComponents',
+                    meta: {
+                        title: 'components',
+                        icon: 'vn:components',
+                    },
+                    component: () => import('src/pages/Ticket/Card/TicketComponents.vue'),
+                },
                 {
                     path: 'observation',
                     name: 'TicketNotes',

From c2333c9455b90395ac09d956ec901f0821b27724 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 3 Jul 2024 17:53:37 +0200
Subject: [PATCH 14/36] chore: refs #7300 reset arrayData

---
 src/components/ui/VnFilterPanel.vue |  8 ++------
 src/components/ui/VnPaginate.vue    |  7 ++++---
 src/components/ui/VnSearchbar.vue   |  3 +--
 src/composables/useArrayData.js     |  9 ++++-----
 src/stores/useArrayDataStore.js     | 23 ++++++++++++++++-------
 5 files changed, 27 insertions(+), 23 deletions(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index 5595d54ba..2ea51ed8b 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -112,9 +112,7 @@ async function search(evt) {
     isLoading.value = true;
     const filter = { ...userParams.value };
     store.userParamsChanged = true;
-    store.filter.skip = 0;
-    store.skip = 0;
-    store.page = 1;
+    arrayData.reset(['skip', 'filter.skip', 'page']);
     const { params: newParams } = await arrayData.addFilter({ params: userParams.value });
     userParams.value = newParams;
 
@@ -138,9 +136,7 @@ async function reload() {
 async function clearFilters() {
     isLoading.value = true;
     store.userParamsChanged = true;
-    store.filter.skip = 0;
-    store.skip = 0;
-    store.page = 1;
+    arrayData.reset(['skip', 'filter.skip', 'page']);
     // Filtrar los params no removibles
     const removableFilters = Object.keys(userParams.value).filter((param) =>
         $props.unremovableParams.includes(param)
diff --git a/src/components/ui/VnPaginate.vue b/src/components/ui/VnPaginate.vue
index 9a2c06b0c..8e426b471 100644
--- a/src/components/ui/VnPaginate.vue
+++ b/src/components/ui/VnPaginate.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref, watch } from 'vue';
+import { onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useArrayData } from 'composables/useArrayData';
 
@@ -95,6 +95,8 @@ onMounted(async () => {
     mounted.value = true;
 });
 
+onBeforeUnmount(() => arrayData.reset());
+
 watch(
     () => props.data,
     () => {
@@ -118,8 +120,7 @@ const addFilter = async (filter, params) => {
 
 async function fetch(params) {
     useArrayData(props.dataKey, params);
-    store.filter.skip = 0;
-    store.skip = 0;
+    arrayData.reset(['filter.skip', 'skip']);
     await arrayData.fetch({ append: false });
     if (!store.hasMoreData) {
         isLoading.value = false;
diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index eab04f04c..0c7a8a3f6 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -103,8 +103,7 @@ async function search() {
     const staticParams = Object.entries(store.userParams).filter(
         ([key, value]) => value && (props.staticParams || []).includes(key)
     );
-    store.skip = 0;
-    store.page = 1;
+    arrayData.reset(['skip', 'page']);
 
     if (props.makeFetch)
         await arrayData.applyFilter({
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index b4fa66498..8111bcae4 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -18,7 +18,8 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     onMounted(() => {
         setOptions();
-        store.skip = 0;
+        arrayDataStore.reset(['skip']);
+
         const query = route.query;
         const searchUrl = store.searchUrl;
         if (query[searchUrl]) {
@@ -153,9 +154,8 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         userParams = sanitizerParams(userParams, store?.exprBuilder);
 
         store.userParams = userParams;
-        store.skip = 0;
-        store.filter.skip = 0;
-        store.page = 1;
+        arrayDataStore.reset(['skip', 'filter.skip', 'page']);
+
         await fetch({ append: false });
         return { filter, params };
     }
@@ -191,7 +191,6 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         store.page += 1;
 
         await fetch({ append: true });
-        updateStateParams();
     }
 
     async function refresh() {
diff --git a/src/stores/useArrayDataStore.js b/src/stores/useArrayDataStore.js
index 0fe16d075..ea029bc12 100644
--- a/src/stores/useArrayDataStore.js
+++ b/src/stores/useArrayDataStore.js
@@ -11,12 +11,12 @@ export const useArrayDataStore = defineStore('arrayDataStore', () => {
         limit: 10,
         skip: 0,
         order: '',
-        data: ref(),
         isLoading: false,
         userParamsChanged: false,
         exprBuilder: null,
         searchUrl: 'params',
         navigate: null,
+        page: 1,
     };
 
     function get(key) {
@@ -24,7 +24,7 @@ export const useArrayDataStore = defineStore('arrayDataStore', () => {
     }
 
     function set(key) {
-        state.value[key] = defaultOpts;
+        state.value[key] = getDefaultState();
     }
 
     function clear(key) {
@@ -32,12 +32,21 @@ export const useArrayDataStore = defineStore('arrayDataStore', () => {
     }
 
     function reset(key, opts = []) {
-        let obj = state.value[key];
-        if (!opts.length) obj = defaultOpts;
+        if (!opts.length) state.value[key] = getDefaultState();
         else
-            for (const opt in opts) {
-                if (Object.hasOwn(obj, opt)) obj[opt] = defaultOpts[opt];
-            }
+            opts.forEach((opt) => {
+                if (opt.includes('.')) {
+                    const [parent, child] = opt.split('.');
+                    state.value[key][parent][child] = defaultOpts[child];
+                } else if (Object.hasOwn(state.value[key], opt))
+                    state.value[key][opt] = defaultOpts[opt];
+            });
+    }
+
+    function getDefaultState() {
+        return Object.assign(JSON.parse(JSON.stringify(defaultOpts)), {
+            data: ref(),
+        });
     }
 
     return {

From 91eb966586d318d4bfabe5c7a51dda2f2b3fef07 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 3 Jul 2024 14:44:36 -0300
Subject: [PATCH 15/36] Ticket photos

---
 src/i18n/locale/en.yml                    |  1 +
 src/i18n/locale/es.yml                    |  1 +
 src/pages/Order/Card/OrderCatalogItem.vue | 13 +++--
 src/pages/Order/OrderCatalog.vue          |  7 ++-
 src/pages/Ticket/Card/TicketPicture.vue   | 60 +++++++++++++++++++++++
 src/router/modules/ticket.js              | 10 ++++
 6 files changed, 87 insertions(+), 5 deletions(-)
 create mode 100644 src/pages/Ticket/Card/TicketPicture.vue

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 75b07801a..3a1d619c0 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -554,6 +554,7 @@ ticket:
         weeklyTickets: Weekly tickets
         services: Service
         tracking: Tracking
+        pictures: Pictures
     list:
         nickname: Nickname
         state: State
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index 452e387c9..42b887c21 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -552,6 +552,7 @@ ticket:
         weeklyTickets: Tickets programados
         services: Servicios
         tracking: Estados
+        pictures: Fotos
     list:
         nickname: Alias
         state: Estado
diff --git a/src/pages/Order/Card/OrderCatalogItem.vue b/src/pages/Order/Card/OrderCatalogItem.vue
index 8fa0bb5b9..2b4724e35 100644
--- a/src/pages/Order/Card/OrderCatalogItem.vue
+++ b/src/pages/Order/Card/OrderCatalogItem.vue
@@ -7,7 +7,7 @@ import VnImg from 'src/components/ui/VnImg.vue';
 import OrderCatalogItemDialog from 'pages/Order/Card/OrderCatalogItemDialog.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 
-import toCurrency from '../../../filters/toCurrency';
+import { toCurrency } from 'filters/index';
 
 const DEFAULT_PRICE_KG = 0;
 
@@ -18,6 +18,10 @@ defineProps({
         type: Object,
         required: true,
     },
+    isCatalog: {
+        type: Boolean,
+        default: false,
+    },
 });
 
 const dialog = ref(null);
@@ -28,7 +32,7 @@ const dialog = ref(null);
         <QCard class="card shadow-6">
             <div class="img-wrapper">
                 <VnImg :id="item.id" zoom-size="lg" class="image" />
-                <div v-if="item.hex" class="item-color-container">
+                <div v-if="item.hex && isCatalog" class="item-color-container">
                     <div
                         class="item-color"
                         :style="{ backgroundColor: `#${item.hex}` }"
@@ -50,11 +54,12 @@ const dialog = ref(null);
                 </template>
                 <div class="footer">
                     <div class="price">
-                        <p>
+                        <p v-if="isCatalog">
                             {{ item.available }} {{ t('to') }}
                             {{ toCurrency(item.price) }}
                         </p>
-                        <QIcon name="add_circle" class="icon">
+                        <slot name="price" />
+                        <QIcon v-if="isCatalog" name="add_circle" class="icon">
                             <QTooltip>{{ t('globals.add') }}</QTooltip>
                             <QPopupProxy ref="dialog">
                                 <OrderCatalogItemDialog
diff --git a/src/pages/Order/OrderCatalog.vue b/src/pages/Order/OrderCatalog.vue
index 081a2cd2f..1474bbde4 100644
--- a/src/pages/Order/OrderCatalog.vue
+++ b/src/pages/Order/OrderCatalog.vue
@@ -77,7 +77,12 @@ function extractValueTags(items) {
                         <div v-if="rows && !rows?.length" class="no-result">
                             {{ t('globals.noResults') }}
                         </div>
-                        <OrderCatalogItem v-for="row in rows" :key="row.id" :item="row" />
+                        <OrderCatalogItem
+                            v-for="row in rows"
+                            :key="row.id"
+                            :item="row"
+                            is-catalog
+                        />
                     </div>
                 </template>
             </VnPaginate>
diff --git a/src/pages/Ticket/Card/TicketPicture.vue b/src/pages/Ticket/Card/TicketPicture.vue
new file mode 100644
index 000000000..e319ef963
--- /dev/null
+++ b/src/pages/Ticket/Card/TicketPicture.vue
@@ -0,0 +1,60 @@
+<script setup>
+import { ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+
+import FetchData from 'components/FetchData.vue';
+import OrderCatalogItem from 'pages/Order/Card/OrderCatalogItem.vue';
+
+import { toCurrency } from 'filters/index';
+
+const { t } = useI18n();
+const route = useRoute();
+
+const salesFilter = {
+    include: {
+        relation: 'item',
+        scope: {
+            field: ['name', 'image'],
+        },
+    },
+    where: { ticketFk: route.params.id },
+};
+const sales = ref([]);
+</script>
+
+<template>
+    <FetchData
+        ref="salesRef"
+        url="sales"
+        :filter="salesFilter"
+        @on-fetch="(data) => (sales = data)"
+        auto-load
+    />
+    <div class="pictures-list">
+        <OrderCatalogItem v-for="(sale, index) in sales" :key="index" :item="sale.item">
+            <template #price>
+                <div class="q-mt-md full-width row justify-between items-center">
+                    <span class="text-h6">{{ sale.quantity }}</span>
+                    <span>{{ t('by') }}</span>
+                    <span class="text-h6">{{ toCurrency(sale.item?.price) }}</span>
+                </div>
+            </template>
+        </OrderCatalogItem>
+    </div>
+</template>
+
+<style lang="scss" scoped>
+.pictures-list {
+    display: flex;
+    align-items: flex-start;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 16px;
+}
+</style>
+
+<i18n>
+es:
+    by: por
+</i18n>
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index 1e635470b..db61cd405 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -23,6 +23,7 @@ export default {
             'TicketTracking',
             'TicketVolume',
             'TicketNotes',
+            'TicketPicture',
         ],
     },
     children: [
@@ -142,6 +143,15 @@ export default {
                     },
                     component: () => import('src/pages/Ticket/Card/TicketLog.vue'),
                 },
+                {
+                    path: 'picture',
+                    name: 'TicketPicture',
+                    meta: {
+                        title: 'pictures',
+                        icon: 'vn:photo',
+                    },
+                    component: () => import('src/pages/Ticket/Card/TicketPicture.vue'),
+                },
                 {
                     path: 'boxing',
                     name: 'TicketBoxing',

From 02ce4f2658d586e98a265c43cc9e0cfdbbc6f8da Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 3 Jul 2024 15:12:20 -0300
Subject: [PATCH 16/36] Small change

---
 src/pages/Ticket/Card/TicketComponents.vue | 13 ++++++++-----
 src/pages/Ticket/Card/TicketService.vue    |  1 -
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 85d2179a2..5aeb6b0a5 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -37,7 +37,8 @@ watch(
         getTheoricalCost();
         if (ticketData.value?.zone && ticketData.value?.zone?.isVolumetric)
             getTicketVolume();
-    }
+    },
+    { immediate: true }
 );
 
 const salesFilter = computed(() => ({
@@ -134,7 +135,6 @@ const getComponentsSum = async () => {
     try {
         const { data } = await axios.get(`Tickets/${route.params.id}/getComponentsSum`);
         componentsList.value = data;
-        console.log('componentsList', componentsList.value);
     } catch (error) {
         console.error(error);
     }
@@ -153,7 +153,6 @@ const getTicketVolume = async () => {
     try {
         if (!ticketData.value) return;
         const { data } = await axios.get(`Tickets/${ticketData.value.id}/getVolume`);
-        console.log('data volume: ', data);
         ticketVolume.value = data[0].volume;
     } catch (error) {
         console.error(error);
@@ -218,8 +217,12 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                     class="justify-center"
                     horizontal
                 >
-                    <span class="q-mr-xs color-vn-label"> {{ component.name }}: </span>
-                    <span>{{ toCurrency(component.value, 'EUR', 3) }}</span>
+                    <span v-if="component.name" class="q-mr-xs color-vn-label">
+                        {{ component.name }}:
+                    </span>
+                    <span v-if="component.value">{{
+                        toCurrency(component.value, 'EUR', 3)
+                    }}</span>
                 </QCardSection>
             </QCard>
             <QCard
diff --git a/src/pages/Ticket/Card/TicketService.vue b/src/pages/Ticket/Card/TicketService.vue
index 4cc8207ef..63dd454ba 100644
--- a/src/pages/Ticket/Card/TicketService.vue
+++ b/src/pages/Ticket/Card/TicketService.vue
@@ -77,7 +77,6 @@ const getDefaultTaxClass = async () => {
             params: { filter: JSON.stringify(filter) },
         });
         defaultTaxClass.value = data;
-        console.log('defaultTaxClass', defaultTaxClass.value);
     } catch (error) {
         console.error(error);
     }

From 8baf5b14890741a5a1ec5e8b89292f499e35f237 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 3 Jul 2024 16:14:47 -0300
Subject: [PATCH 17/36] Apply right alignment to total and import columns

---
 src/pages/Ticket/Card/TicketComponents.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 5aeb6b0a5..b99da3f9b 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -339,7 +339,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         </template>
         <template #body-cell-import="{ row }">
             <QTd>
-                <div class="column">
+                <div class="column text-right">
                     <span v-for="(saleComponent, index) in row.components" :key="index">
                         {{ toCurrency(saleComponent.value, 'EUR', 3) }}
                     </span>
@@ -348,7 +348,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         </template>
         <template #body-cell-total="{ row }">
             <QTd>
-                <div class="column">
+                <div class="column text-right">
                     <span v-for="(saleComponent, index) in row.components" :key="index">
                         {{ toCurrency(saleComponent.value * row.quantity, 'EUR', 3) }}
                     </span>

From 2b0b47012091135181cbec51b869686eed8d0162 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 3 Jul 2024 21:30:29 +0200
Subject: [PATCH 18/36] fix: TicketComponent Sales column

---
 src/pages/Ticket/Card/TicketComponents.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index b99da3f9b..7c2de41a6 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -58,7 +58,7 @@ const salesFilter = computed(() => ({
                         include: {
                             relation: 'componentType',
                             scope: {
-                                fields: ['type', 'isBase'],
+                                fields: ['type', 'isBase', 'name'],
                             },
                         },
                     },
@@ -169,7 +169,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
 <template>
     <FetchData
         ref="salesRef"
-        url="sales"
+        url="Sales"
         :filter="salesFilter"
         @on-fetch="(data) => (components = data)"
         auto-load
@@ -323,7 +323,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <QTd>
                 <div class="column">
                     <span v-for="(saleComponent, index) in row.components" :key="index">
-                        {{ saleComponent.component?.componentType?.type }}
+                        {{ saleComponent.component?.componentType?.name }}
                     </span>
                 </div>
             </QTd>

From e2054c2eb78862866f91923c586b417f5970478c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 3 Jul 2024 21:35:19 +0200
Subject: [PATCH 19/36] fix: Itemdescriptor .link

---
 src/pages/Ticket/Card/TicketComponents.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 7c2de41a6..018ec1905 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -305,7 +305,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         <template #body-cell-item="{ row }">
             <QTd>
                 <QBtn flat color="primary">
-                    {{ row.itemFk }}
+                    <span class="link">{{ row.itemFk }}</span>
                     <ItemDescriptorProxy :id="row.itemFk" />
                 </QBtn>
             </QTd>

From 6ce03287efe84c7a4cf500beb665d43bba71e4b4 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 4 Jul 2024 09:53:06 +0200
Subject: [PATCH 20/36] perf: remove justify-center CSS class

---
 src/pages/Ticket/Card/TicketComponents.vue | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 018ec1905..19d25d259 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -187,13 +187,13 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         {{ t('components.total') }}
                     </span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label"
                         >{{ t('components.baseToCommission') }}:
                     </span>
                     <span>{{ toCurrency(getBase) }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label"
                         >{{ t('components.totalWithoutVat') }}:
                     </span>
@@ -214,7 +214,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                 <QCardSection
                     v-for="(component, index) in componentsList"
                     :key="index"
-                    class="justify-center"
                     horizontal
                 >
                     <span v-if="component.name" class="q-mr-xs color-vn-label">
@@ -236,19 +235,19 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         {{ t('components.zoneBreakdown') }}
                     </span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.price') }}:
                     </span>
                     <span>{{ toCurrency(ticketData?.zonePrice, 'EUR', 2) }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.bonus') }}:
                     </span>
                     <span>{{ toCurrency(ticketData?.zoneBonus, 'EUR', 2) }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.zone') }}:
                     </span>
@@ -257,17 +256,13 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         <ZoneDescriptorProxy :id="ticketData?.zone?.id" />
                     </span>
                 </QCardSection>
-                <QCardSection
-                    v-if="ticketData?.zone?.isVolumetric"
-                    class="justify-center"
-                    horizontal
-                >
+                <QCardSection v-if="ticketData?.zone?.isVolumetric" horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.volume') }}:
                     </span>
                     <span>{{ ticketVolume }}</span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.packages') }}:
                     </span>
@@ -285,7 +280,7 @@ onUnmounted(() => (stateStore.rightDrawer = false));
                         {{ t('components.theoricalCost') }}
                     </span>
                 </QCardSection>
-                <QCardSection class="justify-center" horizontal>
+                <QCardSection horizontal>
                     <span class="q-mr-xs color-vn-label">
                         {{ t('components.totalPrice') }}:
                     </span>

From aec43cb1c5ab555d623300bbb072d4917b733384 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Thu, 4 Jul 2024 12:51:46 +0200
Subject: [PATCH 21/36] refactor: arrayData & VnCard refactor

---
 src/components/common/VnCard.vue |  2 +-
 src/composables/useArrayData.js  | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/common/VnCard.vue b/src/components/common/VnCard.vue
index c81bcd8e2..17fa74317 100644
--- a/src/components/common/VnCard.vue
+++ b/src/components/common/VnCard.vue
@@ -39,7 +39,7 @@ const arrayData = useArrayData(props.dataKey, {
 
 onBeforeMount(async () => {
     if (!props.baseUrl) arrayData.store.filter.where = { id: route.params.id };
-    await arrayData.fetch({ append: false });
+    await arrayData.fetch({ append: false, updateRouter: false });
 });
 
 if (props.baseUrl) {
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index db59b7d78..8fda4b15d 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -84,8 +84,10 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         }
 
         Object.assign(filter, store.userFilter, exprFilter);
-        Object.assign(store.filter, filter);
-        const params = { filter: store.filter };
+        const where = Object.assign(filter?.where ?? {}, store.filter?.where ?? {});
+        Object.assign(filter, store.filter);
+        filter.where = where;
+        const params = { filter };
 
         Object.assign(params, userParams);
         params.filter.skip = store.skip;
@@ -143,7 +145,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
     }
 
     async function addFilter({ filter, params }) {
-        if (filter) store.userFilter = Object.assign(store.userFilter, filter);
+        if (filter) store.filter = filter;
 
         let userParams = { ...store.userParams, ...params };
         userParams = sanitizerParams(userParams, store?.exprBuilder);
@@ -157,7 +159,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
     }
 
     async function addFilterWhere(where) {
-        const storedFilter = { ...store.userFilter };
+        const storedFilter = { ...store.filter };
         if (!storedFilter?.where) storedFilter.where = {};
         where = { ...storedFilter.where, ...where };
         await addFilter({ filter: { where } });
@@ -187,7 +189,6 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         store.page += 1;
 
         await fetch({ append: true });
-        updateStateParams();
     }
 
     async function refresh() {

From 699f09cfcff954e047b7f2a59be5851a8b2a50d9 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Thu, 4 Jul 2024 13:17:58 +0200
Subject: [PATCH 22/36] fix: where empty

---
 src/composables/useArrayData.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 8fda4b15d..e5461c872 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -84,7 +84,9 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
         }
 
         Object.assign(filter, store.userFilter, exprFilter);
-        const where = Object.assign(filter?.where ?? {}, store.filter?.where ?? {});
+        let where;
+        if (filter?.where || store.filter?.where)
+            where = Object.assign(filter?.where ?? {}, store.filter?.where ?? {});
         Object.assign(filter, store.filter);
         filter.where = where;
         const params = { filter };

From c6ae1aec36877095e899926503942dd64c8555e1 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Thu, 4 Jul 2024 13:41:43 +0200
Subject: [PATCH 23/36] refs #7366 fix travel

---
 src/pages/Travel/Card/TravelDescriptor.vue | 3 ---
 src/pages/Travel/TravelList.vue            | 6 +++++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/Travel/Card/TravelDescriptor.vue b/src/pages/Travel/Card/TravelDescriptor.vue
index b74761b37..60929031d 100644
--- a/src/pages/Travel/Card/TravelDescriptor.vue
+++ b/src/pages/Travel/Card/TravelDescriptor.vue
@@ -54,7 +54,6 @@ const entityId = computed(() => {
 });
 
 const data = ref(useCardDescription());
-const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.id));
 </script>
 
 <template>
@@ -65,8 +64,6 @@ const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.
         :subtitle="data.subtitle"
         :filter="filter"
         data-key="travelData"
-        :summary="$attrs"
-        @on-fetch="setData"
     >
         <template #menu="{ entity }">
             <TravelDescriptorMenuItems :travel="entity" />
diff --git a/src/pages/Travel/TravelList.vue b/src/pages/Travel/TravelList.vue
index 12a5fafa5..200ef817b 100644
--- a/src/pages/Travel/TravelList.vue
+++ b/src/pages/Travel/TravelList.vue
@@ -71,6 +71,7 @@ const columns = computed(() => [
             url: 'agencyModes',
             fields: ['id', 'name'],
         },
+        format: (row) => row.agencyModeName,
         columnField: {
             component: null,
         },
@@ -112,7 +113,10 @@ const columns = computed(() => [
         attrs: {
             url: 'warehouses',
             fields: ['id', 'name'],
+            optionLabel: 'name',
+            optionValue: 'id',
         },
+        format: (row) => row.warehouseInName,
         columnField: {
             component: null,
         },
@@ -129,6 +133,7 @@ const columns = computed(() => [
             url: 'warehouses',
             fields: ['id', 'name'],
         },
+        format: (row) => row.warehouseOutName,
         columnField: {
             component: null,
         },
@@ -196,7 +201,6 @@ const columns = computed(() => [
         default-mode="table"
         auto-load
         redirect="travel"
-        :right-search="false"
         :is-editable="false"
         :use-model="true"
     />

From 9b1f73d30fe58d4eab01c787fd38f6c005bef5f4 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 4 Jul 2024 08:45:51 -0300
Subject: [PATCH 24/36] Rename catalog item

---
 .../OrderCatalogItem.vue => components/ui/CatalogItem.vue}  | 0
 src/pages/Order/OrderCatalog.vue                            | 4 ++--
 src/pages/Ticket/Card/TicketPicture.vue                     | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename src/{pages/Order/Card/OrderCatalogItem.vue => components/ui/CatalogItem.vue} (100%)

diff --git a/src/pages/Order/Card/OrderCatalogItem.vue b/src/components/ui/CatalogItem.vue
similarity index 100%
rename from src/pages/Order/Card/OrderCatalogItem.vue
rename to src/components/ui/CatalogItem.vue
diff --git a/src/pages/Order/OrderCatalog.vue b/src/pages/Order/OrderCatalog.vue
index 1474bbde4..2cf6e1c29 100644
--- a/src/pages/Order/OrderCatalog.vue
+++ b/src/pages/Order/OrderCatalog.vue
@@ -4,7 +4,7 @@ import { useRoute } from 'vue-router';
 import { onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import VnPaginate from 'components/ui/VnPaginate.vue';
-import OrderCatalogItem from 'pages/Order/Card/OrderCatalogItem.vue';
+import CatalogItem from 'components/ui/CatalogItem.vue';
 import OrderCatalogFilter from 'pages/Order/Card/OrderCatalogFilter.vue';
 
 const route = useRoute();
@@ -77,7 +77,7 @@ function extractValueTags(items) {
                         <div v-if="rows && !rows?.length" class="no-result">
                             {{ t('globals.noResults') }}
                         </div>
-                        <OrderCatalogItem
+                        <CatalogItem
                             v-for="row in rows"
                             :key="row.id"
                             :item="row"
diff --git a/src/pages/Ticket/Card/TicketPicture.vue b/src/pages/Ticket/Card/TicketPicture.vue
index e319ef963..604d6c804 100644
--- a/src/pages/Ticket/Card/TicketPicture.vue
+++ b/src/pages/Ticket/Card/TicketPicture.vue
@@ -4,7 +4,7 @@ import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
 import FetchData from 'components/FetchData.vue';
-import OrderCatalogItem from 'pages/Order/Card/OrderCatalogItem.vue';
+import CatalogItem from 'components/ui/CatalogItem.vue';
 
 import { toCurrency } from 'filters/index';
 
@@ -32,7 +32,7 @@ const sales = ref([]);
         auto-load
     />
     <div class="pictures-list">
-        <OrderCatalogItem v-for="(sale, index) in sales" :key="index" :item="sale.item">
+        <CatalogItem v-for="(sale, index) in sales" :key="index" :item="sale.item">
             <template #price>
                 <div class="q-mt-md full-width row justify-between items-center">
                     <span class="text-h6">{{ sale.quantity }}</span>
@@ -40,7 +40,7 @@ const sales = ref([]);
                     <span class="text-h6">{{ toCurrency(sale.item?.price) }}</span>
                 </div>
             </template>
-        </OrderCatalogItem>
+        </CatalogItem>
     </div>
 </template>
 

From decf33c0b7efe2220afb945ff462bad632306491 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 4 Jul 2024 09:46:10 -0300
Subject: [PATCH 25/36] small changes

---
 src/i18n/locale/en.yml       | 1 +
 src/i18n/locale/es.yml       | 1 +
 src/router/modules/ticket.js | 2 +-
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/i18n/locale/en.yml b/src/i18n/locale/en.yml
index 59cd1170a..5a009a7ab 100644
--- a/src/i18n/locale/en.yml
+++ b/src/i18n/locale/en.yml
@@ -452,6 +452,7 @@ ticket:
         weeklyTickets: Weekly tickets
         services: Service
         tracking: Tracking
+        packages: Packages
     list:
         nickname: Nickname
         state: State
diff --git a/src/i18n/locale/es.yml b/src/i18n/locale/es.yml
index e35e3d41c..a5f501d51 100644
--- a/src/i18n/locale/es.yml
+++ b/src/i18n/locale/es.yml
@@ -451,6 +451,7 @@ ticket:
         weeklyTickets: Tickets programados
         services: Servicios
         tracking: Estados
+        packages: Bultos
     list:
         nickname: Alias
         state: Estado
diff --git a/src/router/modules/ticket.js b/src/router/modules/ticket.js
index e14fe7908..cc0199b49 100644
--- a/src/router/modules/ticket.js
+++ b/src/router/modules/ticket.js
@@ -194,7 +194,7 @@ export default {
                     name: 'TicketPackage',
                     meta: {
                         title: 'packages',
-                        icon: 'vn:bin',
+                        icon: 'vn:bucket',
                     },
                     component: () => import('src/pages/Ticket/Card/TicketPackage.vue'),
                 },

From 273641cd981ce7c4bda2c4391dc1d16f239d5158 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 4 Jul 2024 13:02:24 -0300
Subject: [PATCH 26/36] Change translation

---
 src/pages/Ticket/locale/es.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Ticket/locale/es.yml b/src/pages/Ticket/locale/es.yml
index 32744e557..1e13220e6 100644
--- a/src/pages/Ticket/locale/es.yml
+++ b/src/pages/Ticket/locale/es.yml
@@ -165,7 +165,7 @@ ticketSale:
     agency: Agencia
     address: Consignatario
 package:
-    package: Package
+    package: Embalaje
     quantity: Cantidad
     added: Añadido
     addPackage: Añadir embalaje

From b0ddad523134c7ebad0dd7149f78212cd0068572 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 5 Jul 2024 07:36:20 +0200
Subject: [PATCH 27/36] fix: fixed e2e tests

---
 test/cypress/integration/entry/entryDms.spec.js                | 2 +-
 test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js | 2 +-
 test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js | 2 +-
 test/cypress/integration/ticket/ticketDescriptor.spec.js       | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/cypress/integration/entry/entryDms.spec.js b/test/cypress/integration/entry/entryDms.spec.js
index 5f9fae3dd..ed4a3d79c 100644
--- a/test/cypress/integration/entry/entryDms.spec.js
+++ b/test/cypress/integration/entry/entryDms.spec.js
@@ -1,4 +1,4 @@
-describe('WagonTypeCreate', () => {
+describe('EntryDms', () => {
     const entryId = 1;
 
     beforeEach(() => {
diff --git a/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js b/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js
index 7863d6bfa..2e3098502 100644
--- a/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js
@@ -10,7 +10,7 @@ describe('InvoiceInCorrective', () => {
         cy.login('developer');
         cy.visit(`/#/invoice-in/1/summary?limit=10`);
 
-        cy.openActionsDescriptor();
+        cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
 
         cy.get(createRectificative).click();
         cy.get(saveDialog).click();
diff --git a/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js b/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js
index a2e9998bb..421d0d20e 100644
--- a/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js
@@ -8,7 +8,7 @@ describe('InvoiceInDescriptor', () => {
         cy.login('developer');
         cy.visit('/#/invoice-in/1/summary');
 
-        cy.openActionsDescriptor();
+        cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
         cy.get(firstDescritorOpt).click();
         cy.get(dialogBtns).eq(1).click();
         cy.get(isBookedField).should('have.attr', 'aria-checked', 'true');
diff --git a/test/cypress/integration/ticket/ticketDescriptor.spec.js b/test/cypress/integration/ticket/ticketDescriptor.spec.js
index fc920f346..7f5dc52bf 100644
--- a/test/cypress/integration/ticket/ticketDescriptor.spec.js
+++ b/test/cypress/integration/ticket/ticketDescriptor.spec.js
@@ -13,7 +13,7 @@ describe('Ticket descriptor', () => {
 
     it('should clone the ticket without warehouse', () => {
         cy.openLeftMenu();
-        cy.openActionsDescriptor();
+        cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
         cy.get(toCloneOpt).click();
         cy.clickConfirm();
         cy.get(warehouseValue).contains('-');

From 9b3bb6ce3a2139a645575b5eea150cdc1afd7dc9 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 5 Jul 2024 07:53:12 +0200
Subject: [PATCH 28/36] refactor: refactored test e2e & changed
 openActionsDescriptor function

---
 test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js | 2 +-
 test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js | 2 +-
 test/cypress/integration/ticket/ticketDescriptor.spec.js       | 2 +-
 test/cypress/support/commands.js                               | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js b/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js
index 2e3098502..7863d6bfa 100644
--- a/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInCorrective.spec.js
@@ -10,7 +10,7 @@ describe('InvoiceInCorrective', () => {
         cy.login('developer');
         cy.visit(`/#/invoice-in/1/summary?limit=10`);
 
-        cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
+        cy.openActionsDescriptor();
 
         cy.get(createRectificative).click();
         cy.get(saveDialog).click();
diff --git a/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js b/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js
index 421d0d20e..a2e9998bb 100644
--- a/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js
+++ b/test/cypress/integration/invoiceIn/invoiceInDescriptor.spec.js
@@ -8,7 +8,7 @@ describe('InvoiceInDescriptor', () => {
         cy.login('developer');
         cy.visit('/#/invoice-in/1/summary');
 
-        cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
+        cy.openActionsDescriptor();
         cy.get(firstDescritorOpt).click();
         cy.get(dialogBtns).eq(1).click();
         cy.get(isBookedField).should('have.attr', 'aria-checked', 'true');
diff --git a/test/cypress/integration/ticket/ticketDescriptor.spec.js b/test/cypress/integration/ticket/ticketDescriptor.spec.js
index 7f5dc52bf..fc920f346 100644
--- a/test/cypress/integration/ticket/ticketDescriptor.spec.js
+++ b/test/cypress/integration/ticket/ticketDescriptor.spec.js
@@ -13,7 +13,7 @@ describe('Ticket descriptor', () => {
 
     it('should clone the ticket without warehouse', () => {
         cy.openLeftMenu();
-        cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
+        cy.openActionsDescriptor();
         cy.get(toCloneOpt).click();
         cy.clickConfirm();
         cy.get(warehouseValue).contains('-');
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index 4ed940ecd..38a23f71c 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -239,5 +239,5 @@ Cypress.Commands.add('validateContent', (selector, expectedValue) => {
 });
 
 Cypress.Commands.add('openActionsDescriptor', () => {
-    cy.get('.descriptor > .header > .q-btn').click();
+    cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
 });

From 26ad3d29c788c88b9eb84c2ba8ade357cd7492f1 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Fri, 5 Jul 2024 08:50:32 +0200
Subject: [PATCH 29/36] comment e2e

---
 .../cypress/integration/entry/myEntry.spec.js | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/test/cypress/integration/entry/myEntry.spec.js b/test/cypress/integration/entry/myEntry.spec.js
index 14c09176e..fc80c93f8 100644
--- a/test/cypress/integration/entry/myEntry.spec.js
+++ b/test/cypress/integration/entry/myEntry.spec.js
@@ -1,20 +1,20 @@
-describe('WagonTypeCreate', () => {
-    beforeEach(() => {
-        cy.viewport(1920, 1080);
-        cy.login('customer');
-        cy.visit(`/#/entry/my`, {
-            onBeforeLoad(win) {
-                cy.stub(win, 'open');
-            },
-        });
-        cy.waitForElement('.q-page', 6000);
-    });
+// describe('WagonTypeCreate', () => {
+//     beforeEach(() => {
+//         cy.viewport(1920, 1080);
+//         cy.login('customer');
+//         cy.visit(`/#/entry/my`, {
+//             onBeforeLoad(win) {
+//                 cy.stub(win, 'open');
+//             },
+//         });
+//         cy.waitForElement('.q-page', 6000);
+//     });
 
-    it('should create edit and remove new dms', () => {
-        cy.get(
-            '[to="/null/2"] > .q-card > .column > .q-btn > .q-btn__content > .q-icon'
-        ).click();
-        cy.get('.q-card__actions > .q-btn').click();
-        cy.window().its('open').should('be.called');
-    });
-});
+//     it('should create edit and remove new dms', () => {
+//         cy.get(
+//             '[to="/null/2"] > .q-card > .column > .q-btn > .q-btn__content > .q-icon'
+//         ).click();
+//         cy.get('.q-card__actions > .q-btn').click();
+//         cy.window().its('open').should('be.called');
+//     });
+// });

From dc923ed36c9dba3b7b03ccfd1dd527c0ac3d8eea Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Fri, 5 Jul 2024 09:07:18 +0200
Subject: [PATCH 30/36] refs #7366 fix descriptor

---
 src/pages/Travel/Card/TravelDescriptor.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/Travel/Card/TravelDescriptor.vue b/src/pages/Travel/Card/TravelDescriptor.vue
index 60929031d..bda29903b 100644
--- a/src/pages/Travel/Card/TravelDescriptor.vue
+++ b/src/pages/Travel/Card/TravelDescriptor.vue
@@ -54,6 +54,7 @@ const entityId = computed(() => {
 });
 
 const data = ref(useCardDescription());
+const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.id));
 </script>
 
 <template>
@@ -64,6 +65,7 @@ const data = ref(useCardDescription());
         :subtitle="data.subtitle"
         :filter="filter"
         data-key="travelData"
+        @on-fetch="setData"
     >
         <template #menu="{ entity }">
             <TravelDescriptorMenuItems :travel="entity" />

From 4ebcb420c3ba4c07c995e633ea8d39f0f91a3ca9 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 5 Jul 2024 09:31:05 +0200
Subject: [PATCH 31/36] test: fix myEntry

---
 .../cypress/integration/entry/myEntry.spec.js | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/test/cypress/integration/entry/myEntry.spec.js b/test/cypress/integration/entry/myEntry.spec.js
index fc80c93f8..bd0e55c37 100644
--- a/test/cypress/integration/entry/myEntry.spec.js
+++ b/test/cypress/integration/entry/myEntry.spec.js
@@ -1,20 +1,20 @@
-// describe('WagonTypeCreate', () => {
-//     beforeEach(() => {
-//         cy.viewport(1920, 1080);
-//         cy.login('customer');
-//         cy.visit(`/#/entry/my`, {
-//             onBeforeLoad(win) {
-//                 cy.stub(win, 'open');
-//             },
-//         });
-//         cy.waitForElement('.q-page', 6000);
-//     });
+describe('My entry when is supplier', () => {
+    beforeEach(() => {
+        cy.viewport(1920, 1080);
+        cy.login('supplier');
+        cy.visit(`/#/entry/my`, {
+            onBeforeLoad(win) {
+                cy.stub(win, 'open');
+            },
+        });
+        cy.waitForElement('.q-page', 6000);
+    });
 
-//     it('should create edit and remove new dms', () => {
-//         cy.get(
-//             '[to="/null/2"] > .q-card > .column > .q-btn > .q-btn__content > .q-icon'
-//         ).click();
-//         cy.get('.q-card__actions > .q-btn').click();
-//         cy.window().its('open').should('be.called');
-//     });
-// });
+    it('should open buyLabel when is supplier', () => {
+        cy.get(
+            '[to="/null/2"] > .q-card > .column > .q-btn > .q-btn__content > .q-icon'
+        ).click();
+        cy.get('.q-card__actions > .q-btn').click();
+        cy.window().its('open').should('be.called');
+    });
+});

From 3490ba1a8c929942cf6099eb8bc29ce3babfa1ab Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 5 Jul 2024 11:36:37 -0300
Subject: [PATCH 32/36] Add input type number

---
 src/pages/Ticket/Card/TicketPackage.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/Ticket/Card/TicketPackage.vue b/src/pages/Ticket/Card/TicketPackage.vue
index 959f45b81..8a8f688d1 100644
--- a/src/pages/Ticket/Card/TicketPackage.vue
+++ b/src/pages/Ticket/Card/TicketPackage.vue
@@ -89,6 +89,8 @@ watch(
                             :label="t('package.quantity')"
                             v-model="row.quantity"
                             class="col"
+                            type="number"
+                            min="1"
                         />
                         <VnInputDate :label="t('package.added')" v-model="row.created" />
                         <QIcon

From b87e88ae7ff00f90e2439216ecc057576651d80a Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 5 Jul 2024 12:04:18 -0300
Subject: [PATCH 33/36] Handle quantity empty value

---
 src/pages/Ticket/Card/TicketPackage.vue | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketPackage.vue b/src/pages/Ticket/Card/TicketPackage.vue
index 8a8f688d1..9583d6662 100644
--- a/src/pages/Ticket/Card/TicketPackage.vue
+++ b/src/pages/Ticket/Card/TicketPackage.vue
@@ -30,6 +30,10 @@ const crudModelRequiredData = computed(() => ({
     ticketFk: route.params.id,
 }));
 
+const handleInputQuantityClear = (row) => {
+    if (row.quantity === null || row.quantity === undefined) row.quantity = 0;
+};
+
 watch(
     () => route.params.id,
     async () => {
@@ -59,7 +63,7 @@ watch(
             auto-load
             style="max-width: 800px"
         >
-            <template #body="{ rows }">
+            <template #body="{ rows, validate }">
                 <QCard class="q-px-lg q-py-md">
                     <div
                         v-for="(row, index) in rows"
@@ -77,7 +81,9 @@ watch(
                             <template #option="scope">
                                 <QItem v-bind="scope.itemProps">
                                     <QItemSection>
-                                        <QItemLabel>{{ scope.opt?.name }} </QItemLabel>
+                                        <QItemLabel>
+                                            {{ scope.opt?.name }}
+                                        </QItemLabel>
                                         <QItemLabel caption>
                                             #{{ scope.opt?.itemFk }}
                                         </QItemLabel>
@@ -87,10 +93,13 @@ watch(
                         </VnSelect>
                         <VnInput
                             :label="t('package.quantity')"
-                            v-model="row.quantity"
+                            v-model.number="row.quantity"
                             class="col"
                             type="number"
                             min="1"
+                            :required="true"
+                            @update:model-value="handleInputQuantityClear(row)"
+                            :rules="validate('TicketPackaging.quantity')"
                         />
                         <VnInputDate :label="t('package.added')" v-model="row.created" />
                         <QIcon

From 98595e9ce4b1a7e42b6dbc0b3cf04d8d5eb3bbbf Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 5 Jul 2024 16:53:39 -0300
Subject: [PATCH 34/36] Add ticket price

---
 src/pages/Ticket/Card/TicketPicture.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Ticket/Card/TicketPicture.vue b/src/pages/Ticket/Card/TicketPicture.vue
index 604d6c804..d6cc19bd1 100644
--- a/src/pages/Ticket/Card/TicketPicture.vue
+++ b/src/pages/Ticket/Card/TicketPicture.vue
@@ -37,7 +37,7 @@ const sales = ref([]);
                 <div class="q-mt-md full-width row justify-between items-center">
                     <span class="text-h6">{{ sale.quantity }}</span>
                     <span>{{ t('by') }}</span>
-                    <span class="text-h6">{{ toCurrency(sale.item?.price) }}</span>
+                    <span class="text-h6">{{ toCurrency(sale?.price) }}</span>
                 </div>
             </template>
         </CatalogItem>

From 1de091da47312dabd4093abb31b7a69a468f478f Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 5 Jul 2024 17:03:31 -0300
Subject: [PATCH 35/36] Initial value of quantity 0

---
 src/pages/Ticket/Card/TicketPackage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Ticket/Card/TicketPackage.vue b/src/pages/Ticket/Card/TicketPackage.vue
index 9583d6662..a76fce2b6 100644
--- a/src/pages/Ticket/Card/TicketPackage.vue
+++ b/src/pages/Ticket/Card/TicketPackage.vue
@@ -25,7 +25,7 @@ const crudModelFilter = reactive({
 
 const crudModelRequiredData = computed(() => ({
     packagingFk: null,
-    quantity: null,
+    quantity: 0,
     created: Date.vnNew(),
     ticketFk: route.params.id,
 }));

From d2c4c65b009c1e8231572ef4da841130294cf175 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 8 Jul 2024 09:05:03 +0200
Subject: [PATCH 36/36] fix

---
 src/pages/Customer/CustomerList.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index 58aaf2bf0..394c472c2 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -408,7 +408,6 @@ function handleLocation(data, location) {
         default-mode="table"
         redirect="customer"
         auto-load
-        :disable-option="{ card: true }"
     >
         <template #more-create-dialog="{ data }">
             <VnLocation