From 6c97f5eeb3d2dd72847483ce42fb20da072355b9 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 2 Oct 2024 08:37:03 +0000
Subject: [PATCH 01/60] fix: CustomerList form salesPersons options

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

diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index f6758bf4e..ef9916db1 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -68,7 +68,7 @@ const columns = computed(() => [
             fields: ['id', 'name'],
             where: { role: 'salesPerson' },
             optionFilter: 'firstName',
-            useLike: false,
+            useLike: true,
         },
         create: false,
         columnField: {
@@ -425,7 +425,7 @@ function handleLocation(data, location) {
                 }"
                 :fields="['id', 'nickname']"
                 sort-by="nickname ASC"
-                :use-like="false"
+                :use-like="true"
                 emit-value
                 auto-load
             >
-- 
2.40.1


From aa41f0d8269344b001e88b4d9608ce8c89ea4f03 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 2 Oct 2024 08:38:54 +0000
Subject: [PATCH 02/60] fix: CustomerList form salesPersons options

---
 src/pages/Customer/CustomerList.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index ef9916db1..43646d345 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -67,8 +67,7 @@ const columns = computed(() => [
             url: 'Workers/activeWithInheritedRole',
             fields: ['id', 'name'],
             where: { role: 'salesPerson' },
-            optionFilter: 'firstName',
-            useLike: true,
+            optionFilter: 'firstName'
         },
         create: false,
         columnField: {
@@ -423,9 +422,10 @@ function handleLocation(data, location) {
                 :params="{
                     departmentCodes: ['VT', 'shopping'],
                 }"
-                :fields="['id', 'nickname']"
+                :fields="['id', 'nickname', 'code']"
                 sort-by="nickname ASC"
-                :use-like="true"
+                option-label="nickname"
+                option-value="id"
                 emit-value
                 auto-load
             >
-- 
2.40.1


From 860370019e91819b25da4638c384ccc3068854bd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 00:35:11 +0200
Subject: [PATCH 03/60] style: #6321Customer updatees

---
 src/components/common/VnTitle.vue             |  2 +-
 src/components/ui/VnLinkMail.vue              | 16 ++++
 src/components/ui/VnLinkPhone.vue             |  2 +
 .../Customer/Card/CustomerDescriptor.vue      | 60 ++++++++++++++-
 .../Customer/Card/CustomerDescriptorMenu.vue  |  4 +-
 src/pages/Customer/Card/CustomerSummary.vue   | 11 ++-
 .../integration/client/ClientList.spec.js     | 75 +++++++++++++++++++
 7 files changed, 164 insertions(+), 6 deletions(-)
 create mode 100644 src/components/ui/VnLinkMail.vue
 create mode 100644 test/cypress/integration/client/ClientList.spec.js

diff --git a/src/components/common/VnTitle.vue b/src/components/common/VnTitle.vue
index 1fbd43972..89dd8cd0c 100644
--- a/src/components/common/VnTitle.vue
+++ b/src/components/common/VnTitle.vue
@@ -8,7 +8,7 @@ defineProps({
 <template>
     <div :class="$q.screen.gt.md ? 'q-pb-lg' : 'q-pb-md'">
         <div class="header-link" :style="{ cursor: url ? 'pointer' : 'default' }">
-            <a :href="url" :class="url ? 'link' : 'color-vn-text'">
+            <a :href="url" :class="url ? 'link' : 'color-vn-text'" v-bind="$attrs">
                 {{ text }}
                 <QIcon v-if="url" :name="icon" />
             </a>
diff --git a/src/components/ui/VnLinkMail.vue b/src/components/ui/VnLinkMail.vue
new file mode 100644
index 000000000..a54f463f5
--- /dev/null
+++ b/src/components/ui/VnLinkMail.vue
@@ -0,0 +1,16 @@
+<script setup>
+defineProps({ email: { type: [String], default: null } });
+</script>
+<template>
+    <QBtn
+        v-if="email"
+        flat
+        round
+        icon="email"
+        size="sm"
+        color="primary"
+        padding="none"
+        :href="`mailto:${email}`"
+        @click.stop
+    />
+</template>
diff --git a/src/components/ui/VnLinkPhone.vue b/src/components/ui/VnLinkPhone.vue
index 3ce0b7aa6..946f90c6a 100644
--- a/src/components/ui/VnLinkPhone.vue
+++ b/src/components/ui/VnLinkPhone.vue
@@ -2,6 +2,8 @@
 defineProps({ phoneNumber: { type: [String, Number], default: null } });
 </script>
 <template>
+    <q-btn round color="secondary" name="add" />
+    <QIcon round color="primary" name="add_circle" />
     <QBtn
         v-if="phoneNumber"
         flat
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 43103bd68..e3ede400e 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -12,6 +12,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import CustomerDescriptorMenu from './CustomerDescriptorMenu.vue';
 import { useState } from 'src/composables/useState';
+import { QIcon } from 'quasar';
 const state = useState();
 
 const customer = computed(() => state.get('customer'));
@@ -150,7 +151,7 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
             </QCardActions>
         </template>
         <template #actions="{ entity }">
-            <QCardActions class="flex justify-center">
+            <QCardActions class="flex justify-center" style="padding-inline: 0">
                 <QBtn
                     :to="{
                         name: 'TicketList',
@@ -168,6 +169,28 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                 >
                     <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
                 </QBtn>
+                <QBtn
+                    target="_blank"
+                    :to="{
+                        name: 'TicketList',
+                        query: { createForm: JSON.stringify({ clientFk: entity.id }) },
+                    }"
+                    size="md"
+                    color="primary"
+                >
+                    <template #default>
+                        <QTooltip>{{ t('New order') }}</QTooltip>
+                        <div class="icon-container">
+                            <QIcon class="icon second-icon" name="vn:ticket" />
+                            <QIcon
+                                class="fill-icon icon first-icon"
+                                round
+                                size="xs"
+                                name="add_circle"
+                            />
+                        </div>
+                    </template>
+                </QBtn>
                 <QBtn
                     :to="{
                         name: 'InvoiceOutList',
@@ -179,6 +202,18 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                 >
                     <QTooltip>{{ t('Customer invoice out list') }}</QTooltip>
                 </QBtn>
+                <QBtn
+                    :to="{
+                        name: 'OrderList',
+                        query: { createForm: JSON.stringify({ clientFk: entity.id }) },
+                    }"
+                    size="md"
+                    target="_blank"
+                    icon="vn:basketadd"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('New order') }}</QTooltip>
+                </QBtn>
                 <QBtn
                     :to="{
                         name: 'AccountSummary',
@@ -215,6 +250,7 @@ es:
     Go to module index: Ir al índice del módulo
     Customer ticket list: Listado de tickets del cliente
     Customer invoice out list: Listado de facturas del cliente
+    New order: Nuevo pedido
     Go to user: Ir al usuario
     Go to supplier: Ir al proveedor
     Customer unpaid: Cliente impago
@@ -222,3 +258,25 @@ es:
     unpaidDated: 'Fecha {dated}'
     unpaidAmount: 'Importe {amount}'
 </i18n>
+<style>
+.icon-container {
+    position: relative;
+    width: 24px; /* Ajusta el ancho del contenedor según el tamaño de tus íconos */
+    height: 25px; /* Ajusta la altura del contenedor según el tamaño de tus íconos */
+}
+
+.icon {
+    position: absolute;
+    /* font-size: 1.715em; */
+    /* zoom: 0.8; */
+}
+
+.first-icon {
+    top: 12px;
+    left: 14px;
+}
+
+.second-icon {
+    right: 2px; /* Espacio a la izquierda del segundo ícono */
+}
+</style>
diff --git a/src/pages/Customer/Card/CustomerDescriptorMenu.vue b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
index 89b10a4fe..6b5131e93 100644
--- a/src/pages/Customer/Card/CustomerDescriptorMenu.vue
+++ b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
@@ -55,7 +55,7 @@ const openOrderCreateForm = () => {
 </script>
 
 <template>
-    <QItem v-ripple clickable @click="openTicketCreateForm()">
+    <!-- <QItem v-ripple clickable @click="openTicketCreateForm()">
         <QItemSection>
             {{ t('globals.pageTitles.createTicket') }}
             <QDialog ref="ticketCreateFormDialog">
@@ -70,7 +70,7 @@ const openOrderCreateForm = () => {
                 <OrderCreateDialog :client-fk="customer.id" />
             </QDialog>
         </QItemSection>
-    </QItem>
+    </QItem> -->
     <QItem v-ripple clickable>
         <QItemSection @click="showSmsDialog()">{{ t('Send SMS') }}</QItemSection>
     </QItem>
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 8b5f0f2c2..9a0426c35 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -8,6 +8,7 @@ import { toCurrency, toPercentage, toDate } from 'src/filters';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
+import VnLinkMail from 'src/components/ui/VnLinkMail.vue';
 import CustomerSummaryTable from 'src/pages/Customer/components/CustomerSummaryTable.vue';
 import VnTitle from 'src/components/common/VnTitle.vue';
 import VnRow from 'src/components/ui/VnRow.vue';
@@ -89,7 +90,11 @@ const sumRisk = ({ clientRisks }) => {
                         <VnLinkPhone :phone-number="entity.mobile" />
                     </template>
                 </VnLv>
-                <VnLv :label="t('customer.summary.email')" :value="entity.email" copy />
+                <VnLv :value="entity.email" copy
+                    ><template #label>
+                        {{ t('customer.summary.email') }}
+                        <VnLinkMail email="entity.email"></VnLinkMail> </template
+                ></VnLv>
                 <VnLv
                     :label="t('customer.summary.salesPerson')"
                     :value="entity?.salesPersonUser?.name"
@@ -222,6 +227,7 @@ const sumRisk = ({ clientRisks }) => {
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
                 <VnTitle
+                    target="_blank"
                     :url="`${grafanaUrl}/d/adjlxzv5yjt34d/analisis-de-clientes-7c-crm?orgId=1&var-clientFk=${entityId}`"
                     :text="t('customer.summary.businessData')"
                     icon="vn:grafana"
@@ -249,8 +255,9 @@ const sumRisk = ({ clientRisks }) => {
             </QCard>
             <QCard class="vn-one" v-if="entity.account">
                 <VnTitle
+                    target="_blank"
                     :url="`${grafanaUrl}/d/40buzE4Vk/comportamiento-pagos-clientes?orgId=1&var-clientFk=${entityId}`"
-                    :text="t('customer.summary.payMethodFk')"
+                    :text="t('customer.summary.financialData')"
                     icon="vn:grafana"
                 />
                 <VnLv
diff --git a/test/cypress/integration/client/ClientList.spec.js b/test/cypress/integration/client/ClientList.spec.js
new file mode 100644
index 000000000..712344837
--- /dev/null
+++ b/test/cypress/integration/client/ClientList.spec.js
@@ -0,0 +1,75 @@
+/// <reference types="cypress" />
+describe('Handle Client list', () => {
+    const firstRow = 'tbody.q-virtual-scroll__content tr:nth-child(7)';
+    const firstId = `${firstRow} > td:nth-child(1) span`;
+    const firstDetailBtn = `${firstRow} .q-btn:nth-child(1)`;
+    const summaryHeaders = '.summaryBody .header-link';
+    const dialogInputs = '.q-dialog input';
+
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('/#/customer/list', { timeout: 5000 });
+    });
+    it('Client list create new client', () => {
+        const dialogInputs = '.q-dialog label input';
+
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        const data = {
+            Name: { val: 'Name 1' },
+            'Social name': { val: 'TEST 1' },
+            'Tax number': { val: '20852113Z' },
+            'Web user': { val: 'user_test_1' },
+            Street: { val: 'C/ STREET 1' },
+            Email: { val: 'user.test@1.com' },
+            'Business type': { val: 'Otros', type: 'select' },
+            'Sales person': { val: 'salesboss', type: 'select' },
+            Location: { val: '46000, Valencia(Province one), España', type: 'select' },
+        };
+        cy.fillInForm(data);
+        // cy.get(dialogInputs).eq(0).type('NAME 1');
+        // cy.get(dialogInputs).eq(1).type('TEST 1');
+        // cy.get(dialogInputs).eq(2).type('20852113Z');
+        // cy.get(dialogInputs).eq(3).type('C/ STREET 1');
+        // cy.get(dialogInputs).eq(8).type('user_test_1');
+        // cy.get(dialogInputs).eq(9).type('user.test@1.com');
+        // cy.selectOption('.q-dialog input', 'Others');
+        // cy.get(
+        //     '.q-field--float > .q-field__inner > .q-field__control > .q-field__control-container'
+        // ).click();
+        // cy.selectOption(
+        //     '.q-dialog label input  > :nth-child(5) > .q-select > .q-field__inner > .q-field__control ',
+        //     'salesBoss'
+        // );
+        // cy.get(
+        //     '.q-dialog > .q-card> .grid-create >input>:nth-child(5) > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
+        // ).click();
+        // cy.selectOption(
+        //     '.q-dialog > .q-field__inner > .q-field__control > .q-field__control-container >:nth-child(6)',
+        //     'salesBoss'
+        // );
+        // cy.get(dialogInputs).eq(7).type('46000, Valencia(Province one), España');
+        cy.get('.q-mt-lg > .q-btn--standard').click();
+
+        cy.get('.q-notification__message').should('have.text', 'Data created');
+        cy.url().should('include', '/summary');
+    });
+    xit('should redirect on clicking a invoice', () => {
+        cy.get(firstId)
+            .invoke('text')
+            .then((content) => {
+                const id = content.replace(/\D/g, '');
+                cy.get(firstRow).click();
+                cy.url().should('include', `/invoice-in/${id}/summary`);
+            });
+    });
+
+    xit('should open the details', () => {
+        cy.get(firstDetailBtn).click();
+        cy.get(summaryHeaders).eq(1).contains('Basic data');
+        cy.get(summaryHeaders).eq(4).contains('Vat');
+    });
+    xit('Create and go', function () {
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+    });
+});
-- 
2.40.1


From cbb7bea54536adb56f01a4b91555c30df4ff2e54 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 00:58:14 +0200
Subject: [PATCH 04/60] fix: createForm

---
 src/components/ui/VnLinkPhone.vue           |  2 -
 src/pages/Customer/Card/CustomerSummary.vue | 47 +++++++++++----------
 src/pages/Order/OrderList.vue               | 11 ++++-
 src/pages/Ticket/TicketList.vue             | 15 ++++++-
 4 files changed, 46 insertions(+), 29 deletions(-)

diff --git a/src/components/ui/VnLinkPhone.vue b/src/components/ui/VnLinkPhone.vue
index 946f90c6a..3ce0b7aa6 100644
--- a/src/components/ui/VnLinkPhone.vue
+++ b/src/components/ui/VnLinkPhone.vue
@@ -2,8 +2,6 @@
 defineProps({ phoneNumber: { type: [String, Number], default: null } });
 </script>
 <template>
-    <q-btn round color="secondary" name="add" />
-    <QIcon round color="primary" name="add_circle" />
     <QBtn
         v-if="phoneNumber"
         flat
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 9a0426c35..852ace26b 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -1,11 +1,10 @@
 <script setup>
-import { computed, ref } from 'vue';
+import { computed, ref, onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import VnUserLink from 'src/components/ui/VnUserLink.vue';
-
 import { toCurrency, toPercentage, toDate } from 'src/filters';
 import CardSummary from 'components/ui/CardSummary.vue';
+import { getUrl } from 'src/composables/getUrl';
 import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import VnLinkMail from 'src/components/ui/VnLinkMail.vue';
@@ -26,6 +25,11 @@ const $props = defineProps({
 const entityId = computed(() => $props.id || route.params.id);
 const customer = computed(() => summary.value.entity);
 const summary = ref();
+const clientUrl = ref();
+
+onMounted(async () => {
+    clientUrl.value = (await getUrl('client/')) + entityId.value + '/';
+});
 
 const balanceDue = computed(() => {
     return (
@@ -38,11 +42,11 @@ const balanceDue = computed(() => {
 const balanceDueWarning = computed(() => (balanceDue.value ? 'negative' : ''));
 
 const claimRate = computed(() => {
-    return customer.value.claimsRatio?.claimingRate ?? 0;
+    return customer.value.claimsRatio.claimingRate;
 });
 
 const priceIncreasingRate = computed(() => {
-    return customer.value.claimsRatio?.priceIncreasing ?? 0 / 100;
+    return customer.value.claimsRatio.priceIncreasing / 100;
 });
 
 const debtWarning = computed(() => {
@@ -56,11 +60,6 @@ const creditWarning = computed(() => {
 
     return tooMuchInsurance || noCreditInsurance ? 'negative' : '';
 });
-const sumRisk = ({ clientRisks }) => {
-    let total = clientRisks.reduce((acc, { amount }) => acc + amount, 0);
-
-    return total;
-};
 </script>
 
 <template>
@@ -98,13 +97,7 @@ const sumRisk = ({ clientRisks }) => {
                 <VnLv
                     :label="t('customer.summary.salesPerson')"
                     :value="entity?.salesPersonUser?.name"
-                >
-                    <template #value>
-                        <VnUserLink
-                            :name="entity.salesPersonUser?.name"
-                            :worker-id="entity.salesPersonFk"
-                        /> </template
-                ></VnLv>
+                />
                 <VnLv
                     :label="t('customer.summary.contactChannel')"
                     :value="entity?.contactChannel?.name"
@@ -144,7 +137,7 @@ const sumRisk = ({ clientRisks }) => {
                     :url="`#/customer/${entityId}/fiscal-data`"
                     :text="t('customer.summary.fiscalData')"
                 />
-                <VnRow class="block">
+                <VnRow>
                     <VnLv
                         :label="t('customer.summary.isEqualizated')"
                         :value="entity.isEqualizated"
@@ -153,6 +146,8 @@ const sumRisk = ({ clientRisks }) => {
                         :label="t('customer.summary.isActive')"
                         :value="entity.isActive"
                     />
+                </VnRow>
+                <VnRow>
                     <VnLv
                         :label="t('customer.summary.verifiedData')"
                         :value="entity.isTaxDataChecked"
@@ -161,6 +156,8 @@ const sumRisk = ({ clientRisks }) => {
                         :label="t('customer.summary.hasToInvoice')"
                         :value="entity.hasToInvoice"
                     />
+                </VnRow>
+                <VnRow>
                     <VnLv
                         :label="t('customer.summary.notifyByEmail')"
                         :value="entity.isToBeMailed"
@@ -171,7 +168,7 @@ const sumRisk = ({ clientRisks }) => {
             <QCard class="vn-one">
                 <VnTitle
                     :url="`#/customer/${entityId}/billing-data`"
-                    :text="t('customer.summary.payMethodFk')"
+                    :text="t('customer.summary.billingData')"
                 />
                 <VnLv
                     :label="t('customer.summary.payMethod')"
@@ -179,7 +176,7 @@ const sumRisk = ({ clientRisks }) => {
                 />
                 <VnLv :label="t('customer.summary.bankAccount')" :value="entity.iban" />
                 <VnLv :label="t('customer.summary.dueDay')" :value="entity.dueDay" />
-                <VnRow class="q-mt-sm block">
+                <VnRow class="q-mt-sm" wrap>
                     <VnLv :label="t('customer.summary.hasLcr')" :value="entity.hasLcr" />
                     <VnLv
                         :label="t('customer.summary.hasCoreVnl')"
@@ -194,7 +191,7 @@ const sumRisk = ({ clientRisks }) => {
             </QCard>
             <QCard class="vn-one" v-if="entity.defaultAddress">
                 <VnTitle
-                    :url="`#/customer/${entityId}/address`"
+                    :url="`#/customer/${entityId}/consignees`"
                     :text="t('customer.summary.consignee')"
                 />
                 <VnLv
@@ -241,6 +238,7 @@ const sumRisk = ({ clientRisks }) => {
                     :value="toCurrency(entity?.mana?.mana)"
                 />
                 <VnLv
+                    v-if="entity.claimsRatio"
                     :label="t('customer.summary.priceIncreasingRate')"
                     :value="toPercentage(priceIncreasingRate)"
                 />
@@ -249,6 +247,7 @@ const sumRisk = ({ clientRisks }) => {
                     :value="toCurrency(entity?.averageInvoiced?.invoiced)"
                 />
                 <VnLv
+                    v-if="entity.claimsRatio"
                     :label="t('customer.summary.claimRate')"
                     :value="toPercentage(claimRate)"
                 />
@@ -275,13 +274,15 @@ const sumRisk = ({ clientRisks }) => {
                 />
 
                 <VnLv
+                    v-if="entity.creditInsurance"
                     :label="t('customer.summary.securedCredit')"
                     :value="toCurrency(entity.creditInsurance)"
                     :info="t('customer.summary.securedCreditInfo')"
                 />
+
                 <VnLv
                     :label="t('customer.summary.balance')"
-                    :value="toCurrency(sumRisk(entity)) || toCurrency(0)"
+                    :value="toCurrency(entity.sumRisk) || toCurrency(0)"
                     :info="t('customer.summary.balanceInfo')"
                 />
 
@@ -308,7 +309,7 @@ const sumRisk = ({ clientRisks }) => {
                     :value="entity.recommendedCredit"
                 />
             </QCard>
-            <QCard>
+            <QCard class="vn-one">
                 <VnTitle :text="t('Latest tickets')" />
                 <CustomerSummaryTable />
             </QCard>
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index d96a33ef5..9609d917c 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -1,7 +1,7 @@
 <script setup>
 import axios from 'axios';
 import { useI18n } from 'vue-i18n';
-import { computed, ref } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import { dashIfEmpty, toCurrency, toDate } from 'src/filters';
 import OrderSummary from 'pages/Order/Card/OrderSummary.vue';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
@@ -14,6 +14,7 @@ import OrderFilter from './Card/OrderFilter.vue';
 import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vue';
 import WorkerDescriptorProxy from '../Worker/Card/WorkerDescriptorProxy.vue';
 import { toDateTimeFormat } from 'src/filters/date';
+import { useRoute } from 'vue-router';
 
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
@@ -21,6 +22,7 @@ const tableRef = ref();
 const agencyList = ref([]);
 const addressesList = ref([]);
 const clientId = ref();
+const route = useRoute();
 
 const columns = computed(() => [
     {
@@ -141,7 +143,12 @@ const columns = computed(() => [
         ],
     },
 ]);
-
+onMounted(() => {
+    if (!route.query.createForm) return;
+    const clientId = route.query.createForm;
+    const id = JSON.parse(clientId);
+    fetchClientAddress(id.clientFk, id);
+});
 async function fetchClientAddress(id, formData) {
     const { data } = await axios.get(`Clients/${id}`, {
         params: { filter: { include: { relation: 'addresses' } } },
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index bd0bda6e3..f924221d7 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -141,6 +141,16 @@ const columns = computed(() => [
         ],
     },
 ]);
+onMounted(() => {
+    if (!route.query.createForm) return;
+    const clientId = route.query.createForm;
+    const id = JSON.parse(clientId);
+    console.error('id: ', id);
+});
+function redirectToLines(id) {
+    const url = `#/ticket/${id}/sale`;
+    window.open(url, '_blank');
+}
 
 const onClientSelected = async (formData) => {
     await fetchClient(formData);
@@ -238,7 +248,7 @@ onMounted(() => {
             urlCreate: 'Tickets/new',
             title: t('ticketList.createTicket'),
             onDataSaved: ({ id }) => tableRef.redirect(id),
-            formInitialData: {},
+            formInitialData: { clientFk: null },
         }"
         default-mode="table"
         :order="['shippedDate DESC', 'shippedHour ASC', 'zoneLanding ASC', 'id']"
@@ -250,10 +260,11 @@ onMounted(() => {
     >
         <template #more-create-dialog="{ data }">
             <VnRow>
+                {{ clientId }}
                 <VnSelect
                     url="Clients"
                     :label="t('ticketList.client')"
-                    v-model="data.clientId"
+                    v-model="data.clientFk"
                     :options="clientsOptions"
                     option-value="id"
                     option-label="name"
-- 
2.40.1


From 90610cb8323276d1dc8fa2e15dbc11d64c290a56 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 01:23:27 +0200
Subject: [PATCH 05/60] feat: #6942 CustomerDescriptor

---
 src/pages/Customer/Card/CustomerDescriptor.vue |  5 +++--
 src/pages/Order/OrderList.vue                  |  3 ++-
 src/pages/Ticket/TicketList.vue                | 16 ++++------------
 3 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index e3ede400e..9edaa9045 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -173,13 +173,13 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     target="_blank"
                     :to="{
                         name: 'TicketList',
-                        query: { createForm: JSON.stringify({ clientFk: entity.id }) },
+                        query: { createForm: JSON.stringify({ clientId: entity.id }) },
                     }"
                     size="md"
                     color="primary"
                 >
                     <template #default>
-                        <QTooltip>{{ t('New order') }}</QTooltip>
+                        <QTooltip>{{ t('New ticket') }}</QTooltip>
                         <div class="icon-container">
                             <QIcon class="icon second-icon" name="vn:ticket" />
                             <QIcon
@@ -251,6 +251,7 @@ es:
     Customer ticket list: Listado de tickets del cliente
     Customer invoice out list: Listado de facturas del cliente
     New order: Nuevo pedido
+    New ticket: Nuevo ticket
     Go to user: Ir al usuario
     Go to supplier: Ir al proveedor
     Customer unpaid: Cliente impago
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index 9609d917c..fd0486236 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -198,6 +198,7 @@ const getDateColor = (date) => {
             formInitialData: {
                 active: true,
                 addressId: null,
+                clientFk: null,
             },
         }"
         :user-params="{ showEmpty: false }"
@@ -228,7 +229,7 @@ const getDateColor = (date) => {
             <VnSelect
                 url="Clients"
                 :include="{ relation: 'addresses' }"
-                v-model="clientId"
+                v-model="data.clientFk"
                 :label="t('module.customer')"
                 @update:model-value="(id) => fetchClientAddress(id, data)"
             />
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index f924221d7..a88fdb28e 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -143,15 +143,8 @@ const columns = computed(() => [
 ]);
 onMounted(() => {
     if (!route.query.createForm) return;
-    const clientId = route.query.createForm;
-    const id = JSON.parse(clientId);
-    console.error('id: ', id);
+    onClientSelected(JSON.parse(route.query.createForm));
 });
-function redirectToLines(id) {
-    const url = `#/ticket/${id}/sale`;
-    window.open(url, '_blank');
-}
-
 const onClientSelected = async (formData) => {
     await fetchClient(formData);
     await fetchAddresses(formData);
@@ -248,7 +241,7 @@ onMounted(() => {
             urlCreate: 'Tickets/new',
             title: t('ticketList.createTicket'),
             onDataSaved: ({ id }) => tableRef.redirect(id),
-            formInitialData: { clientFk: null },
+            formInitialData: { clientId: null },
         }"
         default-mode="table"
         :order="['shippedDate DESC', 'shippedHour ASC', 'zoneLanding ASC', 'id']"
@@ -259,12 +252,12 @@ onMounted(() => {
         auto-load
     >
         <template #more-create-dialog="{ data }">
+            {{ data }}
             <VnRow>
-                {{ clientId }}
                 <VnSelect
                     url="Clients"
                     :label="t('ticketList.client')"
-                    v-model="data.clientFk"
+                    v-model="data.clientId"
                     :options="clientsOptions"
                     option-value="id"
                     option-label="name"
@@ -287,7 +280,6 @@ onMounted(() => {
             </VnRow>
             <VnRow>
                 <VnSelect
-                    url="Addresses"
                     :label="t('ticket.create.address')"
                     v-model="data.addressId"
                     :options="addressesOptions"
-- 
2.40.1


From 0b752cdb0dd704d0567b6c1edef08cd6d6218624 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 01:27:18 +0200
Subject: [PATCH 06/60] feat: #6942 Open TicketSale in new tab

---
 src/pages/Customer/components/CustomerSummaryTable.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 946296e67..e16ec571f 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -96,7 +96,11 @@ const columns = computed(() => [
             {
                 title: t('customer.summary.goToLines'),
                 icon: 'vn:lines',
-                action: ({ id }) => router.push({ params: { id }, name: 'TicketSale' }),
+                action: ({ id }) =>
+                    window.open(
+                        router.resolve({ params: { id }, name: 'TicketSale' }).href,
+                        '_blank'
+                    ),
                 isPrimary: true,
             },
             {
-- 
2.40.1


From 5770c344c89dfc2eb4bbe44898d8ede3879105c6 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 01:32:11 +0200
Subject: [PATCH 07/60] feat: #6942 Create Ticket or Order with data filtered
 by clientId

---
 src/pages/Customer/Card/CustomerDescriptor.vue | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 9edaa9045..5c103dc4f 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -173,7 +173,12 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     target="_blank"
                     :to="{
                         name: 'TicketList',
-                        query: { createForm: JSON.stringify({ clientId: entity.id }) },
+                        query: {
+                            table: JSON.stringify({
+                                clientFk: entity.id,
+                            }),
+                            createForm: JSON.stringify({ clientId: entity.id }),
+                        },
                     }"
                     size="md"
                     color="primary"
@@ -205,7 +210,12 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                 <QBtn
                     :to="{
                         name: 'OrderList',
-                        query: { createForm: JSON.stringify({ clientFk: entity.id }) },
+                        query: {
+                            table: JSON.stringify({
+                                clientFk: entity.id,
+                            }),
+                            createForm: JSON.stringify({ clientFk: entity.id }),
+                        },
                     }"
                     size="md"
                     target="_blank"
-- 
2.40.1


From 01764f495498cd668854e1e80725b0ab43fd4c7f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 09:12:47 +0200
Subject: [PATCH 08/60] style: #refs CardSummary max-height

---
 src/components/ui/CardSummary.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 11dcbee3b..f27740f18 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -118,6 +118,7 @@ function existSummary(routes) {
 
 .cardSummary {
     width: 100%;
+    max-height: 70vh;
     .summaryHeader {
         text-align: center;
         font-size: 20px;
-- 
2.40.1


From d34a7b5839319b287018e95d149d44e235fded7f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 09:17:48 +0200
Subject: [PATCH 09/60] style: #refs remove commentst

---
 src/pages/Customer/Card/CustomerDescriptor.vue   |  8 +++-----
 .../Customer/Card/CustomerDescriptorMenu.vue     | 16 ----------------
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 5c103dc4f..cb6b024fa 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -272,14 +272,12 @@ es:
 <style>
 .icon-container {
     position: relative;
-    width: 24px; /* Ajusta el ancho del contenedor según el tamaño de tus íconos */
-    height: 25px; /* Ajusta la altura del contenedor según el tamaño de tus íconos */
+    width: 24px;
+    height: 25px;
 }
 
 .icon {
     position: absolute;
-    /* font-size: 1.715em; */
-    /* zoom: 0.8; */
 }
 
 .first-icon {
@@ -288,6 +286,6 @@ es:
 }
 
 .second-icon {
-    right: 2px; /* Espacio a la izquierda del segundo ícono */
+    right: 2px;
 }
 </style>
diff --git a/src/pages/Customer/Card/CustomerDescriptorMenu.vue b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
index 6b5131e93..6c3d91b7b 100644
--- a/src/pages/Customer/Card/CustomerDescriptorMenu.vue
+++ b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
@@ -55,22 +55,6 @@ const openOrderCreateForm = () => {
 </script>
 
 <template>
-    <!-- <QItem v-ripple clickable @click="openTicketCreateForm()">
-        <QItemSection>
-            {{ t('globals.pageTitles.createTicket') }}
-            <QDialog ref="ticketCreateFormDialog">
-                <TicketCreateDialog />
-            </QDialog>
-        </QItemSection>
-    </QItem>
-    <QItem v-ripple clickable @click="openOrderCreateForm()">
-        <QItemSection>
-            {{ t('globals.pageTitles.createOrder') }}
-            <QDialog ref="orderCreateFormDialog">
-                <OrderCreateDialog :client-fk="customer.id" />
-            </QDialog>
-        </QItemSection>
-    </QItem> -->
     <QItem v-ripple clickable>
         <QItemSection @click="showSmsDialog()">{{ t('Send SMS') }}</QItemSection>
     </QItem>
-- 
2.40.1


From 3c92b06b8eda745096d7655012394acd63e3d0f4 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 14:44:54 +0200
Subject: [PATCH 10/60] feat: #6943 Change icon

---
 .../Customer/Card/CustomerDescriptor.vue      | 36 ++-----------------
 1 file changed, 3 insertions(+), 33 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index cb6b024fa..97708a276 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -170,7 +170,6 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
                 </QBtn>
                 <QBtn
-                    target="_blank"
                     :to="{
                         name: 'TicketList',
                         query: {
@@ -182,19 +181,10 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                     }"
                     size="md"
                     color="primary"
+                    target="_blank"
+                    icon="vn:ticketAdd"
                 >
-                    <template #default>
-                        <QTooltip>{{ t('New ticket') }}</QTooltip>
-                        <div class="icon-container">
-                            <QIcon class="icon second-icon" name="vn:ticket" />
-                            <QIcon
-                                class="fill-icon icon first-icon"
-                                round
-                                size="xs"
-                                name="add_circle"
-                            />
-                        </div>
-                    </template>
+                    <QTooltip>{{ t('New ticket') }}</QTooltip>
                 </QBtn>
                 <QBtn
                     :to="{
@@ -269,23 +259,3 @@ es:
     unpaidDated: 'Fecha {dated}'
     unpaidAmount: 'Importe {amount}'
 </i18n>
-<style>
-.icon-container {
-    position: relative;
-    width: 24px;
-    height: 25px;
-}
-
-.icon {
-    position: absolute;
-}
-
-.first-icon {
-    top: 12px;
-    left: 14px;
-}
-
-.second-icon {
-    right: 2px;
-}
-</style>
-- 
2.40.1


From 043ab6bcea1515a42b3455b5be3f9ad3e9d4005d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 19:47:46 +0200
Subject: [PATCH 11/60] feat: #6943 Change icon

---
 src/components/VnTable/VnTable.vue | 19 +++++++++++++++++--
 src/pages/Ticket/TicketList.vue    | 15 ++++++++++++---
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 3ed741ac4..9704e6084 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -314,6 +314,15 @@ function handleOnDataSaved(_, res) {
     if (_.onDataSaved) _.onDataSaved({ CrudModelRef: CrudModelRef.value });
     else $props.create.onDataSaved(_);
 }
+function handleClick(event, btn, row) {
+    if (event.ctrlKey) {
+        event.preventDefault();
+        event.stopPropagation();
+        btn.action(row, event);
+    } else {
+        btn.action(row);
+    }
+}
 </script>
 <template>
     <QDrawer
@@ -534,7 +543,7 @@ function handleOnDataSaved(_, res) {
                             :style="`visibility: ${
                                 (btn.show && btn.show(row)) ?? true ? 'visible' : 'hidden'
                             }`"
-                            @click="btn.action(row)"
+                            @click="handleClick($event, btn, row)"
                         />
                     </QTd>
                 </template>
@@ -648,7 +657,13 @@ function handleOnDataSaved(_, res) {
                                             ? 'text-primary-light'
                                             : 'color-vn-text '
                                     "
-                                    @click="btn.action(row)"
+                                    @click="(evt) => btn.action(row, evt)"
+                                    @click.ctrl="
+                                        (evt) => {
+                                            console.error('ctrl click', btn, evt);
+                                            btn.action(row, '_blank');
+                                        }
+                                    "
                                 />
                             </QCardSection>
                         </QCard>
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index a88fdb28e..9f077b52a 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -1,7 +1,7 @@
 <script setup>
 import axios from 'axios';
 import { computed, ref, onMounted } from 'vue';
-import { useRoute } from 'vue-router';
+import { useRoute, useRouter } from 'vue-router';
 import { useStateStore } from 'stores/useStateStore';
 import { useI18n } from 'vue-i18n';
 import { toDate, toCurrency } from 'src/filters/index';
@@ -16,6 +16,8 @@ import RightMenu from 'src/components/common/RightMenu.vue';
 import TicketFilter from './TicketFilter.vue';
 
 const route = useRoute();
+const router = useRouter();
+
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
 const tableRef = ref();
@@ -136,7 +138,15 @@ const columns = computed(() => [
             {
                 title: t('ticketList.summary'),
                 icon: 'preview',
-                action: (row) => viewSummary(row.id, TicketSummary),
+                action: (row, evt) => {
+                    if (evt && evt.ctrlKey) {
+                        const url = router.resolve({
+                            params: { id: row.id },
+                            name: 'TicketCard',
+                        }).href;
+                        window.open(url, '_blank');
+                    } else viewSummary(row.id, TicketSummary);
+                },
             },
         ],
     },
@@ -252,7 +262,6 @@ onMounted(() => {
         auto-load
     >
         <template #more-create-dialog="{ data }">
-            {{ data }}
             <VnRow>
                 <VnSelect
                     url="Clients"
-- 
2.40.1


From a3fd69099a4897dd0e7fccd60e322f5c4037104d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 4 Oct 2024 22:27:11 +0200
Subject: [PATCH 12/60] revert: #6943 VnTable action

---
 src/components/VnTable/VnTable.vue | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 9704e6084..f16b52d05 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -657,13 +657,7 @@ function handleClick(event, btn, row) {
                                             ? 'text-primary-light'
                                             : 'color-vn-text '
                                     "
-                                    @click="(evt) => btn.action(row, evt)"
-                                    @click.ctrl="
-                                        (evt) => {
-                                            console.error('ctrl click', btn, evt);
-                                            btn.action(row, '_blank');
-                                        }
-                                    "
+                                    @click="btn.action(row)"
                                 />
                             </QCardSection>
                         </QCard>
-- 
2.40.1


From c1f8e9d6a218f476c85ecc4746e3c5b080108f20 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 7 Oct 2024 20:37:14 +0200
Subject: [PATCH 13/60] feat: #refs VnFilterPanel keyup.enter

---
 src/components/ui/VnFilterPanel.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/ui/VnFilterPanel.vue b/src/components/ui/VnFilterPanel.vue
index ef07b7bef..88d6f3011 100644
--- a/src/components/ui/VnFilterPanel.vue
+++ b/src/components/ui/VnFilterPanel.vue
@@ -219,7 +219,7 @@ function aliasField(field) {
         icon="search"
         @click="search()"
     ></QBtn>
-    <QForm @submit="search" id="filterPanelForm">
+    <QForm @submit="search" id="filterPanelForm" @keyup.enter="search()">
         <QList dense>
             <QItem class="q-mt-xs">
                 <QItemSection top>
-- 
2.40.1


From 05f8ae2b05f1facb54f5636a0c3c7e82e7461724 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 7 Oct 2024 20:37:32 +0200
Subject: [PATCH 14/60] feat: #refs TicketListrequired fields

---
 src/pages/Ticket/TicketList.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 9f077b52a..5944c7a92 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -271,6 +271,7 @@ onMounted(() => {
                     option-value="id"
                     option-label="name"
                     hide-selected
+                    required
                     @update:model-value="(client) => onClientSelected(data)"
                 >
                     <template #option="scope">
@@ -289,6 +290,7 @@ onMounted(() => {
             </VnRow>
             <VnRow>
                 <VnSelect
+                    required
                     :label="t('ticket.create.address')"
                     v-model="data.addressId"
                     :options="addressesOptions"
@@ -333,6 +335,7 @@ onMounted(() => {
                         option-value="id"
                         option-label="name"
                         hide-selected
+                        required
                         @update:model-value="() => fetchAvailableAgencies(data)"
                     />
                 </div>
@@ -346,7 +349,6 @@ onMounted(() => {
                         option-value="agencyModeFk"
                         option-label="agencyMode"
                         hide-selected
-                        :disable="!data.clientId || !data.landed || !data.warehouseId"
                     />
                 </div>
             </VnRow>
-- 
2.40.1


From 594d4b675f880f5a13ed5a76e6c452d47c40283f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 8 Oct 2024 22:26:40 +0200
Subject: [PATCH 15/60] perf: quasar cli warnings

---
 .../Customer/Card/CustomerDescriptorMenu.vue      | 12 ------------
 src/pages/Entry/Card/EntryBuys.vue                |  1 -
 src/pages/Item/ItemFixedPriceFilter.vue           | 15 ---------------
 src/pages/Order/OrderList.vue                     |  1 -
 src/pages/Route/RouteList.vue                     |  2 --
 src/pages/Travel/Card/TravelThermographsForm.vue  |  4 ----
 6 files changed, 35 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptorMenu.vue b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
index 6c3d91b7b..a0fbc7f7b 100644
--- a/src/pages/Customer/Card/CustomerDescriptorMenu.vue
+++ b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
@@ -8,9 +8,6 @@ import { useQuasar } from 'quasar';
 import useNotify from 'src/composables/useNotify';
 
 import VnSmsDialog from 'src/components/common/VnSmsDialog.vue';
-import TicketCreateDialog from 'src/pages/Ticket/TicketCreateDialog.vue';
-import OrderCreateDialog from 'src/pages/Order/Card/OrderCreateDialog.vue';
-import { ref } from 'vue';
 
 const $props = defineProps({
     customer: {
@@ -43,15 +40,6 @@ const sendSms = async (payload) => {
         notify(error.message, 'positive');
     }
 };
-
-const ticketCreateFormDialog = ref(null);
-const openTicketCreateForm = () => {
-    ticketCreateFormDialog.value.show();
-};
-const orderCreateFormDialog = ref(null);
-const openOrderCreateForm = () => {
-    orderCreateFormDialog.value.show();
-};
 </script>
 
 <template>
diff --git a/src/pages/Entry/Card/EntryBuys.vue b/src/pages/Entry/Card/EntryBuys.vue
index ff89faada..73853bc02 100644
--- a/src/pages/Entry/Card/EntryBuys.vue
+++ b/src/pages/Entry/Card/EntryBuys.vue
@@ -5,7 +5,6 @@ import { useI18n } from 'vue-i18n';
 import { QBtn } from 'quasar';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
-import FetchData from 'src/components/FetchData.vue';
 import VnSelect from 'components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
 import FetchedTags from 'components/ui/FetchedTags.vue';
diff --git a/src/pages/Item/ItemFixedPriceFilter.vue b/src/pages/Item/ItemFixedPriceFilter.vue
index 84eefaed3..863aa2c0d 100644
--- a/src/pages/Item/ItemFixedPriceFilter.vue
+++ b/src/pages/Item/ItemFixedPriceFilter.vue
@@ -17,21 +17,6 @@ const props = defineProps({
 });
 
 const itemTypeWorkersOptions = ref([]);
-const exprBuilder = (param, value) => {
-    switch (param) {
-        case 'name':
-            return { 'i.name': { like: `%${value}%` } };
-        case 'itemFk':
-        case 'warehouseFk':
-        case 'rate2':
-        case 'rate3':
-            param = `fp.${param}`;
-            return { [param]: value };
-        case 'minPrice':
-            param = `i.${param}`;
-            return { [param]: value };
-    }
-};
 </script>
 
 <template>
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index fd0486236..66e18aeb3 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -21,7 +21,6 @@ const { viewSummary } = useSummaryDialog();
 const tableRef = ref();
 const agencyList = ref([]);
 const addressesList = ref([]);
-const clientId = ref();
 const route = useRoute();
 
 const columns = computed(() => [
diff --git a/src/pages/Route/RouteList.vue b/src/pages/Route/RouteList.vue
index 1e20df99c..72c5238d5 100644
--- a/src/pages/Route/RouteList.vue
+++ b/src/pages/Route/RouteList.vue
@@ -1,7 +1,6 @@
 <script setup>
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { useSession } from 'composables/useSession';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { useQuasar } from 'quasar';
 import { toDate } from 'src/filters';
@@ -23,7 +22,6 @@ const { openReport } = usePrintService();
 const { t } = useI18n();
 const { viewSummary } = useSummaryDialog();
 const quasar = useQuasar();
-const session = useSession();
 const selectedRows = ref([]);
 const tableRef = ref([]);
 const confirmationDialog = ref(false);
diff --git a/src/pages/Travel/Card/TravelThermographsForm.vue b/src/pages/Travel/Card/TravelThermographsForm.vue
index 4f16b0a49..d8dc6edc8 100644
--- a/src/pages/Travel/Card/TravelThermographsForm.vue
+++ b/src/pages/Travel/Card/TravelThermographsForm.vue
@@ -156,10 +156,6 @@ const updateThermograph = async () => {
         console.error('Error creating thermograph');
     }
 };
-
-const onThermographCreated = async (data) => {
-    thermographForm.thermographId = data.id;
-};
 </script>
 <template>
     <FetchData
-- 
2.40.1


From 81b4e09ebabc6eeec2946fd9d83e8c9e4649db6c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 8 Oct 2024 23:35:41 +0200
Subject: [PATCH 16/60] fix: change type vnput

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

diff --git a/src/pages/Ticket/Card/TicketCreateRequest.vue b/src/pages/Ticket/Card/TicketCreateRequest.vue
index ffe009516..7d4acd743 100644
--- a/src/pages/Ticket/Card/TicketCreateRequest.vue
+++ b/src/pages/Ticket/Card/TicketCreateRequest.vue
@@ -55,7 +55,7 @@ const attendersOptions = ref([]);
                 <VnInput
                     v-model="data.price"
                     :label="t('purchaseRequest.price')"
-                    type="number"
+                    type="currency"
                     min="0"
                 />
             </VnRow>
-- 
2.40.1


From e455fe4e99aeb3f84d04798a63cb2ac84bf50446 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 9 Oct 2024 00:33:13 +0200
Subject: [PATCH 17/60] test: create test for all sections

---
 .../integration/client/ClientList.spec.js     | 75 -------------------
 .../integration/client/clientAddress.spec.js  | 13 ++++
 .../integration/client/clientBalance.spec.js  | 13 ++++
 .../client/clientBasicData.spec.js            | 13 ++++
 .../client/clientBillingData.spec.js          | 13 ++++
 .../integration/client/clientCredits.spec.js  | 13 ++++
 .../client/clientFiscalData.spec.js           | 13 ++++
 .../integration/client/clientGreuges.spec.js  | 13 ++++
 .../integration/client/clientList.spec.js     | 63 ++++++++++++++++
 .../integration/client/clientNotes.spec.js    | 13 ++++
 .../client/clientRecoveries.spec.js           | 13 ++++
 .../client/clientWebAccess.spec.js            | 13 ++++
 .../clientCreditOpinion.spec.js               | 13 ++++
 .../client/others/clientConsumption.spec.js   | 13 ++++
 .../client/others/clientContacts.spec.js      | 13 ++++
 .../client/others/clientMandates.spec.js      | 13 ++++
 .../client/others/clientSamples.spec.js       | 13 ++++
 .../client/others/clientUnpaid.spec.js        | 13 ++++
 .../client/others/clientWebPayments.spec.js   | 13 ++++
 test/cypress/support/commands.js              | 43 +++++++++++
 20 files changed, 327 insertions(+), 75 deletions(-)
 delete mode 100644 test/cypress/integration/client/ClientList.spec.js
 create mode 100644 test/cypress/integration/client/clientAddress.spec.js
 create mode 100644 test/cypress/integration/client/clientBalance.spec.js
 create mode 100644 test/cypress/integration/client/clientBasicData.spec.js
 create mode 100644 test/cypress/integration/client/clientBillingData.spec.js
 create mode 100644 test/cypress/integration/client/clientCredits.spec.js
 create mode 100644 test/cypress/integration/client/clientFiscalData.spec.js
 create mode 100644 test/cypress/integration/client/clientGreuges.spec.js
 create mode 100644 test/cypress/integration/client/clientList.spec.js
 create mode 100644 test/cypress/integration/client/clientNotes.spec.js
 create mode 100644 test/cypress/integration/client/clientRecoveries.spec.js
 create mode 100644 test/cypress/integration/client/clientWebAccess.spec.js
 create mode 100644 test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
 create mode 100644 test/cypress/integration/client/others/clientConsumption.spec.js
 create mode 100644 test/cypress/integration/client/others/clientContacts.spec.js
 create mode 100644 test/cypress/integration/client/others/clientMandates.spec.js
 create mode 100644 test/cypress/integration/client/others/clientSamples.spec.js
 create mode 100644 test/cypress/integration/client/others/clientUnpaid.spec.js
 create mode 100644 test/cypress/integration/client/others/clientWebPayments.spec.js

diff --git a/test/cypress/integration/client/ClientList.spec.js b/test/cypress/integration/client/ClientList.spec.js
deleted file mode 100644
index 712344837..000000000
--- a/test/cypress/integration/client/ClientList.spec.js
+++ /dev/null
@@ -1,75 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client list', () => {
-    const firstRow = 'tbody.q-virtual-scroll__content tr:nth-child(7)';
-    const firstId = `${firstRow} > td:nth-child(1) span`;
-    const firstDetailBtn = `${firstRow} .q-btn:nth-child(1)`;
-    const summaryHeaders = '.summaryBody .header-link';
-    const dialogInputs = '.q-dialog input';
-
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('/#/customer/list', { timeout: 5000 });
-    });
-    it('Client list create new client', () => {
-        const dialogInputs = '.q-dialog label input';
-
-        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-        const data = {
-            Name: { val: 'Name 1' },
-            'Social name': { val: 'TEST 1' },
-            'Tax number': { val: '20852113Z' },
-            'Web user': { val: 'user_test_1' },
-            Street: { val: 'C/ STREET 1' },
-            Email: { val: 'user.test@1.com' },
-            'Business type': { val: 'Otros', type: 'select' },
-            'Sales person': { val: 'salesboss', type: 'select' },
-            Location: { val: '46000, Valencia(Province one), España', type: 'select' },
-        };
-        cy.fillInForm(data);
-        // cy.get(dialogInputs).eq(0).type('NAME 1');
-        // cy.get(dialogInputs).eq(1).type('TEST 1');
-        // cy.get(dialogInputs).eq(2).type('20852113Z');
-        // cy.get(dialogInputs).eq(3).type('C/ STREET 1');
-        // cy.get(dialogInputs).eq(8).type('user_test_1');
-        // cy.get(dialogInputs).eq(9).type('user.test@1.com');
-        // cy.selectOption('.q-dialog input', 'Others');
-        // cy.get(
-        //     '.q-field--float > .q-field__inner > .q-field__control > .q-field__control-container'
-        // ).click();
-        // cy.selectOption(
-        //     '.q-dialog label input  > :nth-child(5) > .q-select > .q-field__inner > .q-field__control ',
-        //     'salesBoss'
-        // );
-        // cy.get(
-        //     '.q-dialog > .q-card> .grid-create >input>:nth-child(5) > .column > .q-field > .q-field__inner > .q-field__control > .q-field__control-container'
-        // ).click();
-        // cy.selectOption(
-        //     '.q-dialog > .q-field__inner > .q-field__control > .q-field__control-container >:nth-child(6)',
-        //     'salesBoss'
-        // );
-        // cy.get(dialogInputs).eq(7).type('46000, Valencia(Province one), España');
-        cy.get('.q-mt-lg > .q-btn--standard').click();
-
-        cy.get('.q-notification__message').should('have.text', 'Data created');
-        cy.url().should('include', '/summary');
-    });
-    xit('should redirect on clicking a invoice', () => {
-        cy.get(firstId)
-            .invoke('text')
-            .then((content) => {
-                const id = content.replace(/\D/g, '');
-                cy.get(firstRow).click();
-                cy.url().should('include', `/invoice-in/${id}/summary`);
-            });
-    });
-
-    xit('should open the details', () => {
-        cy.get(firstDetailBtn).click();
-        cy.get(summaryHeaders).eq(1).contains('Basic data');
-        cy.get(summaryHeaders).eq(4).contains('Vat');
-    });
-    xit('Create and go', function () {
-        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
-    });
-});
diff --git a/test/cypress/integration/client/clientAddress.spec.js b/test/cypress/integration/client/clientAddress.spec.js
new file mode 100644
index 000000000..075b0b68c
--- /dev/null
+++ b/test/cypress/integration/client/clientAddress.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client consignee', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/address', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientBalance.spec.js b/test/cypress/integration/client/clientBalance.spec.js
new file mode 100644
index 000000000..36ffb5084
--- /dev/null
+++ b/test/cypress/integration/client/clientBalance.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client balance', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/balance', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientBasicData.spec.js b/test/cypress/integration/client/clientBasicData.spec.js
new file mode 100644
index 000000000..406c6e426
--- /dev/null
+++ b/test/cypress/integration/client/clientBasicData.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client basic data', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/basic-data', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientBillingData.spec.js b/test/cypress/integration/client/clientBillingData.spec.js
new file mode 100644
index 000000000..00e92d2bb
--- /dev/null
+++ b/test/cypress/integration/client/clientBillingData.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client billing data', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/billing-data', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientCredits.spec.js b/test/cypress/integration/client/clientCredits.spec.js
new file mode 100644
index 000000000..794d39684
--- /dev/null
+++ b/test/cypress/integration/client/clientCredits.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client credits', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/credits', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientFiscalData.spec.js b/test/cypress/integration/client/clientFiscalData.spec.js
new file mode 100644
index 000000000..37ddbfeaf
--- /dev/null
+++ b/test/cypress/integration/client/clientFiscalData.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client fiscal data', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/fiscal-data', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientGreuges.spec.js b/test/cypress/integration/client/clientGreuges.spec.js
new file mode 100644
index 000000000..d8e8cd20e
--- /dev/null
+++ b/test/cypress/integration/client/clientGreuges.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client greuges', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/greuges', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientList.spec.js b/test/cypress/integration/client/clientList.spec.js
new file mode 100644
index 000000000..6cdadd101
--- /dev/null
+++ b/test/cypress/integration/client/clientList.spec.js
@@ -0,0 +1,63 @@
+/// <reference types="cypress" />
+describe('Handle Client list', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('/#/customer/list', {
+            timeout: 5000,
+            onBeforeLoad(win) {
+                cy.stub(win, 'open');
+            },
+        });
+    });
+
+    it('Client list create new client', () => {
+        cy.get('.q-page-sticky > div > .q-btn > .q-btn__content > .q-icon').click();
+        const data = {
+            Name: { val: 'Name 1' },
+            'Social name': { val: 'TEST 1' },
+            'Tax number': { val: '20852113Z' },
+            'Web user': { val: 'user_test_1' },
+            Street: { val: 'C/ STREET 1' },
+            Email: { val: 'user.test@1.com' },
+            'Business type': { val: 'Otros', type: 'select' },
+            'Sales person': { val: 'salesboss', type: 'select' },
+            Location: { val: '46000, Valencia(Province one), España', type: 'select' },
+        };
+        cy.fillInForm(data);
+
+        cy.get('.q-mt-lg > .q-btn--standard').click();
+
+        cy.checkNotification('created');
+        cy.url().should('include', '/summary');
+    });
+    it('Client list search client', () => {
+        const search = 'Jessica Jones';
+        cy.searchByLabel('Name', search);
+
+        cy.get('.title > span').should('have.text', search);
+        let id = null;
+        cy.get('.q-item > .q-item__label').then((text) => {
+            id = text.text().trim().split('#')[1];
+            cy.get('.q-item > .q-item__label').should('have.text', ` #${id}`);
+            cy.url().should('include', `/customer/${id}/summary`);
+        });
+    });
+
+    it('Client founded create ticket', () => {
+        const search = 'Jessica Jones';
+        cy.searchByLabel('Name', search);
+        cy.clickButtonsDescriptor(2);
+        cy.waitForElement('#formModel');
+        cy.waitForElement('.q-form');
+        cy.checkValueForm(1, search);
+    });
+    it('Client founded create order', () => {
+        const search = 'Jessica Jones';
+        cy.searchByLabel('Name', search);
+        cy.clickButtonsDescriptor(4);
+        cy.waitForElement('#formModel');
+        cy.waitForElement('.q-form');
+        cy.checkValueForm(2, search);
+    });
+});
diff --git a/test/cypress/integration/client/clientNotes.spec.js b/test/cypress/integration/client/clientNotes.spec.js
new file mode 100644
index 000000000..921112dbd
--- /dev/null
+++ b/test/cypress/integration/client/clientNotes.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client notes', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/notes', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientRecoveries.spec.js b/test/cypress/integration/client/clientRecoveries.spec.js
new file mode 100644
index 000000000..c083e75b1
--- /dev/null
+++ b/test/cypress/integration/client/clientRecoveries.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client recoveries', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/recoveries', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/clientWebAccess.spec.js b/test/cypress/integration/client/clientWebAccess.spec.js
new file mode 100644
index 000000000..798861647
--- /dev/null
+++ b/test/cypress/integration/client/clientWebAccess.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client web-access', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/web-access', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js b/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
new file mode 100644
index 000000000..69ca9acc4
--- /dev/null
+++ b/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client credit opinion', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/credit-management/credit-opinion', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/others/clientConsumption.spec.js b/test/cypress/integration/client/others/clientConsumption.spec.js
new file mode 100644
index 000000000..494acc440
--- /dev/null
+++ b/test/cypress/integration/client/others/clientConsumption.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client consumption', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/consumption', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/others/clientContacts.spec.js b/test/cypress/integration/client/others/clientContacts.spec.js
new file mode 100644
index 000000000..8803e3f71
--- /dev/null
+++ b/test/cypress/integration/client/others/clientContacts.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client contacts', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/contacts', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/others/clientMandates.spec.js b/test/cypress/integration/client/others/clientMandates.spec.js
new file mode 100644
index 000000000..81e999623
--- /dev/null
+++ b/test/cypress/integration/client/others/clientMandates.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client mandates', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/mandates', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/others/clientSamples.spec.js b/test/cypress/integration/client/others/clientSamples.spec.js
new file mode 100644
index 000000000..8689267e9
--- /dev/null
+++ b/test/cypress/integration/client/others/clientSamples.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client samples', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/samples', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/others/clientUnpaid.spec.js b/test/cypress/integration/client/others/clientUnpaid.spec.js
new file mode 100644
index 000000000..05b268ec4
--- /dev/null
+++ b/test/cypress/integration/client/others/clientUnpaid.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client unpaid', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/unpaid', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/others/clientWebPayments.spec.js b/test/cypress/integration/client/others/clientWebPayments.spec.js
new file mode 100644
index 000000000..65859b4ce
--- /dev/null
+++ b/test/cypress/integration/client/others/clientWebPayments.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client web payments', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1110/others/web-payments', {
+            timeout: 5000,
+        });
+    });
+    it('Form loaded', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index 43788f59f..2ef9e1a74 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -241,10 +241,53 @@ Cypress.Commands.add('writeSearchbar', (value) => {
         value
     );
 });
+
 Cypress.Commands.add('validateContent', (selector, expectedValue) => {
     cy.get(selector).should('have.text', expectedValue);
 });
 
+Cypress.Commands.add('openActionDescriptor', (opt) => {
+    cy.openActionsDescriptor();
+    const listItem = '[role="menu"] .q-list .q-item';
+    cy.contains(listItem, opt).click();
+    1;
+});
+
 Cypress.Commands.add('openActionsDescriptor', () => {
     cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
 });
+
+Cypress.Commands.add('clickButtonsDescriptor', (id) => {
+    cy.get(`.actions > .q-card__actions> .q-btn:nth-child(${id})`)
+        .invoke('removeAttr', 'target')
+        .click();
+});
+
+Cypress.Commands.add('openActions', (row) => {
+    cy.get('tbody > tr').eq(row).find('.actions > .q-btn').click();
+});
+
+Cypress.Commands.add('checkNotification', (type) => {
+    const values = {
+        created: 'Data created',
+        updated: 'Data saved',
+        deleted: 'Data deleted',
+    };
+    cy.get('.q-notification__message').should('have.text', values[type]);
+});
+
+Cypress.Commands.add('checkValueForm', (id, search) => {
+    cy.get(
+        `.grid-create > :nth-child(${id}) > .q-field__inner>.q-field__control> .q-field__control-container>.q-field__native >.q-field__input`
+    ).should('have.value', search);
+});
+
+Cypress.Commands.add('checkValueSelectForm', (id, search) => {
+    cy.get(
+        `.grid-create > :nth-child(${id}) > .q-field > .q-field__inner > .q-field__control > .q-field__control-container>.q-field__native>.q-field__input`
+    ).should('have.value', search);
+});
+
+Cypress.Commands.add('searchByLabel', (label, value) => {
+    cy.get(`[label="${label}"] > .q-field > .q-field__inner`).type(`${value}{enter}`);
+});
-- 
2.40.1


From e550f5431438ed01721c73fbcd19de40ec289b8f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 9 Oct 2024 00:40:21 +0200
Subject: [PATCH 18/60] fix: change type vnput

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

diff --git a/src/pages/Ticket/Card/TicketCreateRequest.vue b/src/pages/Ticket/Card/TicketCreateRequest.vue
index 7d4acd743..d6e757afe 100644
--- a/src/pages/Ticket/Card/TicketCreateRequest.vue
+++ b/src/pages/Ticket/Card/TicketCreateRequest.vue
@@ -55,7 +55,8 @@ const attendersOptions = ref([]);
                 <VnInput
                     v-model="data.price"
                     :label="t('purchaseRequest.price')"
-                    type="currency"
+                    type="number"
+                    step="0.01"
                     min="0"
                 />
             </VnRow>
-- 
2.40.1


From 186cc2ccfda98691a6770fc4d080876d2f2faeaf Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 10 Oct 2024 12:16:59 +0200
Subject: [PATCH 19/60] perf: validation form save/create action

---
 src/components/common/VnInput.vue               | 17 ++++++++---------
 src/components/common/VnInputNumber.vue         |  7 ++++++-
 src/components/common/VnLocation.vue            | 14 ++++++++++++--
 src/pages/Customer/Card/CustomerCredits.vue     |  4 +++-
 src/pages/Customer/Card/CustomerFiscalData.vue  |  7 +++++--
 src/pages/Customer/Card/CustomerGreuges.vue     |  5 +++++
 src/pages/Customer/Card/CustomerRecoveries.vue  |  1 +
 .../components/CustomerAddressCreate.vue        | 15 +++++++++++++--
 .../Customer/components/CustomerNewPayment.vue  |  4 ++--
 src/pages/Ticket/Card/TicketCreateRequest.vue   |  9 +++------
 10 files changed, 58 insertions(+), 25 deletions(-)

diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 26160929c..8585bf5bc 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -2,6 +2,7 @@
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useValidator } from 'src/composables/useValidator';
+import { useAttrs } from 'vue';
 
 const emit = defineEmits([
     'update:modelValue',
@@ -29,10 +30,11 @@ const $props = defineProps({
     },
 });
 const { validations } = useValidator();
+const $attrs = useAttrs();
 
 const { t } = useI18n();
-const requiredFieldRule = (val) => validations().required($attrs.required, val);
-
+const requiredFieldRule = (val) => validations().required(isRequired.value, val);
+const isRequired = computed(() => Object.keys($attrs).includes('required'));
 const vnInputRef = ref(null);
 const value = computed({
     get() {
@@ -57,12 +59,6 @@ const focus = () => {
     vnInputRef.value.focus();
 };
 
-defineExpose({
-    focus,
-});
-import { useAttrs } from 'vue';
-const $attrs = useAttrs();
-
 const mixinRules = [
     requiredFieldRule,
     ...($attrs.rules ?? []),
@@ -76,6 +72,9 @@ const mixinRules = [
         }
     },
 ];
+defineExpose({
+    focus,
+});
 </script>
 
 <template>
@@ -85,7 +84,7 @@ const mixinRules = [
             v-model="value"
             v-bind="{ ...$attrs, ...styleAttrs }"
             :type="$attrs.type"
-            :class="{ required: $attrs.required }"
+            :class="{ required: isRequired }"
             @keyup.enter="emit('keyup.enter')"
             :clearable="false"
             :rules="mixinRules"
diff --git a/src/components/common/VnInputNumber.vue b/src/components/common/VnInputNumber.vue
index ef4bb7512..1cad6c245 100644
--- a/src/components/common/VnInputNumber.vue
+++ b/src/components/common/VnInputNumber.vue
@@ -1,8 +1,13 @@
 <script setup>
 import VnInput from 'src/components/common/VnInput.vue';
+import { ref } from 'vue';
+import { useAttrs } from 'vue';
+
 const model = defineModel({ type: [Number, String] });
+const $attrs = useAttrs();
+const step = ref($attrs.step || 0.01);
 </script>
 
 <template>
-    <VnInput v-bind="$attrs" v-model.number="model" type="number" />
+    <VnInput v-bind="$attrs" v-model.number="model" type="number" :step="step" />
 </template>
diff --git a/src/components/common/VnLocation.vue b/src/components/common/VnLocation.vue
index c1b921915..7f891c783 100644
--- a/src/components/common/VnLocation.vue
+++ b/src/components/common/VnLocation.vue
@@ -2,16 +2,24 @@
 import CreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import VnSelectDialog from 'components/common/VnSelectDialog.vue';
 import { useI18n } from 'vue-i18n';
-import { ref } from 'vue';
+import { computed, ref } from 'vue';
 const { t } = useI18n();
 const emit = defineEmits(['update:model-value', 'update:options']);
+const { validations } = useValidator();
 
+import { useAttrs } from 'vue';
+import { useValidator } from 'src/composables/useValidator';
+const $attrs = useAttrs();
 const props = defineProps({
     location: {
         type: Object,
         default: null,
     },
 });
+const isRequired = computed(() => Object.keys($attrs).includes('required'));
+const requiredFieldRule = (val) => validations().required(isRequired.value, val);
+
+const mixinRules = [requiredFieldRule];
 const formatLocation = (obj, properties) => {
     const parts = properties.map((prop) => {
         if (typeof prop === 'string') {
@@ -68,10 +76,12 @@ function showLabel(data) {
         :label="t('Location')"
         :placeholder="t('search_by_postalcode')"
         :input-debounce="300"
-        :class="{ required: $attrs.required }"
+        :class="{ required: isRequired }"
         v-bind="$attrs"
         clearable
         :emit-value="false"
+        :rules="mixinRules"
+        :lazy-rules="true"
     >
         <template #form>
             <CreateNewPostcode
diff --git a/src/pages/Customer/Card/CustomerCredits.vue b/src/pages/Customer/Card/CustomerCredits.vue
index 377d95412..1fa7047e5 100644
--- a/src/pages/Customer/Card/CustomerCredits.vue
+++ b/src/pages/Customer/Card/CustomerCredits.vue
@@ -49,7 +49,9 @@ const columns = computed(() => [
         name: 'credit',
         create: true,
         visible: false,
-        attrs: {
+        columnCreate: {
+            component: 'number',
+            required: true,
             autofocus: true,
         },
     },
diff --git a/src/pages/Customer/Card/CustomerFiscalData.vue b/src/pages/Customer/Card/CustomerFiscalData.vue
index 1f5775715..6c5086149 100644
--- a/src/pages/Customer/Card/CustomerFiscalData.vue
+++ b/src/pages/Customer/Card/CustomerFiscalData.vue
@@ -53,11 +53,11 @@ function handleLocation(data, location) {
                         </QIcon>
                     </template>
                 </VnInput>
-                <VnInput :label="t('Tax number')" clearable v-model="data.fi" />
+                <VnInput :label="t('Tax number')" clearable v-model="data.fi" required />
             </VnRow>
 
             <VnRow>
-                <VnInput :label="t('Street')" clearable v-model="data.street" />
+                <VnInput :label="t('Street')" clearable v-model="data.street" required />
             </VnRow>
 
             <VnRow>
@@ -68,6 +68,7 @@ function handleLocation(data, location) {
                     option-label="vat"
                     option-value="id"
                     v-model="data.sageTaxTypeFk"
+                    :required="data.isTaxDataChecked"
                 />
                 <VnSelect
                     :label="t('Sage transaction type')"
@@ -76,6 +77,7 @@ function handleLocation(data, location) {
                     option-label="transaction"
                     option-value="id"
                     v-model="data.sageTransactionTypeFk"
+                    :required="data.isTaxDataChecked"
                 >
                     <template #option="scope">
                         <QItem v-bind="scope.itemProps">
@@ -96,6 +98,7 @@ function handleLocation(data, location) {
                     :roles-allowed-to-create="['deliveryAssistant', 'administrative']"
                     :acls="[{ model: 'Town', props: '*', accessType: 'WRITE' }]"
                     :location="data"
+                    :required="true"
                     @update:model-value="(location) => handleLocation(data, location)"
                 />
             </VnRow>
diff --git a/src/pages/Customer/Card/CustomerGreuges.vue b/src/pages/Customer/Card/CustomerGreuges.vue
index 1d8b8585f..dcf297d12 100644
--- a/src/pages/Customer/Card/CustomerGreuges.vue
+++ b/src/pages/Customer/Card/CustomerGreuges.vue
@@ -80,6 +80,11 @@ const columns = computed(() => [
         align: 'left',
         name: 'amount',
         label: t('Amount'),
+        columnCreate: {
+            component: 'number',
+            autofocus: true,
+            required: true,
+        },
         format: ({ amount }) => toCurrency(amount),
         create: true,
     },
diff --git a/src/pages/Customer/Card/CustomerRecoveries.vue b/src/pages/Customer/Card/CustomerRecoveries.vue
index 48576ca20..3a8cffff8 100644
--- a/src/pages/Customer/Card/CustomerRecoveries.vue
+++ b/src/pages/Customer/Card/CustomerRecoveries.vue
@@ -56,6 +56,7 @@ const columns = computed(() => [
         label: t('Period'),
         create: true,
         ...componentColumn('number'),
+        required: true,
     },
     {
         align: 'left',
diff --git a/src/pages/Customer/components/CustomerAddressCreate.vue b/src/pages/Customer/components/CustomerAddressCreate.vue
index 659114744..e3fef8e5f 100644
--- a/src/pages/Customer/components/CustomerAddressCreate.vue
+++ b/src/pages/Customer/components/CustomerAddressCreate.vue
@@ -85,15 +85,26 @@ function handleLocation(data, location) {
             <QCheckbox :label="t('Default')" v-model="data.isDefaultAddress" />
 
             <VnRow>
-                <VnInput :label="t('Consignee')" clearable v-model="data.nickname" />
+                <VnInput
+                    :label="t('Consignee')"
+                    required
+                    clearable
+                    v-model="data.nickname"
+                />
 
-                <VnInput :label="t('Street address')" clearable v-model="data.street" />
+                <VnInput
+                    :label="t('Street address')"
+                    clearable
+                    v-model="data.street"
+                    required
+                />
             </VnRow>
 
             <VnLocation
                 :rules="validate('Worker.postcode')"
                 :acls="[{ model: 'Town', props: '*', accessType: 'WRITE' }]"
                 v-model="data.location"
+                :required="true"
                 @update:model-value="(location) => handleLocation(data, location)"
             />
 
diff --git a/src/pages/Customer/components/CustomerNewPayment.vue b/src/pages/Customer/components/CustomerNewPayment.vue
index 16dd28767..f7d3812b3 100644
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@@ -241,7 +241,7 @@ async function getAmountPaid() {
                             </QItem>
                         </template>
                     </VnSelect>
-                    <VnInput
+                    <VnInputNumber
                         :label="t('Amount')"
                         :required="true"
                         @update:model-value="calculateFromAmount($event)"
@@ -254,7 +254,7 @@ async function getAmountPaid() {
                         {{ t('Compensation') }}
                     </div>
                     <VnRow>
-                        <VnInput
+                        <VnInputNumber
                             :label="t('Compensation account')"
                             clearable
                             v-model="data.compensationAccount"
diff --git a/src/pages/Ticket/Card/TicketCreateRequest.vue b/src/pages/Ticket/Card/TicketCreateRequest.vue
index d6e757afe..2acf42318 100644
--- a/src/pages/Ticket/Card/TicketCreateRequest.vue
+++ b/src/pages/Ticket/Card/TicketCreateRequest.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-
+import VnInputNumber from 'components/common/VnInputNumber.vue';
 import FormModelPopup from 'components/FormModelPopup.vue';
 import VnRow from 'components/ui/VnRow.vue';
 import VnInput from 'src/components/common/VnInput.vue';
@@ -46,17 +46,14 @@ const attendersOptions = ref([]);
                 />
             </VnRow>
             <VnRow>
-                <VnInput
+                <VnInputNumber
                     v-model="data.quantity"
                     :label="t('purchaseRequest.quantity')"
-                    type="number"
                     min="1"
                 />
-                <VnInput
+                <VnInputNumber
                     v-model="data.price"
                     :label="t('purchaseRequest.price')"
-                    type="number"
-                    step="0.01"
                     min="0"
                 />
             </VnRow>
-- 
2.40.1


From f8b8fd03865c1cc8a44dc792c65f73c5d8964247 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 10 Oct 2024 12:17:23 +0200
Subject: [PATCH 20/60] test: use specific customer id to test with data

---
 .../integration/client/clientAddress.spec.js        |  2 +-
 .../integration/client/clientBalance.spec.js        |  4 ++--
 .../integration/client/clientBasicData.spec.js      |  2 +-
 .../integration/client/clientBillingData.spec.js    |  2 +-
 .../integration/client/clientCredits.spec.js        |  2 +-
 .../integration/client/clientFiscalData.spec.js     |  2 +-
 .../integration/client/clientGreuges.spec.js        |  4 ++--
 test/cypress/integration/client/clientNotes.spec.js |  2 +-
 .../integration/client/clientRecoveries.spec.js     |  4 ++--
 .../integration/client/clientWebAccess.spec.js      |  2 +-
 .../credit-management/clientCreditContracts.spec.js | 13 +++++++++++++
 .../credit-management/clientCreditOpinion.spec.js   |  4 ++--
 .../client/others/clientConsumption.spec.js         |  4 ++--
 .../client/others/clientContacts.spec.js            |  4 ++--
 .../client/others/clientMandates.spec.js            |  2 +-
 .../integration/client/others/clientSamples.spec.js |  4 ++--
 .../integration/client/others/clientUnpaid.spec.js  |  2 +-
 .../client/others/clientWebPayments.spec.js         |  4 ++--
 18 files changed, 38 insertions(+), 25 deletions(-)
 create mode 100644 test/cypress/integration/client/credit-management/clientCreditContracts.spec.js

diff --git a/test/cypress/integration/client/clientAddress.spec.js b/test/cypress/integration/client/clientAddress.spec.js
index 075b0b68c..06c3fce8f 100644
--- a/test/cypress/integration/client/clientAddress.spec.js
+++ b/test/cypress/integration/client/clientAddress.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client consignee', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientBalance.spec.js b/test/cypress/integration/client/clientBalance.spec.js
index 36ffb5084..c418edb6a 100644
--- a/test/cypress/integration/client/clientBalance.spec.js
+++ b/test/cypress/integration/client/clientBalance.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client balance', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/balance', {
+        cy.visit('#/customer/1101/balance', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientBasicData.spec.js b/test/cypress/integration/client/clientBasicData.spec.js
index 406c6e426..10ab429e7 100644
--- a/test/cypress/integration/client/clientBasicData.spec.js
+++ b/test/cypress/integration/client/clientBasicData.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client basic data', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientBillingData.spec.js b/test/cypress/integration/client/clientBillingData.spec.js
index 00e92d2bb..cba5770f9 100644
--- a/test/cypress/integration/client/clientBillingData.spec.js
+++ b/test/cypress/integration/client/clientBillingData.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client billing data', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientCredits.spec.js b/test/cypress/integration/client/clientCredits.spec.js
index 794d39684..11cee6fc7 100644
--- a/test/cypress/integration/client/clientCredits.spec.js
+++ b/test/cypress/integration/client/clientCredits.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client credits', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientFiscalData.spec.js b/test/cypress/integration/client/clientFiscalData.spec.js
index 37ddbfeaf..7e4f2a41f 100644
--- a/test/cypress/integration/client/clientFiscalData.spec.js
+++ b/test/cypress/integration/client/clientFiscalData.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client fiscal data', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientGreuges.spec.js b/test/cypress/integration/client/clientGreuges.spec.js
index d8e8cd20e..509a981d4 100644
--- a/test/cypress/integration/client/clientGreuges.spec.js
+++ b/test/cypress/integration/client/clientGreuges.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client greuges', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/greuges', {
+        cy.visit('#/customer/1101/greuges', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientNotes.spec.js b/test/cypress/integration/client/clientNotes.spec.js
index 921112dbd..050120e0d 100644
--- a/test/cypress/integration/client/clientNotes.spec.js
+++ b/test/cypress/integration/client/clientNotes.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client notes', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientRecoveries.spec.js b/test/cypress/integration/client/clientRecoveries.spec.js
index c083e75b1..830942034 100644
--- a/test/cypress/integration/client/clientRecoveries.spec.js
+++ b/test/cypress/integration/client/clientRecoveries.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client recoveries', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/recoveries', {
+        cy.visit('#/customer/1101/recoveries', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/clientWebAccess.spec.js b/test/cypress/integration/client/clientWebAccess.spec.js
index 798861647..b64fcd27b 100644
--- a/test/cypress/integration/client/clientWebAccess.spec.js
+++ b/test/cypress/integration/client/clientWebAccess.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client web-access', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/credit-management/clientCreditContracts.spec.js b/test/cypress/integration/client/credit-management/clientCreditContracts.spec.js
new file mode 100644
index 000000000..160b77335
--- /dev/null
+++ b/test/cypress/integration/client/credit-management/clientCreditContracts.spec.js
@@ -0,0 +1,13 @@
+/// <reference types="cypress" />
+describe('Handle Client credit opinion', () => {
+    beforeEach(() => {
+        cy.viewport(1280, 720);
+        cy.login('developer');
+        cy.visit('#/customer/1101/credit-management/credit-contracts', {
+            timeout: 5000,
+        });
+    });
+    it('Should load layout', () => {
+        cy.get('.q-card').should('be.visible');
+    });
+});
diff --git a/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js b/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
index 69ca9acc4..1e29bae5c 100644
--- a/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
+++ b/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client credit opinion', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/others/credit-management/credit-opinion', {
+        cy.visit('#/customer/1110/credit-management/credit-opinion', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/others/clientConsumption.spec.js b/test/cypress/integration/client/others/clientConsumption.spec.js
index 494acc440..44472afb5 100644
--- a/test/cypress/integration/client/others/clientConsumption.spec.js
+++ b/test/cypress/integration/client/others/clientConsumption.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client consumption', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/others/consumption', {
+        cy.visit('#/customer/1101/others/consumption', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/others/clientContacts.spec.js b/test/cypress/integration/client/others/clientContacts.spec.js
index 8803e3f71..9f31fe878 100644
--- a/test/cypress/integration/client/others/clientContacts.spec.js
+++ b/test/cypress/integration/client/others/clientContacts.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client contacts', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/others/contacts', {
+        cy.visit('#/customer/1101/others/contacts', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/others/clientMandates.spec.js b/test/cypress/integration/client/others/clientMandates.spec.js
index 81e999623..968c91d6c 100644
--- a/test/cypress/integration/client/others/clientMandates.spec.js
+++ b/test/cypress/integration/client/others/clientMandates.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client mandates', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/others/clientSamples.spec.js b/test/cypress/integration/client/others/clientSamples.spec.js
index 8689267e9..ed6066127 100644
--- a/test/cypress/integration/client/others/clientSamples.spec.js
+++ b/test/cypress/integration/client/others/clientSamples.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client samples', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/others/samples', {
+        cy.visit('#/customer/1101/others/samples', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/others/clientUnpaid.spec.js b/test/cypress/integration/client/others/clientUnpaid.spec.js
index 05b268ec4..db45d2cd2 100644
--- a/test/cypress/integration/client/others/clientUnpaid.spec.js
+++ b/test/cypress/integration/client/others/clientUnpaid.spec.js
@@ -7,7 +7,7 @@ describe('Handle Client unpaid', () => {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
diff --git a/test/cypress/integration/client/others/clientWebPayments.spec.js b/test/cypress/integration/client/others/clientWebPayments.spec.js
index 65859b4ce..5ef4002f4 100644
--- a/test/cypress/integration/client/others/clientWebPayments.spec.js
+++ b/test/cypress/integration/client/others/clientWebPayments.spec.js
@@ -3,11 +3,11 @@ describe('Handle Client web payments', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
-        cy.visit('#/customer/1110/others/web-payments', {
+        cy.visit('#/customer/1101/others/web-payments', {
             timeout: 5000,
         });
     });
-    it('Form loaded', () => {
+    it('Should load layout', () => {
         cy.get('.q-card').should('be.visible');
     });
 });
-- 
2.40.1


From 1cafd79d67291935a78a0aaccb5438201687e71f Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 10 Oct 2024 16:03:32 +0200
Subject: [PATCH 21/60] fix: customerSummary agencyMode

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

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index e16ec571f..52a3ad709 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -6,7 +6,7 @@ import { useRoute, useRouter } from 'vue-router';
 import { date } from 'quasar';
 import { toDateFormat } from 'src/filters/date.js';
 
-import { toCurrency } from 'src/filters';
+import { dashIfEmpty, toCurrency } from 'src/filters';
 
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import TicketSummary from 'src/pages/Ticket/Card/TicketSummary.vue';
@@ -53,7 +53,7 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        format: (row) => row.agencyMode.name,
+        format: (row) => dashIfEmpty(row.agencyMode?.name),
         columnClass: 'expand',
         label: t('Agency'),
     },
-- 
2.40.1


From 04b0b501abdea90f458f1e27d17baf4aea89690c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 11 Oct 2024 15:26:53 +0200
Subject: [PATCH 22/60] revert: push client tests

---
 .../integration/client/clientAddress.spec.js        | 13 -------------
 .../integration/client/clientBalance.spec.js        | 13 -------------
 .../integration/client/clientBasicData.spec.js      | 13 -------------
 .../integration/client/clientBillingData.spec.js    | 13 -------------
 .../integration/client/clientCredits.spec.js        | 13 -------------
 .../integration/client/clientFiscalData.spec.js     | 13 -------------
 .../integration/client/clientGreuges.spec.js        | 13 -------------
 test/cypress/integration/client/clientNotes.spec.js | 13 -------------
 .../integration/client/clientRecoveries.spec.js     | 13 -------------
 .../integration/client/clientWebAccess.spec.js      | 13 -------------
 .../credit-management/clientCreditContracts.spec.js | 13 -------------
 .../credit-management/clientCreditOpinion.spec.js   | 13 -------------
 .../client/others/clientConsumption.spec.js         | 13 -------------
 .../client/others/clientContacts.spec.js            | 13 -------------
 .../client/others/clientMandates.spec.js            | 13 -------------
 .../integration/client/others/clientSamples.spec.js | 13 -------------
 .../integration/client/others/clientUnpaid.spec.js  | 13 -------------
 .../client/others/clientWebPayments.spec.js         | 13 -------------
 18 files changed, 234 deletions(-)
 delete mode 100644 test/cypress/integration/client/clientAddress.spec.js
 delete mode 100644 test/cypress/integration/client/clientBalance.spec.js
 delete mode 100644 test/cypress/integration/client/clientBasicData.spec.js
 delete mode 100644 test/cypress/integration/client/clientBillingData.spec.js
 delete mode 100644 test/cypress/integration/client/clientCredits.spec.js
 delete mode 100644 test/cypress/integration/client/clientFiscalData.spec.js
 delete mode 100644 test/cypress/integration/client/clientGreuges.spec.js
 delete mode 100644 test/cypress/integration/client/clientNotes.spec.js
 delete mode 100644 test/cypress/integration/client/clientRecoveries.spec.js
 delete mode 100644 test/cypress/integration/client/clientWebAccess.spec.js
 delete mode 100644 test/cypress/integration/client/credit-management/clientCreditContracts.spec.js
 delete mode 100644 test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
 delete mode 100644 test/cypress/integration/client/others/clientConsumption.spec.js
 delete mode 100644 test/cypress/integration/client/others/clientContacts.spec.js
 delete mode 100644 test/cypress/integration/client/others/clientMandates.spec.js
 delete mode 100644 test/cypress/integration/client/others/clientSamples.spec.js
 delete mode 100644 test/cypress/integration/client/others/clientUnpaid.spec.js
 delete mode 100644 test/cypress/integration/client/others/clientWebPayments.spec.js

diff --git a/test/cypress/integration/client/clientAddress.spec.js b/test/cypress/integration/client/clientAddress.spec.js
deleted file mode 100644
index 06c3fce8f..000000000
--- a/test/cypress/integration/client/clientAddress.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client consignee', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/address', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientBalance.spec.js b/test/cypress/integration/client/clientBalance.spec.js
deleted file mode 100644
index c418edb6a..000000000
--- a/test/cypress/integration/client/clientBalance.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client balance', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/balance', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientBasicData.spec.js b/test/cypress/integration/client/clientBasicData.spec.js
deleted file mode 100644
index 10ab429e7..000000000
--- a/test/cypress/integration/client/clientBasicData.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client basic data', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/basic-data', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientBillingData.spec.js b/test/cypress/integration/client/clientBillingData.spec.js
deleted file mode 100644
index cba5770f9..000000000
--- a/test/cypress/integration/client/clientBillingData.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client billing data', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/billing-data', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientCredits.spec.js b/test/cypress/integration/client/clientCredits.spec.js
deleted file mode 100644
index 11cee6fc7..000000000
--- a/test/cypress/integration/client/clientCredits.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client credits', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/credits', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientFiscalData.spec.js b/test/cypress/integration/client/clientFiscalData.spec.js
deleted file mode 100644
index 7e4f2a41f..000000000
--- a/test/cypress/integration/client/clientFiscalData.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client fiscal data', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/fiscal-data', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientGreuges.spec.js b/test/cypress/integration/client/clientGreuges.spec.js
deleted file mode 100644
index 509a981d4..000000000
--- a/test/cypress/integration/client/clientGreuges.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client greuges', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/greuges', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientNotes.spec.js b/test/cypress/integration/client/clientNotes.spec.js
deleted file mode 100644
index 050120e0d..000000000
--- a/test/cypress/integration/client/clientNotes.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client notes', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/notes', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientRecoveries.spec.js b/test/cypress/integration/client/clientRecoveries.spec.js
deleted file mode 100644
index 830942034..000000000
--- a/test/cypress/integration/client/clientRecoveries.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client recoveries', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/recoveries', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/clientWebAccess.spec.js b/test/cypress/integration/client/clientWebAccess.spec.js
deleted file mode 100644
index b64fcd27b..000000000
--- a/test/cypress/integration/client/clientWebAccess.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client web-access', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/web-access', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/credit-management/clientCreditContracts.spec.js b/test/cypress/integration/client/credit-management/clientCreditContracts.spec.js
deleted file mode 100644
index 160b77335..000000000
--- a/test/cypress/integration/client/credit-management/clientCreditContracts.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client credit opinion', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/credit-management/credit-contracts', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js b/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
deleted file mode 100644
index 1e29bae5c..000000000
--- a/test/cypress/integration/client/credit-management/clientCreditOpinion.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client credit opinion', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/credit-management/credit-opinion', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/others/clientConsumption.spec.js b/test/cypress/integration/client/others/clientConsumption.spec.js
deleted file mode 100644
index 44472afb5..000000000
--- a/test/cypress/integration/client/others/clientConsumption.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client consumption', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/others/consumption', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/others/clientContacts.spec.js b/test/cypress/integration/client/others/clientContacts.spec.js
deleted file mode 100644
index 9f31fe878..000000000
--- a/test/cypress/integration/client/others/clientContacts.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client contacts', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/others/contacts', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/others/clientMandates.spec.js b/test/cypress/integration/client/others/clientMandates.spec.js
deleted file mode 100644
index 968c91d6c..000000000
--- a/test/cypress/integration/client/others/clientMandates.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client mandates', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/others/mandates', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/others/clientSamples.spec.js b/test/cypress/integration/client/others/clientSamples.spec.js
deleted file mode 100644
index ed6066127..000000000
--- a/test/cypress/integration/client/others/clientSamples.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client samples', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/others/samples', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/others/clientUnpaid.spec.js b/test/cypress/integration/client/others/clientUnpaid.spec.js
deleted file mode 100644
index db45d2cd2..000000000
--- a/test/cypress/integration/client/others/clientUnpaid.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client unpaid', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1110/others/unpaid', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
diff --git a/test/cypress/integration/client/others/clientWebPayments.spec.js b/test/cypress/integration/client/others/clientWebPayments.spec.js
deleted file mode 100644
index 5ef4002f4..000000000
--- a/test/cypress/integration/client/others/clientWebPayments.spec.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="cypress" />
-describe('Handle Client web payments', () => {
-    beforeEach(() => {
-        cy.viewport(1280, 720);
-        cy.login('developer');
-        cy.visit('#/customer/1101/others/web-payments', {
-            timeout: 5000,
-        });
-    });
-    it('Should load layout', () => {
-        cy.get('.q-card').should('be.visible');
-    });
-});
-- 
2.40.1


From b4310b1d5584e309ddb238f35ad1d63e2a085f13 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 14 Oct 2024 10:15:26 +0200
Subject: [PATCH 23/60] revert: #6942 CustomerBalance changes

---
 src/pages/Customer/Card/CustomerBalance.vue | 137 +++++++++++++-------
 1 file changed, 88 insertions(+), 49 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index f148194f8..95f5f0981 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -5,27 +5,29 @@ import { useRoute } from 'vue-router';
 import { useAcl } from 'src/composables/useAcl';
 import axios from 'axios';
 import { useQuasar } from 'quasar';
-import FetchData from 'components/FetchData.vue';
 
 import { toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
 import { useStateStore } from 'stores/useStateStore';
 import { usePrintService } from 'composables/usePrintService';
+import { useSession } from 'composables/useSession';
 import { useVnConfirm } from 'composables/useVnConfirm';
 
 import VnTable from 'components/VnTable/VnTable.vue';
 import VnInput from 'components/common/VnInput.vue';
 import VnSubToolbar from 'components/ui/VnSubToolbar.vue';
-import VnSelect from 'src/components/common/VnSelect.vue';
+import VnFilter from 'components/VnTable/VnFilter.vue';
 
 import CustomerNewPayment from 'src/pages/Customer/components/CustomerNewPayment.vue';
 import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
 
 const { openConfirmationModal } = useVnConfirm();
-const { sendEmail, openReport } = usePrintService();
+const { sendEmail } = usePrintService();
 const { t } = useI18n();
 const { hasAny } = useAcl();
-const currentBalance = ref({});
+
+const session = useSession();
+const tokenMultimedia = session.getTokenMultimedia();
 const quasar = useQuasar();
 const route = useRoute();
 const state = useState();
@@ -33,9 +35,9 @@ const stateStore = useStateStore();
 const user = state.getUser();
 
 const clientRisk = ref([]);
-const companies = ref([]);
 const tableRef = ref();
-const companyId = ref(user.value.companyFk);
+const companyId = ref();
+const companyLastId = ref(user.value.companyFk);
 const balances = ref([]);
 const vnFilterRef = ref({});
 const filter = computed(() => {
@@ -45,16 +47,43 @@ const filter = computed(() => {
     };
 });
 
+const companyFilterColumn = {
+    align: 'left',
+    name: 'companyId',
+    label: t('Company'),
+    component: 'select',
+    attrs: {
+        url: 'Companies',
+        optionLabel: 'code',
+        sortBy: 'code',
+        limit: 0,
+    },
+    columnFilter: {
+        event: {
+            remove: () => (companyId.value = null),
+            'update:modelValue': (newCompanyFk) => {
+                if (!newCompanyFk) return;
+                vnFilterRef.value.addFilter(newCompanyFk);
+                companyLastId.value = newCompanyFk;
+            },
+            blur: () =>
+                !companyId.value &&
+                (companyId.value = companyLastId.value ?? user.value.companyFk),
+        },
+    },
+    visible: false,
+};
+
 const columns = computed(() => [
     {
-        align: 'right',
+        align: 'left',
         name: 'payed',
         label: t('Date'),
         format: ({ payed }) => toDate(payed),
         cardVisible: true,
     },
     {
-        align: 'right',
+        align: 'left',
         name: 'created',
         label: t('Creation date'),
         format: ({ created }) => toDateHourMin(created),
@@ -62,10 +91,16 @@ const columns = computed(() => [
     },
     {
         align: 'left',
+        name: 'workerFk',
         label: t('Employee'),
         columnField: {
             component: 'userLink',
-            attrs: ({ row }) => ({ workerId: row.workerFk, name: row.userName }),
+            attrs: ({ row }) => {
+                return {
+                    workerId: row.workerFk,
+                    name: row.userName,
+                };
+            },
         },
         cardVisible: true,
     },
@@ -90,14 +125,14 @@ const columns = computed(() => [
         isId: true,
     },
     {
-        align: 'left',
+        align: 'right',
         name: 'credit',
         label: t('Havings'),
         format: ({ credit }) => credit && toCurrency(credit),
         cardVisible: true,
     },
     {
-        align: 'left',
+        align: 'right',
         name: 'balance',
         label: t('Balance'),
         format: ({ balance }) => toCurrency(balance),
@@ -136,20 +171,41 @@ const columns = computed(() => [
 
 onBeforeMount(() => {
     stateStore.rightDrawer = true;
+    companyId.value = user.value.companyFk;
 });
 
-async function getCurrentBalance(data) {
-    currentBalance.value[companyId.value] = {
-        amount: 0,
-        code: companies.value.find((c) => c.id === companyId.value)?.code,
-    };
+async function getClientRisk() {
+    const { data } = await axios.get(`clientRisks`, {
+        params: {
+            filter: JSON.stringify({
+                include: { relation: 'company', scope: { fields: ['code'] } },
+                where: { clientFk: route.params.id, companyFk: user.value.companyFk },
+            }),
+        },
+    });
+    clientRisk.value = data;
+    return clientRisk.value;
+}
 
-    for (const balance of data) {
-        currentBalance.value[balance.companyFk] = {
-            code: balance.company.code,
-            amount: balance.amount,
-        };
+async function getCurrentBalance() {
+    const currentBalance = (await getClientRisk()).find((balance) => {
+        return balance.companyFk === companyId.value;
+    });
+    return currentBalance && currentBalance.amount;
+}
+
+async function onFetch(data) {
+    balances.value = [];
+    for (const [index, balance] of data.entries()) {
+        if (index === 0) {
+            balance.balance = await getCurrentBalance();
+            continue;
+        }
+        const previousBalance = data[index - 1];
+        balance.balance =
+            previousBalance?.balance - (previousBalance?.debit - previousBalance?.credit);
     }
+    balances.value = data;
 }
 
 const showNewPaymentDialog = () => {
@@ -164,48 +220,31 @@ const showNewPaymentDialog = () => {
 };
 
 const showBalancePdf = ({ id }) => {
-    openReport(`InvoiceOuts/${id}/download`, {}, '_blank');
+    const url = `api/InvoiceOuts/${id}/download?access_token=${tokenMultimedia}`;
+    window.open(url, '_blank');
 };
 </script>
 
 <template>
-    <FetchData
-        url="Companies"
-        auto-load
-        @on-fetch="(data) => (companies = data)"
-    ></FetchData>
-    <FetchData
-        v-if="companies.length > 0"
-        url="clientRisks"
-        :filter="{
-            include: { relation: 'company', scope: { fields: ['code'] } },
-            where: { clientFk: route.params.id },
-        }"
-        auto-load
-        @on-fetch="getCurrentBalance"
-    ></FetchData>
-
     <VnSubToolbar class="q-mb-md">
         <template #st-data>
             <div class="column justify-center q-px-md q-py-sm">
                 <span class="text-bold">{{ t('Total by company') }}</span>
-                <div class="row justify-center">
-                    {{ currentBalance[companyId]?.code }}:
-                    {{ toCurrency(currentBalance[companyId]?.amount) }}
+                <div class="row justify-center" v-if="clientRisk?.length">
+                    {{ clientRisk[0].company.code }}:
+                    {{ toCurrency(clientRisk[0].amount) }}
                 </div>
             </div>
         </template>
         <template #st-actions>
             <div>
-                <VnSelect
-                    :label="t('Company')"
+                <VnFilter
                     ref="vnFilterRef"
                     v-model="companyId"
                     data-key="CustomerBalance"
-                    :options="companies"
-                    option-label="code"
-                    option-value="id"
-                ></VnSelect>
+                    :column="companyFilterColumn"
+                    search-url="balance"
+                />
             </div>
         </template>
     </VnSubToolbar>
@@ -219,7 +258,7 @@ const showBalancePdf = ({ id }) => {
         :right-search="false"
         :is-editable="false"
         :column-search="false"
-        :disable-option="{ card: true }"
+        @on-fetch="onFetch"
         auto-load
     >
         <template #column-balance="{ rowIndex }">
@@ -227,7 +266,7 @@ const showBalancePdf = ({ id }) => {
         </template>
         <template #column-description="{ row }">
             <div class="link" v-if="row.isInvoice">
-                {{ t('bill', { ref: row.description }) }}
+                {{ row.description }}
                 <InvoiceOutDescriptorProxy :id="row.description" />
             </div>
             <span v-else class="q-pa-xs dotted rounded-borders" :title="row.description">
-- 
2.40.1


From 49ec3d8d4b1d95582f325bcfb433a9bb7d9ba885 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 14 Oct 2024 13:47:47 +0200
Subject: [PATCH 24/60] feat: address with icons

---
 src/pages/Ticket/TicketList.vue | 31 ++++++++++++++++++++++++++-----
 1 file changed, 26 insertions(+), 5 deletions(-)

diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 5944c7a92..6c271bbe8 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -205,9 +205,8 @@ const fetchAddresses = async (formData) => {
         if (!formData.clientId) return;
 
         const filter = {
-            fields: ['nickname', 'street', 'city', 'id'],
-            where: { isActive: true },
-            order: 'nickname ASC',
+            fields: ['nickname', 'street', 'city', 'id', 'isActive'],
+            order: ['isDefaultAddress DESC', 'isActive DESC', 'nickname ASC'],
         };
         const params = { filter: JSON.stringify(filter) };
         const { data } = await axios.get(`Clients/${formData.clientId}/addresses`, {
@@ -301,7 +300,22 @@ onMounted(() => {
                     @update:model-value="() => fetchAvailableAgencies(data)"
                 >
                     <template #option="scope">
-                        <QItem v-bind="scope.itemProps">
+                        <QItem
+                            v-bind="scope.itemProps"
+                            :class="{ disabled: !scope.opt.isActive }"
+                        >
+                            <QItemSection style="min-width: min-content" avatar>
+                                <QIcon
+                                    v-if="
+                                        scope.opt.isActive &&
+                                        selectedClient?.defaultAddressFk === scope.opt.id
+                                    "
+                                    size="sm"
+                                    color="grey"
+                                    name="star"
+                                    class="fill-icon"
+                                />
+                            </QItemSection>
                             <QItemSection>
                                 <QItemLabel>
                                     {{ scope.opt.nickname }}
@@ -360,7 +374,14 @@ onMounted(() => {
         </template>
     </VnTable>
 </template>
-
+<style scoped>
+.disabled,
+.disabled *,
+[disabled],
+[disabled] * {
+    cursor: pointer !important;
+}
+</style>
 <i18n>
 es:
     Search ticket: Buscar ticket
-- 
2.40.1


From 4914841775b5b1bebf588d4e75b7c4091b1839da Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 14 Oct 2024 13:48:04 +0200
Subject: [PATCH 25/60] fix: not append url when is summary

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

diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index b1c150410..eff024e45 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -248,7 +248,8 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     function updateStateParams() {
         const newUrl = { path: route.path, query: { ...(route.query ?? {}) } };
-        newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
+        if (!route.path.endsWith('/summary'))
+            newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
 
         if (store.navigate) {
             const { customRouteRedirectName, searchText } = store.navigate;
-- 
2.40.1


From 7bb8330302ba31c9199b142eb376879d64cc2830 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 14 Oct 2024 14:54:38 +0200
Subject: [PATCH 26/60] feat: refs #6943 add order by id

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

diff --git a/src/pages/Customer/Card/CustomerAddress.vue b/src/pages/Customer/Card/CustomerAddress.vue
index 166c33e1a..294e49cc8 100644
--- a/src/pages/Customer/Card/CustomerAddress.vue
+++ b/src/pages/Customer/Card/CustomerAddress.vue
@@ -27,7 +27,7 @@ const addressFilter = {
         'isLogifloraAllowed',
         'postalCode',
     ],
-    order: ['isDefaultAddress DESC', 'isActive DESC', 'nickname ASC'],
+    order: ['isDefaultAddress DESC', 'isActive DESC', 'id DESC', 'nickname ASC'],
     include: [
         {
             relation: 'observations',
-- 
2.40.1


From 4296a74be5eb13d33fe4797fbbbab843a40cfb9c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 14 Oct 2024 23:25:29 +0200
Subject: [PATCH 27/60] fix: refs #6943 CustomerBalance using VnFilter and show
 all options

---
 src/pages/Customer/Card/CustomerBalance.vue | 38 +++++++++------------
 1 file changed, 16 insertions(+), 22 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index 95f5f0981..61decff23 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, onBeforeMount, ref } from 'vue';
+import { computed, onBeforeMount, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { useAcl } from 'src/composables/useAcl';
@@ -10,7 +10,6 @@ import { toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
 import { useStateStore } from 'stores/useStateStore';
 import { usePrintService } from 'composables/usePrintService';
-import { useSession } from 'composables/useSession';
 import { useVnConfirm } from 'composables/useVnConfirm';
 
 import VnTable from 'components/VnTable/VnTable.vue';
@@ -22,12 +21,10 @@ import CustomerNewPayment from 'src/pages/Customer/components/CustomerNewPayment
 import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
 
 const { openConfirmationModal } = useVnConfirm();
-const { sendEmail } = usePrintService();
+const { sendEmail, openReport } = usePrintService();
 const { t } = useI18n();
 const { hasAny } = useAcl();
 
-const session = useSession();
-const tokenMultimedia = session.getTokenMultimedia();
 const quasar = useQuasar();
 const route = useRoute();
 const state = useState();
@@ -37,13 +34,13 @@ const user = state.getUser();
 const clientRisk = ref([]);
 const tableRef = ref();
 const companyId = ref();
-const companyLastId = ref(user.value.companyFk);
+const companyUser = ref(user.value.companyFk);
 const balances = ref([]);
 const vnFilterRef = ref({});
 const filter = computed(() => {
     return {
         clientId: route.params.id,
-        companyId: companyId.value ?? user.value.companyFk,
+        companyId: companyId.value ?? companyUser.value,
     };
 });
 
@@ -55,8 +52,8 @@ const companyFilterColumn = {
     attrs: {
         url: 'Companies',
         optionLabel: 'code',
+        optionValue: 'id',
         sortBy: 'code',
-        limit: 0,
     },
     columnFilter: {
         event: {
@@ -64,11 +61,9 @@ const companyFilterColumn = {
             'update:modelValue': (newCompanyFk) => {
                 if (!newCompanyFk) return;
                 vnFilterRef.value.addFilter(newCompanyFk);
-                companyLastId.value = newCompanyFk;
+                companyUser.value = newCompanyFk;
             },
-            blur: () =>
-                !companyId.value &&
-                (companyId.value = companyLastId.value ?? user.value.companyFk),
+            blur: () => !companyId.value && (companyId.value = companyUser.value),
         },
     },
     visible: false,
@@ -91,7 +86,6 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'workerFk',
         label: t('Employee'),
         columnField: {
             component: 'userLink',
@@ -112,27 +106,27 @@ const columns = computed(() => [
         class: 'extend',
     },
     {
-        align: 'right',
+        align: 'left',
         name: 'bankFk',
         label: t('Bank'),
         cardVisible: true,
     },
     {
-        align: 'right',
+        align: 'left',
         name: 'debit',
         label: t('Debit'),
         format: ({ debit }) => debit && toCurrency(debit),
         isId: true,
     },
     {
-        align: 'right',
+        align: 'left',
         name: 'credit',
         label: t('Havings'),
         format: ({ credit }) => credit && toCurrency(credit),
         cardVisible: true,
     },
     {
-        align: 'right',
+        align: 'left',
         name: 'balance',
         label: t('Balance'),
         format: ({ balance }) => toCurrency(balance),
@@ -171,7 +165,7 @@ const columns = computed(() => [
 
 onBeforeMount(() => {
     stateStore.rightDrawer = true;
-    companyId.value = user.value.companyFk;
+    companyId.value = companyUser.value;
 });
 
 async function getClientRisk() {
@@ -179,7 +173,7 @@ async function getClientRisk() {
         params: {
             filter: JSON.stringify({
                 include: { relation: 'company', scope: { fields: ['code'] } },
-                where: { clientFk: route.params.id, companyFk: user.value.companyFk },
+                where: { clientFk: route.params.id, companyFk: companyUser.value },
             }),
         },
     });
@@ -220,8 +214,7 @@ const showNewPaymentDialog = () => {
 };
 
 const showBalancePdf = ({ id }) => {
-    const url = `api/InvoiceOuts/${id}/download?access_token=${tokenMultimedia}`;
-    window.open(url, '_blank');
+    openReport(`InvoiceOuts/${id}/download`, {}, '_blank');
 };
 </script>
 
@@ -259,6 +252,7 @@ const showBalancePdf = ({ id }) => {
         :is-editable="false"
         :column-search="false"
         @on-fetch="onFetch"
+        :disable-option="{ card: true }"
         auto-load
     >
         <template #column-balance="{ rowIndex }">
@@ -266,7 +260,7 @@ const showBalancePdf = ({ id }) => {
         </template>
         <template #column-description="{ row }">
             <div class="link" v-if="row.isInvoice">
-                {{ row.description }}
+                {{ t('bill', { ref: row.description }) }}
                 <InvoiceOutDescriptorProxy :id="row.description" />
             </div>
             <span v-else class="q-pa-xs dotted rounded-borders" :title="row.description">
-- 
2.40.1


From 2288c527ae7cc4de117590a610bc8f3c7c34b0c5 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 22 Oct 2024 23:15:13 +0200
Subject: [PATCH 28/60] feat: #6943 Define new props to handle params in URL

---
 src/components/VnTable/VnTable.vue                     | 5 ++++-
 src/composables/useArrayData.js                        | 2 +-
 src/pages/Customer/components/CustomerSummaryTable.vue | 2 +-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 08301d71b..310e00015 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -69,7 +69,10 @@ const $props = defineProps({
         type: Boolean,
         default: false,
     },
-
+    appendParams: {
+        type: Boolean,
+        default: true,
+    },
     hasSubToolbar: {
         type: Boolean,
         default: null,
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index eff024e45..e6ca15bd1 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -248,7 +248,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     function updateStateParams() {
         const newUrl = { path: route.path, query: { ...(route.query ?? {}) } };
-        if (!route.path.endsWith('/summary'))
+        if (store.appendParams)
             newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
 
         if (store.navigate) {
diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 52a3ad709..dfdd7184b 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -149,7 +149,7 @@ const setShippedColor = (date) => {
         :column-search="false"
         url="Tickets"
         :columns="columns"
-        search-url="tickets"
+        append-params="false"
         :without-header="true"
         auto-load
         order="shipped DESC, id"
-- 
2.40.1


From e45e7c519bd213d8356c00f7d3e61c7670c802ee Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 23 Oct 2024 13:03:12 +0200
Subject: [PATCH 29/60] fix: summary

---
 src/components/ui/CardDescriptor.vue            |  2 +-
 src/components/ui/CardSummary.vue               | 17 +++++++++++++++--
 src/pages/Customer/Card/CustomerSummary.vue     |  1 +
 .../components/CustomerSummaryTable.vue         |  4 ++++
 4 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 90ac856e5..b4bd40bfe 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -135,7 +135,7 @@ const toModule = computed(() =>
                     dense
                     size="md"
                     icon="preview"
-                    color="white"
+                    color="primary"
                     class="link"
                     v-if="summary"
                 >
diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index f27740f18..888bdfe68 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -61,7 +61,21 @@ async function fetch() {
 
 const showRedirectToSummaryIcon = computed(() => {
     const exist = existSummary(route.matched);
-    return !isSummary.value && route.meta.moduleName && exist;
+    const isDialog = document.querySelectorAll('[role="dialog"]').length > 0;
+
+    // const isSameModule = `${route.meta.moduleName}Summary` === props.dataKey;
+    // if (!isSameModule) return true;
+
+    console.error(
+        isDialog,
+        'exist',
+        isSummary.value,
+        route.matched,
+        !isSummary.value,
+        route.meta.moduleName,
+        exist
+    );
+    return isDialog;
 });
 
 function existSummary(routes) {
@@ -91,7 +105,6 @@ function existSummary(routes) {
                                 params: { id: entityId || entity.id },
                             }"
                         >
-                            <QIcon name="open_in_new" color="white" size="sm" />
                         </router-link>
                         <span v-else></span>
                     </slot>
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 852ace26b..f28b23657 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -67,6 +67,7 @@ const creditWarning = computed(() => {
         ref="summary"
         :url="`Clients/${entityId}/summary`"
         data-key="CustomerSummary"
+        module-name="Customer"
     >
         <template #body="{ entity }">
             <QCard class="vn-one">
diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index dfdd7184b..9365b7326 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -139,6 +139,9 @@ const setShippedColor = (date) => {
     if (difference == 0) return 'warning';
     if (difference < 0) return 'success';
 };
+
+const rowClick = ({ id }) =>
+    window.open(router.resolve({ params: { id }, name: 'TicketSummary' }).href, '_blank');
 </script>
 
 <template>
@@ -152,6 +155,7 @@ const setShippedColor = (date) => {
         append-params="false"
         :without-header="true"
         auto-load
+        :row-click="rowClick"
         order="shipped DESC, id"
         :disable-option="{ card: true, table: true }"
         class="full-width"
-- 
2.40.1


From e9c3b32b8a09ed8686c1fb53f73872b53bf4554c Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 25 Oct 2024 00:11:07 +0200
Subject: [PATCH 30/60] revert: #6943 change related to keyboard

---
 src/components/VnTable/VnTable.vue | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 310e00015..c839b42d0 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -319,15 +319,6 @@ function handleOnDataSaved(_) {
     if (_.onDataSaved) _.onDataSaved({ CrudModelRef: CrudModelRef.value });
     else $props.create.onDataSaved(_);
 }
-function handleClick(event, btn, row) {
-    if (event.ctrlKey) {
-        event.preventDefault();
-        event.stopPropagation();
-        btn.action(row, event);
-    } else {
-        btn.action(row);
-    }
-}
 </script>
 <template>
     <QDrawer
@@ -549,7 +540,7 @@ function handleClick(event, btn, row) {
                             :style="`visibility: ${
                                 (btn.show && btn.show(row)) ?? true ? 'visible' : 'hidden'
                             }`"
-                            @click="handleClick($event, btn, row)"
+                            @click="btn.action(row)"
                         />
                     </QTd>
                 </template>
-- 
2.40.1


From 858eff6ba38280c396f0531726960412d610e42e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 25 Oct 2024 09:49:47 +0200
Subject: [PATCH 31/60] perf: #6943 remove vnTable.prop

---
 src/components/VnTable/VnTable.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index c839b42d0..e9bab9153 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -69,10 +69,6 @@ const $props = defineProps({
         type: Boolean,
         default: false,
     },
-    appendParams: {
-        type: Boolean,
-        default: true,
-    },
     hasSubToolbar: {
         type: Boolean,
         default: null,
-- 
2.40.1


From a617abe0425b6376732635754c92964d998ca608 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 25 Oct 2024 09:50:01 +0200
Subject: [PATCH 32/60] perf: #6943 change type vnTable.prop

---
 src/components/VnTable/VnTable.vue                     | 2 +-
 src/composables/useArrayData.js                        | 2 +-
 src/pages/Customer/components/CustomerSummaryTable.vue | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index e9bab9153..03dab2234 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -58,7 +58,7 @@ const $props = defineProps({
         default: 'flex-one',
     },
     searchUrl: {
-        type: String,
+        type: [String, Boolean],
         default: 'table',
     },
     isEditable: {
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index e6ca15bd1..8f3e09d5a 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -248,7 +248,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     function updateStateParams() {
         const newUrl = { path: route.path, query: { ...(route.query ?? {}) } };
-        if (store.appendParams)
+        if (store.searchUrl)
             newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
 
         if (store.navigate) {
diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 9365b7326..81d92c49c 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -160,6 +160,7 @@ const rowClick = ({ id }) =>
         :disable-option="{ card: true, table: true }"
         class="full-width"
         :disable-infinite-scroll="true"
+        :search-url="false"
     >
         <template #column-nickname="{ row }">
             <span class="link">
-- 
2.40.1


From bf80784dd607947c1e0d4ba362ce258c9b666ea8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 28 Oct 2024 10:32:12 +0100
Subject: [PATCH 33/60] fix: #6943 remove bad code

---
 src/components/ui/CardSummary.vue | 25 -------------------------
 1 file changed, 25 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index 888bdfe68..e93657f9d 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -60,34 +60,9 @@ async function fetch() {
 }
 
 const showRedirectToSummaryIcon = computed(() => {
-    const exist = existSummary(route.matched);
     const isDialog = document.querySelectorAll('[role="dialog"]').length > 0;
-
-    // const isSameModule = `${route.meta.moduleName}Summary` === props.dataKey;
-    // if (!isSameModule) return true;
-
-    console.error(
-        isDialog,
-        'exist',
-        isSummary.value,
-        route.matched,
-        !isSummary.value,
-        route.meta.moduleName,
-        exist
-    );
     return isDialog;
 });
-
-function existSummary(routes) {
-    const hasSummary = routes.some((r) => r.name === `${route.meta.moduleName}Summary`);
-    if (hasSummary) return hasSummary;
-    for (const current of routes) {
-        if (current.path != '/' && current.children) {
-            const exist = existSummary(current.children);
-            if (exist) return exist;
-        }
-    }
-}
 </script>
 
 <template>
-- 
2.40.1


From 007abf307c7f751b5e7e226c60c84f0e49a9644d Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 28 Oct 2024 10:32:27 +0100
Subject: [PATCH 34/60] feat: #6943 composble to get risk

---
 src/pages/Customer/Card/CustomerBalance.vue   | 19 ++++++++-----------
 .../components/CustomerNewPayment.vue         |  6 ++----
 .../Customer/composables/getClientRisk.js     | 12 ++++++++++++
 3 files changed, 22 insertions(+), 15 deletions(-)
 create mode 100644 src/pages/Customer/composables/getClientRisk.js

diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index 61decff23..f6fc3eed2 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -1,10 +1,11 @@
 <script setup>
-import { computed, onBeforeMount, onMounted, ref } from 'vue';
+import { computed, onBeforeMount, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { useAcl } from 'src/composables/useAcl';
 import axios from 'axios';
 import { useQuasar } from 'quasar';
+import { getClientRisk } from '../composables/getClientRisk';
 
 import { toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
@@ -168,21 +169,17 @@ onBeforeMount(() => {
     companyId.value = companyUser.value;
 });
 
-async function getClientRisk() {
-    const { data } = await axios.get(`clientRisks`, {
-        params: {
-            filter: JSON.stringify({
-                include: { relation: 'company', scope: { fields: ['code'] } },
-                where: { clientFk: route.params.id, companyFk: companyUser.value },
-            }),
-        },
-    });
+async function getClientRisks() {
+    const filter = {
+        where: { clientFk: route.params.id, companyFk: companyUser.value },
+    };
+    const { data } = await getClientRisk(filter);
     clientRisk.value = data;
     return clientRisk.value;
 }
 
 async function getCurrentBalance() {
-    const currentBalance = (await getClientRisk()).find((balance) => {
+    const currentBalance = (await getClientRisks()).find((balance) => {
         return balance.companyFk === companyId.value;
     });
     return currentBalance && currentBalance.amount;
diff --git a/src/pages/Customer/components/CustomerNewPayment.vue b/src/pages/Customer/components/CustomerNewPayment.vue
index f7d3812b3..291f28642 100644
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@@ -3,7 +3,7 @@ import { onBeforeMount, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import axios from 'axios';
-
+import { getClientRisk } from '../composables/getClientRisk';
 import { useDialogPluginComponent } from 'quasar';
 
 import { usePrintService } from 'composables/usePrintService';
@@ -158,9 +158,7 @@ async function getAmountPaid() {
         },
     };
 
-    const { data } = await axios(`ClientRisks`, {
-        params: { filter: JSON.stringify(filter) },
-    });
+    const { data } = await getClientRisk(filter);
     initialData.amountPaid = (data?.length && data[0].amount) || undefined;
 }
 </script>
diff --git a/src/pages/Customer/composables/getClientRisk.js b/src/pages/Customer/composables/getClientRisk.js
new file mode 100644
index 000000000..ebaf545ee
--- /dev/null
+++ b/src/pages/Customer/composables/getClientRisk.js
@@ -0,0 +1,12 @@
+import axios from 'axios';
+
+export async function getClientRisk(_filter) {
+    const filter = {
+        ..._filter,
+        include: { relation: 'company', scope: { fields: ['code'] } },
+    };
+
+    return await axios(`ClientRisks`, {
+        params: { filter: JSON.stringify(filter) },
+    });
+}
-- 
2.40.1


From 82a350c38f0979058ba2d4a30b9fe29fca5290e5 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 29 Oct 2024 01:07:34 +0100
Subject: [PATCH 35/60] feat: filter isDialogOpened

---
 src/components/ui/CardSummary.vue | 9 +++------
 src/composables/useArrayData.js   | 4 ++--
 src/filters/index.js              | 2 ++
 src/filters/isDialogOpened.js     | 3 +++
 4 files changed, 10 insertions(+), 8 deletions(-)
 create mode 100644 src/filters/isDialogOpened.js

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index e93657f9d..f469aa799 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -4,6 +4,7 @@ import { useRoute } from 'vue-router';
 import SkeletonSummary from 'components/ui/SkeletonSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import { useArrayData } from 'src/composables/useArrayData';
+import { isDialogOpened } from 'src/filters';
 
 const props = defineProps({
     url: {
@@ -58,11 +59,6 @@ async function fetch() {
     emit('onFetch', Array.isArray(data) ? data[0] : data);
     isLoading.value = false;
 }
-
-const showRedirectToSummaryIcon = computed(() => {
-    const isDialog = document.querySelectorAll('[role="dialog"]').length > 0;
-    return isDialog;
-});
 </script>
 
 <template>
@@ -73,13 +69,14 @@ const showRedirectToSummaryIcon = computed(() => {
                 <div class="summaryHeader bg-primary q-pa-sm text-weight-bolder">
                     <slot name="header-left">
                         <router-link
-                            v-if="showRedirectToSummaryIcon"
+                            v-if="isDialogOpened()"
                             class="header link"
                             :to="{
                                 name: `${moduleName ?? route.meta.moduleName}Summary`,
                                 params: { id: entityId || entity.id },
                             }"
                         >
+                            <QIcon name="open_in_new" color="white" size="sm" />
                         </router-link>
                         <span v-else></span>
                     </slot>
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 8f3e09d5a..9395ad61d 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -3,6 +3,7 @@ import { useRouter, useRoute } from 'vue-router';
 import axios from 'axios';
 import { useArrayDataStore } from 'stores/useArrayDataStore';
 import { buildFilter } from 'filters/filterPanel';
+import { isDialogOpened } from 'src/filters';
 
 const arrayDataStore = useArrayDataStore();
 
@@ -114,8 +115,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
             for (const row of response.data) store.data.push(row);
         } else {
             store.data = response.data;
-            if (!document.querySelectorAll('[role="dialog"]').length)
-                updateRouter && updateStateParams();
+            if (!isDialogOpened()) updateRouter && updateStateParams();
         }
 
         store.isLoading = false;
diff --git a/src/filters/index.js b/src/filters/index.js
index 5f08f19c7..ce5c44706 100644
--- a/src/filters/index.js
+++ b/src/filters/index.js
@@ -12,8 +12,10 @@ import dateRange from './dateRange';
 import toHour from './toHour';
 import dashOrCurrency from './dashOrCurrency';
 import getParamWhere from './getParamWhere';
+import isDialogOpened from './isDialogOpened';
 
 export {
+    isDialogOpened,
     toLowerCase,
     toLowerCamel,
     toDate,
diff --git a/src/filters/isDialogOpened.js b/src/filters/isDialogOpened.js
new file mode 100644
index 000000000..9d6f3895e
--- /dev/null
+++ b/src/filters/isDialogOpened.js
@@ -0,0 +1,3 @@
+export default function isDialogOpened(query = '[role="dialog"]') {
+    return document.querySelectorAll(query).length > 0;
+}
-- 
2.40.1


From dec2db2baa6fca55388b801465464c17c1402af7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 29 Oct 2024 01:20:30 +0100
Subject: [PATCH 36/60] feat: #6943 minor changes

---
 src/components/VnTable/VnTable.vue                     | 4 ++++
 src/components/ui/CardDescriptor.vue                   | 2 +-
 src/composables/useArrayData.js                        | 2 +-
 src/pages/Customer/components/CustomerSummaryTable.vue | 2 +-
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 4b56772e0..dd8d7dc68 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -69,6 +69,10 @@ const $props = defineProps({
         type: Boolean,
         default: false,
     },
+    appendParams: {
+        type: Boolean,
+        default: true,
+    },
     hasSubToolbar: {
         type: Boolean,
         default: null,
diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index b4bd40bfe..90ac856e5 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -135,7 +135,7 @@ const toModule = computed(() =>
                     dense
                     size="md"
                     icon="preview"
-                    color="primary"
+                    color="white"
                     class="link"
                     v-if="summary"
                 >
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 9395ad61d..0d14e66b8 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -248,7 +248,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     function updateStateParams() {
         const newUrl = { path: route.path, query: { ...(route.query ?? {}) } };
-        if (store.searchUrl)
+        if (store.appendParams)
             newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
 
         if (store.navigate) {
diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 81d92c49c..308b19d13 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -160,7 +160,7 @@ const rowClick = ({ id }) =>
         :disable-option="{ card: true, table: true }"
         class="full-width"
         :disable-infinite-scroll="true"
-        :search-url="false"
+        search-url="tickets"
     >
         <template #column-nickname="{ row }">
             <span class="link">
-- 
2.40.1


From 39963e4ec908877ba69f5e20635a5f99a91d5bf7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 29 Oct 2024 02:30:53 +0100
Subject: [PATCH 37/60] perf: remove required logic for some inputs

---
 src/components/VnTable/VnTable.vue             |  2 +-
 src/components/common/VnInput.vue              | 17 +++++++++--------
 src/components/common/VnInputNumber.vue        |  7 +------
 src/components/common/VnLocation.vue           | 14 ++------------
 src/pages/Customer/Card/CustomerDescriptor.vue |  1 -
 5 files changed, 13 insertions(+), 28 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index dd8d7dc68..6c86eadd0 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -58,7 +58,7 @@ const $props = defineProps({
         default: 'flex-one',
     },
     searchUrl: {
-        type: [String, Boolean],
+        type: String,
         default: 'table',
     },
     isEditable: {
diff --git a/src/components/common/VnInput.vue b/src/components/common/VnInput.vue
index 8585bf5bc..26160929c 100644
--- a/src/components/common/VnInput.vue
+++ b/src/components/common/VnInput.vue
@@ -2,7 +2,6 @@
 import { computed, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useValidator } from 'src/composables/useValidator';
-import { useAttrs } from 'vue';
 
 const emit = defineEmits([
     'update:modelValue',
@@ -30,11 +29,10 @@ const $props = defineProps({
     },
 });
 const { validations } = useValidator();
-const $attrs = useAttrs();
 
 const { t } = useI18n();
-const requiredFieldRule = (val) => validations().required(isRequired.value, val);
-const isRequired = computed(() => Object.keys($attrs).includes('required'));
+const requiredFieldRule = (val) => validations().required($attrs.required, val);
+
 const vnInputRef = ref(null);
 const value = computed({
     get() {
@@ -59,6 +57,12 @@ const focus = () => {
     vnInputRef.value.focus();
 };
 
+defineExpose({
+    focus,
+});
+import { useAttrs } from 'vue';
+const $attrs = useAttrs();
+
 const mixinRules = [
     requiredFieldRule,
     ...($attrs.rules ?? []),
@@ -72,9 +76,6 @@ const mixinRules = [
         }
     },
 ];
-defineExpose({
-    focus,
-});
 </script>
 
 <template>
@@ -84,7 +85,7 @@ defineExpose({
             v-model="value"
             v-bind="{ ...$attrs, ...styleAttrs }"
             :type="$attrs.type"
-            :class="{ required: isRequired }"
+            :class="{ required: $attrs.required }"
             @keyup.enter="emit('keyup.enter')"
             :clearable="false"
             :rules="mixinRules"
diff --git a/src/components/common/VnInputNumber.vue b/src/components/common/VnInputNumber.vue
index 1cad6c245..ef4bb7512 100644
--- a/src/components/common/VnInputNumber.vue
+++ b/src/components/common/VnInputNumber.vue
@@ -1,13 +1,8 @@
 <script setup>
 import VnInput from 'src/components/common/VnInput.vue';
-import { ref } from 'vue';
-import { useAttrs } from 'vue';
-
 const model = defineModel({ type: [Number, String] });
-const $attrs = useAttrs();
-const step = ref($attrs.step || 0.01);
 </script>
 
 <template>
-    <VnInput v-bind="$attrs" v-model.number="model" type="number" :step="step" />
+    <VnInput v-bind="$attrs" v-model.number="model" type="number" />
 </template>
diff --git a/src/components/common/VnLocation.vue b/src/components/common/VnLocation.vue
index 7f891c783..c1b921915 100644
--- a/src/components/common/VnLocation.vue
+++ b/src/components/common/VnLocation.vue
@@ -2,24 +2,16 @@
 import CreateNewPostcode from 'src/components/CreateNewPostcodeForm.vue';
 import VnSelectDialog from 'components/common/VnSelectDialog.vue';
 import { useI18n } from 'vue-i18n';
-import { computed, ref } from 'vue';
+import { ref } from 'vue';
 const { t } = useI18n();
 const emit = defineEmits(['update:model-value', 'update:options']);
-const { validations } = useValidator();
 
-import { useAttrs } from 'vue';
-import { useValidator } from 'src/composables/useValidator';
-const $attrs = useAttrs();
 const props = defineProps({
     location: {
         type: Object,
         default: null,
     },
 });
-const isRequired = computed(() => Object.keys($attrs).includes('required'));
-const requiredFieldRule = (val) => validations().required(isRequired.value, val);
-
-const mixinRules = [requiredFieldRule];
 const formatLocation = (obj, properties) => {
     const parts = properties.map((prop) => {
         if (typeof prop === 'string') {
@@ -76,12 +68,10 @@ function showLabel(data) {
         :label="t('Location')"
         :placeholder="t('search_by_postalcode')"
         :input-debounce="300"
-        :class="{ required: isRequired }"
+        :class="{ required: $attrs.required }"
         v-bind="$attrs"
         clearable
         :emit-value="false"
-        :rules="mixinRules"
-        :lazy-rules="true"
     >
         <template #form>
             <CreateNewPostcode
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 97708a276..40166aefe 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -12,7 +12,6 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import CustomerDescriptorMenu from './CustomerDescriptorMenu.vue';
 import { useState } from 'src/composables/useState';
-import { QIcon } from 'quasar';
 const state = useState();
 
 const customer = computed(() => state.get('customer'));
-- 
2.40.1


From 987c28e745fde447edb45b0223bc9e6a6c9f47e4 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 29 Oct 2024 02:38:44 +0100
Subject: [PATCH 38/60] test: fix arrayData

---
 src/composables/useArrayData.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 0d14e66b8..8f8081647 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -248,7 +248,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     function updateStateParams() {
         const newUrl = { path: route.path, query: { ...(route.query ?? {}) } };
-        if (store.appendParams)
+        if (store?.appendParams ?? true)
             newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
 
         if (store.navigate) {
-- 
2.40.1


From 1c3811723edf6d840cd1586eb699ca5f20c4d175 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 8 Nov 2024 09:23:26 +0100
Subject: [PATCH 39/60] feat: remove appendParams feature

---
 src/components/VnTable/VnTable.vue                     | 6 +-----
 src/composables/useArrayData.js                        | 2 +-
 src/pages/Customer/components/CustomerSummaryTable.vue | 3 +--
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/VnTable/VnTable.vue b/src/components/VnTable/VnTable.vue
index 6c86eadd0..4b56772e0 100644
--- a/src/components/VnTable/VnTable.vue
+++ b/src/components/VnTable/VnTable.vue
@@ -58,7 +58,7 @@ const $props = defineProps({
         default: 'flex-one',
     },
     searchUrl: {
-        type: String,
+        type: [String, Boolean],
         default: 'table',
     },
     isEditable: {
@@ -69,10 +69,6 @@ const $props = defineProps({
         type: Boolean,
         default: false,
     },
-    appendParams: {
-        type: Boolean,
-        default: true,
-    },
     hasSubToolbar: {
         type: Boolean,
         default: null,
diff --git a/src/composables/useArrayData.js b/src/composables/useArrayData.js
index 8f8081647..747c6ab64 100644
--- a/src/composables/useArrayData.js
+++ b/src/composables/useArrayData.js
@@ -248,7 +248,7 @@ export function useArrayData(key = useRoute().meta.moduleName, userOptions) {
 
     function updateStateParams() {
         const newUrl = { path: route.path, query: { ...(route.query ?? {}) } };
-        if (store?.appendParams ?? true)
+        if (store?.searchUrl)
             newUrl.query[store.searchUrl] = JSON.stringify(store.currentFilter);
 
         if (store.navigate) {
diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 308b19d13..06c8057bb 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -152,7 +152,6 @@ const rowClick = ({ id }) =>
         :column-search="false"
         url="Tickets"
         :columns="columns"
-        append-params="false"
         :without-header="true"
         auto-load
         :row-click="rowClick"
@@ -160,7 +159,7 @@ const rowClick = ({ id }) =>
         :disable-option="{ card: true, table: true }"
         class="full-width"
         :disable-infinite-scroll="true"
-        search-url="tickets"
+        :search-url="false"
     >
         <template #column-nickname="{ row }">
             <span class="link">
-- 
2.40.1


From 4f4f7f88e36493e9e2b8d72ea32ccbb06addf933 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 12 Nov 2024 13:29:53 +0100
Subject: [PATCH 40/60] feat: remove cli warnings

---
 src/components/VnSelectProvince.vue     |  2 +-
 src/pages/Ticket/Card/TicketSummary.vue |  5 -----
 test/cypress/support/commands.js        | 15 ++++++++-------
 3 files changed, 9 insertions(+), 13 deletions(-)

diff --git a/src/components/VnSelectProvince.vue b/src/components/VnSelectProvince.vue
index 606799e50..9fcbef11e 100644
--- a/src/components/VnSelectProvince.vue
+++ b/src/components/VnSelectProvince.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, watch } from 'vue';
+import { ref } from 'vue';
 import { useValidator } from 'src/composables/useValidator';
 import { useI18n } from 'vue-i18n';
 
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index 5fb99b849..61751357c 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -19,7 +19,6 @@ import VnTitle from 'src/components/common/VnTitle.vue';
 import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
 import ZoneDescriptorProxy from 'src/pages/Zone/Card/ZoneDescriptorProxy.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
-import TicketDescriptorMenu from './TicketDescriptorMenu.vue';
 import VnToSummary from 'src/components/ui/VnToSummary.vue';
 
 const route = useRoute();
@@ -87,10 +86,6 @@ async function changeState(value) {
 function toTicketUrl(section) {
     return '#/ticket/' + entityId.value + '/' + section;
 }
-function isOnTicketCard() {
-    const currentPath = route.path;
-    return currentPath.startsWith('/ticket');
-}
 </script>
 
 <template>
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index cd656b829..8235b37b6 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -275,13 +275,14 @@ Cypress.Commands.add('openActions', (row) => {
     cy.get('tbody > tr').eq(row).find('.actions > .q-btn').click();
 });
 
-Cypress.Commands.add('checkNotification', (type) => {
-    const values = {
-        created: 'Data created',
-        updated: 'Data saved',
-        deleted: 'Data deleted',
-    };
-    cy.get('.q-notification__message').should('have.text', values[type]);
+Cypress.Commands.add('checkNotification', (text) => {
+    cy.get('.q-notification')
+        .should('be.visible')
+        .last()
+        .then(($lastNotification) => {
+            if (!Cypress.$($lastNotification).text().includes(text))
+                throw new Error(`Notification not found: "${text}"`);
+        });
 });
 
 Cypress.Commands.add('checkValueForm', (id, search) => {
-- 
2.40.1


From b6a3dfa45a9e0fc10d9a357defb4fcdabd76e71a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 12 Nov 2024 13:30:46 +0100
Subject: [PATCH 41/60] feat: remove cli warnings

---
 src/pages/Order/OrderList.vue      |  1 -
 src/pages/Ticket/TicketAdvance.vue |  1 -
 src/pages/Ticket/TicketList.vue    | 14 +++++++++-----
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index 6329c0aff..fe97c3fc4 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -14,7 +14,6 @@ import OrderFilter from './Card/OrderFilter.vue';
 import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vue';
 import WorkerDescriptorProxy from '../Worker/Card/WorkerDescriptorProxy.vue';
 import { toDateTimeFormat } from 'src/filters/date';
-import { onMounted } from 'vue';
 import { useRoute } from 'vue-router';
 
 const { t } = useI18n();
diff --git a/src/pages/Ticket/TicketAdvance.vue b/src/pages/Ticket/TicketAdvance.vue
index 7db2b54b3..bdd980c07 100644
--- a/src/pages/Ticket/TicketAdvance.vue
+++ b/src/pages/Ticket/TicketAdvance.vue
@@ -4,7 +4,6 @@ import { useI18n } from 'vue-i18n';
 import FetchData from 'components/FetchData.vue';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
-import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
 import VnProgress from 'src/components/common/VnProgressModal.vue';
 import RightMenu from 'src/components/common/RightMenu.vue';
 import TicketAdvanceFilter from './TicketAdvanceFilter.vue';
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 59a0b1d7d..59b223aa1 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -42,11 +42,14 @@ from.setDate(from.getDate() - 7);
 const to = Date.vnNew();
 to.setHours(23, 59, 0, 0);
 to.setDate(to.getDate() + 1);
-
 const userParams = {
     from: null,
     to: null,
 };
+onMounted(() => {
+    if (!route.query.createForm) return;
+    onClientSelected(JSON.parse(route.query.createForm));
+});
 // Método para inicializar las variables desde la query string
 const initializeFromQuery = () => {
     const query = route.query.table ? JSON.parse(route.query.table) : {};
@@ -221,10 +224,11 @@ const columns = computed(() => [
         ],
     },
 ]);
-onMounted(() => {
-    if (!route.query.createForm) return;
-    onClientSelected(JSON.parse(route.query.createForm));
-});
+function redirectToLines(id) {
+    const url = `#/ticket/${id}/sale`;
+    window.open(url, '_blank');
+}
+
 const onClientSelected = async (formData) => {
     await fetchClient(formData);
     await fetchAddresses(formData);
-- 
2.40.1


From 20f794b55376efd4e01713391c77bf3b90fd793e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 12 Nov 2024 13:54:42 +0100
Subject: [PATCH 42/60] style: reduce padding actions cardDescriptor

---
 src/components/ui/CardDescriptor.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 7f35f0a28..fbf7bf9f2 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -303,3 +303,11 @@ const toModule = computed(() =>
     }
 }
 </style>
+<style lang="scss">
+.q-card__actions {
+    .q-btn--rectangle {
+        padding: 0 5px;
+    }
+    justify-content: center;
+}
+</style>
-- 
2.40.1


From 0632b939a139b9269104c9a82ad795fa52f7191a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 10:36:27 +0100
Subject: [PATCH 43/60] feat: #6943 OrderList

---
 src/pages/Order/OrderList.vue | 32 ++++++++++++++++++--------------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index fe97c3fc4..017817b93 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -141,11 +141,16 @@ const columns = computed(() => [
         ],
     },
 ]);
+const formInitialData = {
+    active: true,
+    addressId: null,
+    clientFk: null,
+};
 onMounted(() => {
     if (!route.query.createForm) return;
     const clientId = route.query.createForm;
     const id = JSON.parse(clientId);
-    fetchClientAddress(id.clientFk, id);
+    fetchClientAddress(id.clientFk, formInitialData);
 });
 async function fetchClientAddress(id, formData) {
     const { data } = await axios.get(`Clients/${id}`, {
@@ -154,6 +159,7 @@ async function fetchClientAddress(id, formData) {
     addressesList.value = data.addresses;
     formData.addressId = data.defaultAddressFk;
     fetchAgencies(formData);
+    return formData.addressId;
 }
 
 async function fetchAgencies({ landed, addressId }) {
@@ -174,13 +180,6 @@ const getDateColor = (date) => {
     if (comparation == 0) return 'bg-warning';
     if (comparation < 0) return 'bg-success';
 };
-
-onMounted(() => {
-    if (!route.query.createForm) return;
-    const clientId = route.query.createForm;
-    const id = JSON.parse(clientId);
-    fetchClientAddress(id.clientFk, id);
-});
 </script>
 <template>
     <OrderSearchbar />
@@ -189,6 +188,7 @@ onMounted(() => {
             <OrderFilter data-key="OrderList" />
         </template>
     </RightMenu>
+
     <VnTable
         ref="tableRef"
         data-key="OrderList"
@@ -200,11 +200,7 @@ onMounted(() => {
             onDataSaved: (url) => {
                 tableRef.redirect(url);
             },
-            formInitialData: {
-                active: true,
-                addressId: null,
-                clientFk: null,
-            },
+            formInitialData,
         }"
         :user-params="{ showEmpty: false }"
         :right-search="false"
@@ -231,12 +227,20 @@ onMounted(() => {
             </span>
         </template>
         <template #more-create-dialog="{ data }">
+            {{ formInitialData }}
+            {{ data }}
             <VnSelect
                 url="Clients"
                 :include="{ relation: 'addresses' }"
                 v-model="data.clientFk"
                 :label="t('module.customer')"
-                @update:model-value="(id) => fetchClientAddress(id, data)"
+                @update:model-value="
+                    (id) => {
+                        const addressId = fetchClientAddress(id, data);
+                        console.error('addressId', addressId);
+                        data.addressId = addressId;
+                    }
+                "
             />
             <VnSelect
                 v-model="data.addressId"
-- 
2.40.1


From c72c8205f17bffa06d35aa0dcee02e3a992bad05 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 11:49:29 +0100
Subject: [PATCH 44/60] fix: #6943 createOrder from customer

---
 .../Customer/Card/CustomerDescriptor.vue      |  5 +++-
 src/pages/Order/OrderList.vue                 | 27 ++++++-------------
 2 files changed, 12 insertions(+), 20 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 40166aefe..ffc24bc5a 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -203,7 +203,10 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                             table: JSON.stringify({
                                 clientFk: entity.id,
                             }),
-                            createForm: JSON.stringify({ clientFk: entity.id }),
+                            createForm: JSON.stringify({
+                                clientFk: entity.id,
+                                addressId: entity.defaultAddressFk,
+                            }),
                         },
                     }"
                     size="md"
diff --git a/src/pages/Order/OrderList.vue b/src/pages/Order/OrderList.vue
index 017817b93..72c9eb7ec 100644
--- a/src/pages/Order/OrderList.vue
+++ b/src/pages/Order/OrderList.vue
@@ -141,25 +141,19 @@ const columns = computed(() => [
         ],
     },
 ]);
-const formInitialData = {
-    active: true,
-    addressId: null,
-    clientFk: null,
-};
 onMounted(() => {
     if (!route.query.createForm) return;
     const clientId = route.query.createForm;
     const id = JSON.parse(clientId);
-    fetchClientAddress(id.clientFk, formInitialData);
+    fetchClientAddress(id.clientFk);
 });
-async function fetchClientAddress(id, formData) {
+async function fetchClientAddress(id, formData = {}) {
     const { data } = await axios.get(`Clients/${id}`, {
         params: { filter: { include: { relation: 'addresses' } } },
     });
     addressesList.value = data.addresses;
     formData.addressId = data.defaultAddressFk;
     fetchAgencies(formData);
-    return formData.addressId;
 }
 
 async function fetchAgencies({ landed, addressId }) {
@@ -188,7 +182,6 @@ const getDateColor = (date) => {
             <OrderFilter data-key="OrderList" />
         </template>
     </RightMenu>
-
     <VnTable
         ref="tableRef"
         data-key="OrderList"
@@ -200,7 +193,11 @@ const getDateColor = (date) => {
             onDataSaved: (url) => {
                 tableRef.redirect(url);
             },
-            formInitialData,
+            formInitialData: {
+                active: true,
+                addressId: null,
+                clientFk: null,
+            },
         }"
         :user-params="{ showEmpty: false }"
         :right-search="false"
@@ -227,20 +224,12 @@ const getDateColor = (date) => {
             </span>
         </template>
         <template #more-create-dialog="{ data }">
-            {{ formInitialData }}
-            {{ data }}
             <VnSelect
                 url="Clients"
                 :include="{ relation: 'addresses' }"
                 v-model="data.clientFk"
                 :label="t('module.customer')"
-                @update:model-value="
-                    (id) => {
-                        const addressId = fetchClientAddress(id, data);
-                        console.error('addressId', addressId);
-                        data.addressId = addressId;
-                    }
-                "
+                @update:model-value="(id) => fetchClientAddress(id, data)"
             />
             <VnSelect
                 v-model="data.addressId"
-- 
2.40.1


From df662f1dce7ec0b2f00a196df500088217385f83 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 12:05:10 +0100
Subject: [PATCH 45/60] feat: #6943 apply color based on condition

---
 src/pages/Customer/Card/CustomerDescriptor.vue | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index ffc24bc5a..683c8fa53 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -37,6 +37,9 @@ const entityId = computed(() => {
 
 const data = ref(useCardDescription());
 const setData = (entity) => (data.value = useCardDescription(entity?.name, entity?.id));
+const debtWarning = computed(() => {
+    return customer.value?.debt > customer.value.credit ? 'negative' : 'primary';
+});
 </script>
 
 <template>
@@ -107,12 +110,8 @@ const setData = (entity) => (data.value = useCardDescription(entity?.name, entit
                 >
                     <QTooltip>{{ t('customer.card.webAccountInactive') }}</QTooltip>
                 </QIcon>
-                <QIcon
-                    v-if="customer.debt > customer.credit"
-                    name="vn:risk"
-                    size="xs"
-                    color="primary"
-                >
+
+                <QIcon name="vn:risk" size="xs" :color="debtWarning">
                     <QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip>
                 </QIcon>
                 <QIcon
-- 
2.40.1


From 367343d2a8ca2f6b61a1837cb3dae56d768721f4 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 12:23:42 +0100
Subject: [PATCH 46/60] feat: #6943 apply color based on condition

---
 src/pages/Customer/Card/CustomerDescriptor.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 683c8fa53..d83415b16 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -111,7 +111,12 @@ const debtWarning = computed(() => {
                     <QTooltip>{{ t('customer.card.webAccountInactive') }}</QTooltip>
                 </QIcon>
 
-                <QIcon name="vn:risk" size="xs" :color="debtWarning">
+                <QIcon
+                    v-if="customer.debt > customer.credit"
+                    name="vn:risk"
+                    size="xs"
+                    :color="debtWarning"
+                >
                     <QTooltip>{{ t('customer.card.hasDebt') }}</QTooltip>
                 </QIcon>
                 <QIcon
-- 
2.40.1


From b2c9a7863c7e8f7b5f5546893dae6ef71a65c0e4 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 12:41:55 +0100
Subject: [PATCH 47/60] feat: add addressId when createTicket

---
 src/pages/Customer/Card/CustomerDescriptor.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index d83415b16..48d9e649b 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -179,7 +179,11 @@ const debtWarning = computed(() => {
                             table: JSON.stringify({
                                 clientFk: entity.id,
                             }),
-                            createForm: JSON.stringify({ clientId: entity.id }),
+
+                            createForm: JSON.stringify({
+                                clientId: entity.id,
+                                addressId: entity.defaultAddressFk,
+                            }),
                         },
                     }"
                     size="md"
-- 
2.40.1


From 6ac52e0b5f9d1ecf647ffcc377135e157d67b17e Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 12:52:12 +0100
Subject: [PATCH 48/60] feat: remove button

---
 src/components/ui/CardDescriptor.vue           |  8 --------
 src/pages/Customer/Card/CustomerDescriptor.vue | 17 -----------------
 src/pages/Customer/Card/CustomerSummary.vue    |  7 ++++++-
 3 files changed, 6 insertions(+), 26 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index fbf7bf9f2..7f35f0a28 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -303,11 +303,3 @@ const toModule = computed(() =>
     }
 }
 </style>
-<style lang="scss">
-.q-card__actions {
-    .q-btn--rectangle {
-        padding: 0 5px;
-    }
-    justify-content: center;
-}
-</style>
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 48d9e649b..ca5de3a0c 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -155,23 +155,6 @@ const debtWarning = computed(() => {
         </template>
         <template #actions="{ entity }">
             <QCardActions class="flex justify-center" style="padding-inline: 0">
-                <QBtn
-                    :to="{
-                        name: 'TicketList',
-                        query: {
-                            from: undefined,
-                            to: undefined,
-                            table: JSON.stringify({
-                                clientFk: entity.id,
-                            }),
-                        },
-                    }"
-                    size="md"
-                    icon="vn:ticket"
-                    color="primary"
-                >
-                    <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
-                </QBtn>
                 <QBtn
                     :to="{
                         name: 'TicketList',
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index f28b23657..9f4cc667f 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -311,7 +311,12 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <VnTitle :text="t('Latest tickets')" />
+                <VnTitle
+                    :text="t('Latest tickets')"
+                    :url="`#/ticket?table=${JSON.stringify({
+                        clientFk: entity.id,
+                    })}`"
+                />
                 <CustomerSummaryTable />
             </QCard>
         </template>
-- 
2.40.1


From 6c9406cfb0b7c42f448b0aad4f5731e9e4798f07 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 12:53:37 +0100
Subject: [PATCH 49/60] perf: #6943 TicketList

---
 src/pages/Ticket/TicketList.vue | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 59b223aa1..2cad174ae 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -47,14 +47,13 @@ const userParams = {
     to: null,
 };
 onMounted(() => {
+    initializeFromQuery();
+    stateStore.rightDrawer = true;
     if (!route.query.createForm) return;
     onClientSelected(JSON.parse(route.query.createForm));
 });
-// Método para inicializar las variables desde la query string
 const initializeFromQuery = () => {
     const query = route.query.table ? JSON.parse(route.query.table) : {};
-
-    // Asigna los valores a las variables correspondientes
     from.value = query.from || from.toISOString();
     to.value = query.to || to.toISOString();
     Object.assign(userParams, { from, to });
@@ -312,11 +311,6 @@ const getDateColor = (date) => {
     if (comparation < 0) return 'bg-success';
 };
 
-onMounted(() => {
-    initializeFromQuery();
-    stateStore.rightDrawer = true;
-});
-
 async function makeInvoice(ticket) {
     const ticketsIds = ticket.map((item) => item.id);
     const { data } = await axios.post(`Tickets/invoiceTicketsAndPdf`, { ticketsIds });
-- 
2.40.1


From 775b14ed657fcd4c11cff5919d189c68dd90f598 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 13 Nov 2024 13:39:27 +0100
Subject: [PATCH 50/60] fix: #6943 CustomersummaryTable route click

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

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 05d10aec3..f0a2a2514 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -201,7 +201,7 @@ const getItemPackagingType = (ticketSales) => {
         </template>
 
         <template #column-routeFk="{ row }">
-            <span class="link">
+            <span class="link" @click.stop>
                 {{ row.routeFk }}
                 <RouteDescriptorProxy :id="row.routeFk" />
             </span>
-- 
2.40.1


From 6919eeefc5c3d83f4d2055902ecc194247f30d14 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 14 Nov 2024 10:56:00 +0100
Subject: [PATCH 51/60] Revert "feat: remove button"

This reverts commit 6ac52e0b5f9d1ecf647ffcc377135e157d67b17e.
---
 src/components/ui/CardDescriptor.vue           |  8 ++++++++
 src/pages/Customer/Card/CustomerDescriptor.vue | 17 +++++++++++++++++
 src/pages/Customer/Card/CustomerSummary.vue    |  7 +------
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index 7f35f0a28..fbf7bf9f2 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -303,3 +303,11 @@ const toModule = computed(() =>
     }
 }
 </style>
+<style lang="scss">
+.q-card__actions {
+    .q-btn--rectangle {
+        padding: 0 5px;
+    }
+    justify-content: center;
+}
+</style>
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index ca5de3a0c..48d9e649b 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -155,6 +155,23 @@ const debtWarning = computed(() => {
         </template>
         <template #actions="{ entity }">
             <QCardActions class="flex justify-center" style="padding-inline: 0">
+                <QBtn
+                    :to="{
+                        name: 'TicketList',
+                        query: {
+                            from: undefined,
+                            to: undefined,
+                            table: JSON.stringify({
+                                clientFk: entity.id,
+                            }),
+                        },
+                    }"
+                    size="md"
+                    icon="vn:ticket"
+                    color="primary"
+                >
+                    <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
+                </QBtn>
                 <QBtn
                     :to="{
                         name: 'TicketList',
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 9f4cc667f..f28b23657 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -311,12 +311,7 @@ const creditWarning = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <VnTitle
-                    :text="t('Latest tickets')"
-                    :url="`#/ticket?table=${JSON.stringify({
-                        clientFk: entity.id,
-                    })}`"
-                />
+                <VnTitle :text="t('Latest tickets')" />
                 <CustomerSummaryTable />
             </QCard>
         </template>
-- 
2.40.1


From de2a926058b699bced29d6cf1b57f6eca749f189 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 14 Nov 2024 11:17:46 +0100
Subject: [PATCH 52/60] feat: move buttons to DescriptorMenu

---
 src/components/ui/CardDescriptor.vue          |  8 ----
 .../Customer/Card/CustomerDescriptor.vue      | 10 ++---
 .../Customer/Card/CustomerDescriptorMenu.vue  | 44 +++++++++++++++++++
 3 files changed, 49 insertions(+), 13 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index fbf7bf9f2..7f35f0a28 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -303,11 +303,3 @@ const toModule = computed(() =>
     }
 }
 </style>
-<style lang="scss">
-.q-card__actions {
-    .q-btn--rectangle {
-        padding: 0 5px;
-    }
-    justify-content: center;
-}
-</style>
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index 48d9e649b..fbe8be34b 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -154,7 +154,7 @@ const debtWarning = computed(() => {
             </QCardActions>
         </template>
         <template #actions="{ entity }">
-            <QCardActions class="flex justify-center" style="padding-inline: 0">
+            <QCardActions class="flex justify-center">
                 <QBtn
                     :to="{
                         name: 'TicketList',
@@ -172,7 +172,7 @@ const debtWarning = computed(() => {
                 >
                     <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
                 </QBtn>
-                <QBtn
+                <!-- <QBtn
                     :to="{
                         name: 'TicketList',
                         query: {
@@ -192,7 +192,7 @@ const debtWarning = computed(() => {
                     icon="vn:ticketAdd"
                 >
                     <QTooltip>{{ t('New ticket') }}</QTooltip>
-                </QBtn>
+                </QBtn> -->
                 <QBtn
                     :to="{
                         name: 'InvoiceOutList',
@@ -204,7 +204,7 @@ const debtWarning = computed(() => {
                 >
                     <QTooltip>{{ t('Customer invoice out list') }}</QTooltip>
                 </QBtn>
-                <QBtn
+                <!-- <QBtn
                     :to="{
                         name: 'OrderList',
                         query: {
@@ -223,7 +223,7 @@ const debtWarning = computed(() => {
                     color="primary"
                 >
                     <QTooltip>{{ t('New order') }}</QTooltip>
-                </QBtn>
+                </QBtn> -->
                 <QBtn
                     :to="{
                         name: 'AccountSummary',
diff --git a/src/pages/Customer/Card/CustomerDescriptorMenu.vue b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
index 7af415820..5ef217a31 100644
--- a/src/pages/Customer/Card/CustomerDescriptorMenu.vue
+++ b/src/pages/Customer/Card/CustomerDescriptorMenu.vue
@@ -40,9 +40,53 @@ const sendSms = async (payload) => {
         notify(error.message, 'positive');
     }
 };
+
+const openTicketCreateForm = () => {
+    const query = {
+        table: {
+            clientFk: $props.customer.id,
+        },
+        createForm: {
+            clientId: $props.customer.id,
+            addressId: $props.customer.defaultAddressFk,
+        },
+    };
+    openWindow('ticket', query);
+};
+const openOrderCreateForm = () => {
+    const query = {
+        table: {
+            clientFk: $props.customer.id,
+        },
+        createForm: {
+            clientFk: $props.customer.id,
+            addressId: $props.customer.defaultAddressFk,
+        },
+    };
+    openWindow('order', query);
+};
+
+const openWindow = (type, { createForm, table }) => {
+    window.open(
+        `/#/${type}/list?createForm=${JSON.stringify(createForm)}&table=${JSON.stringify(
+            table
+        )}`,
+        '_blank'
+    );
+};
 </script>
 
 <template>
+    <QItem v-ripple clickable @click="openTicketCreateForm()">
+        <QItemSection>
+            {{ t('globals.pageTitles.createTicket') }}
+        </QItemSection>
+    </QItem>
+    <QItem v-ripple clickable @click="openOrderCreateForm()">
+        <QItemSection>
+            {{ t('globals.pageTitles.createOrder') }}
+        </QItemSection>
+    </QItem>
     <QItem v-ripple clickable>
         <QItemSection @click="showSmsDialog()">{{ t('Send SMS') }}</QItemSection>
     </QItem>
-- 
2.40.1


From 111f57a79202afa9978e85df137c3d38772b74f8 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 15 Nov 2024 10:44:27 +0100
Subject: [PATCH 53/60] perf: remove comments

---
 src/components/EditPictureForm.vue            |  7 ----
 .../Customer/Card/CustomerCreditOpinion.vue   | 16 --------
 .../Customer/Card/CustomerDescriptor.vue      | 41 +------------------
 src/pages/Ticket/Card/TicketComponents.vue    |  4 --
 4 files changed, 1 insertion(+), 67 deletions(-)

diff --git a/src/components/EditPictureForm.vue b/src/components/EditPictureForm.vue
index cd6107aca..a9b92f860 100644
--- a/src/components/EditPictureForm.vue
+++ b/src/components/EditPictureForm.vue
@@ -224,9 +224,6 @@ const makeRequest = async () => {
                         class="cursor-pointer"
                         @click="rotateLeft()"
                     >
-                        <!-- <QTooltip class="no-pointer-events">
-                            {{ t('Rotate left') }}
-                        </QTooltip> -->
                     </QIcon>
                     <div>
                         <div ref="photoContainerRef" />
@@ -238,9 +235,6 @@ const makeRequest = async () => {
                         class="cursor-pointer"
                         @click="rotateRight()"
                     >
-                        <!-- <QTooltip class="no-pointer-events">
-                            {{ t('Rotate right') }}
-                        </QTooltip> -->
                     </QIcon>
                 </div>
 
@@ -269,7 +263,6 @@ const makeRequest = async () => {
                                     class="cursor-pointer q-mr-sm"
                                     @click="openInputFile()"
                                 >
-                                    <!-- <QTooltip>{{ t('globals.selectFile') }}</QTooltip> -->
                                 </QIcon>
                                 <QIcon name="info" class="cursor-pointer">
                                     <QTooltip>{{
diff --git a/src/pages/Customer/Card/CustomerCreditOpinion.vue b/src/pages/Customer/Card/CustomerCreditOpinion.vue
index 92fef1d76..51d069744 100644
--- a/src/pages/Customer/Card/CustomerCreditOpinion.vue
+++ b/src/pages/Customer/Card/CustomerCreditOpinion.vue
@@ -93,22 +93,6 @@ const columns = computed(() => [
             <WorkerDescriptorProxy :id="row.worker.id" />
         </template>
     </VnTable>
-    <!-- <QTable
-            :columns="columns"
-            :pagination="{ rowsPerPage: 0 }"
-            :rows="rows"
-            hide-bottom
-            row-key="id"
-            v-model:selected="selected"
-            class="card-width q-px-lg"
-        >
-            <template #body-cell-employee="{ row }">
-                <QTd @click.stop>
-                    <span class="link">{{ row.worker.user.nickname }}</span>
-                    <WorkerDescriptorProxy :id="row.clientFk" />
-                </QTd>
-            </template>
-        </QTable> -->
 </template>
 
 <i18n>
diff --git a/src/pages/Customer/Card/CustomerDescriptor.vue b/src/pages/Customer/Card/CustomerDescriptor.vue
index fbe8be34b..15683dc48 100644
--- a/src/pages/Customer/Card/CustomerDescriptor.vue
+++ b/src/pages/Customer/Card/CustomerDescriptor.vue
@@ -172,27 +172,7 @@ const debtWarning = computed(() => {
                 >
                     <QTooltip>{{ t('Customer ticket list') }}</QTooltip>
                 </QBtn>
-                <!-- <QBtn
-                    :to="{
-                        name: 'TicketList',
-                        query: {
-                            table: JSON.stringify({
-                                clientFk: entity.id,
-                            }),
 
-                            createForm: JSON.stringify({
-                                clientId: entity.id,
-                                addressId: entity.defaultAddressFk,
-                            }),
-                        },
-                    }"
-                    size="md"
-                    color="primary"
-                    target="_blank"
-                    icon="vn:ticketAdd"
-                >
-                    <QTooltip>{{ t('New ticket') }}</QTooltip>
-                </QBtn> -->
                 <QBtn
                     :to="{
                         name: 'InvoiceOutList',
@@ -204,26 +184,7 @@ const debtWarning = computed(() => {
                 >
                     <QTooltip>{{ t('Customer invoice out list') }}</QTooltip>
                 </QBtn>
-                <!-- <QBtn
-                    :to="{
-                        name: 'OrderList',
-                        query: {
-                            table: JSON.stringify({
-                                clientFk: entity.id,
-                            }),
-                            createForm: JSON.stringify({
-                                clientFk: entity.id,
-                                addressId: entity.defaultAddressFk,
-                            }),
-                        },
-                    }"
-                    size="md"
-                    target="_blank"
-                    icon="vn:basketadd"
-                    color="primary"
-                >
-                    <QTooltip>{{ t('New order') }}</QTooltip>
-                </QBtn> -->
+
                 <QBtn
                     :to="{
                         name: 'AccountSummary',
diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 0bccdaacd..cfc75720b 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -339,10 +339,6 @@ onUnmounted(() => (stateStore.rightDrawer = false));
             <div class="column">
                 <span v-for="(saleComponent, index) in row.components" :key="index">
                     {{ toCurrency(saleComponent.value * row.quantity, 'EUR', 3) }}
-                    <!-- <QTooltip>
-                        {{ saleComponent.component?.name }}:
-                        {{ toCurrency(saleComponent.value, 'EUR', 3) }}
-                    </QTooltip> -->
                 </span>
             </div>
         </template>
-- 
2.40.1


From c90087b531a2096b286511acbae3fa0178ae6a55 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 15 Nov 2024 10:47:55 +0100
Subject: [PATCH 54/60] perf: remove commands without use

---
 test/cypress/support/commands.js | 13 -------------
 1 file changed, 13 deletions(-)

diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index e61439fb5..6136ba338 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -254,13 +254,6 @@ Cypress.Commands.add('validateContent', (selector, expectedValue) => {
     cy.get(selector).should('have.text', expectedValue);
 });
 
-Cypress.Commands.add('openActionDescriptor', (opt) => {
-    cy.openActionsDescriptor();
-    const listItem = '[role="menu"] .q-list .q-item';
-    cy.contains(listItem, opt).click();
-    1;
-});
-
 Cypress.Commands.add('openActionsDescriptor', () => {
     cy.get('.header > :nth-child(3) > .q-btn__content > .q-icon').click();
 });
@@ -291,12 +284,6 @@ Cypress.Commands.add('checkValueForm', (id, search) => {
     ).should('have.value', search);
 });
 
-Cypress.Commands.add('checkValueSelectForm', (id, search) => {
-    cy.get(
-        `.grid-create > :nth-child(${id}) > .q-field > .q-field__inner > .q-field__control > .q-field__control-container>.q-field__native>.q-field__input`
-    ).should('have.value', search);
-});
-
 Cypress.Commands.add('searchByLabel', (label, value) => {
     cy.get(`[label="${label}"] > .q-field > .q-field__inner`).type(`${value}{enter}`);
 });
-- 
2.40.1


From 64bde73418e0bdfbeee72c1ba61a35d756774d98 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 15 Nov 2024 10:51:18 +0100
Subject: [PATCH 55/60] perf: #6943 redirect to ticket

---
 src/pages/Customer/components/CustomerSummaryTable.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 711fa3196..5a79b5794 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -155,9 +155,6 @@ const setShippedColor = (date) => {
     if (difference < 0) return 'success';
 };
 
-const rowClick = ({ id }) =>
-    window.open(router.resolve({ params: { id }, name: 'TicketSummary' }).href, '_blank');
-
 const getItemPackagingType = (ticketSales) => {
     if (!ticketSales?.length) return '-';
 
@@ -186,7 +183,7 @@ const getItemPackagingType = (ticketSales) => {
         :columns="columns"
         :without-header="true"
         auto-load
-        :row-click="rowClick"
+        redirect="ticket"
         order="shipped DESC, id"
         :disable-option="{ card: true, table: true }"
         class="full-width"
-- 
2.40.1


From 96e32044a691530ea3748ec2829af894af35ceba Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 28 Nov 2024 20:21:42 +0100
Subject: [PATCH 56/60] perf: merge previous conflicts

---
 .../components/CustomerSummaryTable.vue       |  2 +-
 .../integration/client/clientList.spec.js     |  2 +-
 test/cypress/support/commands.js              | 40 +------------------
 3 files changed, 3 insertions(+), 41 deletions(-)

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index 244a91c37..612adacc7 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -185,7 +185,7 @@ const getItemPackagingType = (ticketSales) => {
         :columns="columns"
         :without-header="true"
         auto-load
-        :row-click="rowClick"
+        redirect="ticket"
         order="shipped DESC, id"
         :disable-option="{ card: true, table: true }"
         class="full-width"
diff --git a/test/cypress/integration/client/clientList.spec.js b/test/cypress/integration/client/clientList.spec.js
index b70d9afd8..e89b5fc77 100644
--- a/test/cypress/integration/client/clientList.spec.js
+++ b/test/cypress/integration/client/clientList.spec.js
@@ -1,5 +1,5 @@
 /// <reference types="cypress" />
-describe('Handle Client list', () => {
+describe('Client list', () => {
     beforeEach(() => {
         cy.viewport(1280, 720);
         cy.login('developer');
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index 36e215e8b..a4c933d2e 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -276,26 +276,6 @@ Cypress.Commands.add('clickButtonsDescriptor', (id) => {
         .click();
 });
 
-Cypress.Commands.add('openActionDescriptor', (opt) => {
-    cy.openActionsDescriptor();
-    const listItem = '[role="menu"] .q-list .q-item';
-    cy.contains(listItem, opt).click();
-    1;
-});
-
-Cypress.Commands.add('clickButtonsDescriptor', (id) => {
-    cy.get(`.actions > .q-card__actions> .q-btn:nth-child(${id})`)
-        .invoke('removeAttr', 'target')
-        .click();
-});
-
-Cypress.Commands.add('openActionDescriptor', (opt) => {
-    cy.openActionsDescriptor();
-    const listItem = '[role="menu"] .q-list .q-item';
-    cy.contains(listItem, opt).click();
-    1;
-});
-
 Cypress.Commands.add('clickButtonsDescriptor', (id) => {
     cy.get(`.actions > .q-card__actions> .q-btn:nth-child(${id})`)
         .invoke('removeAttr', 'target')
@@ -322,7 +302,7 @@ Cypress.Commands.add('checkNotification', (text) => {
         });
 });
 
-Cypress.Commands.add('checkValueForm', (id, search) => {
+Cypress.Commands.add('_checkValueForm', (id, search) => {
     cy.get(
         `.grid-create > :nth-child(${id})> .q-field  > .q-field__inner>.q-field__control> .q-field__control-container>.q-field__native >.q-field__input`
     ).should('have.value', search);
@@ -338,20 +318,6 @@ Cypress.Commands.add('openUserPanel', () => {
     ).click();
 });
 
-Cypress.Commands.add('checkNotification', (text) => {
-    cy.get('.q-notification')
-        .should('be.visible')
-        .last()
-        .then(($lastNotification) => {
-            if (!Cypress.$($lastNotification).text().includes(text))
-                throw new Error(`Notification not found: "${text}"`);
-        });
-});
-
-Cypress.Commands.add('openActions', (row) => {
-    cy.get('tbody > tr').eq(row).find('.actions > .q-btn').click();
-});
-
 Cypress.Commands.add('checkValueForm', (id, search) => {
     cy.get(`.grid-create > :nth-child(${id}) `)
         .find('input')
@@ -364,10 +330,6 @@ Cypress.Commands.add('checkValueSelectForm', (id, search) => {
     ).should('have.value', search);
 });
 
-Cypress.Commands.add('searchByLabel', (label, value) => {
-    cy.get(`[label="${label}"] > .q-field > .q-field__inner`).type(`${value}{enter}`);
-});
-
 Cypress.Commands.add('dataCy', (tag, attr = 'data-cy') => {
     return cy.get(`[${attr}="${tag}"]`);
 });
-- 
2.40.1


From 15be132fbb36766d49131d00b78296533ae45586 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 28 Nov 2024 22:20:57 +0100
Subject: [PATCH 57/60] perf: merge previous conflicts

---
 src/filters/index.js             |  1 -
 test/cypress/support/commands.js | 18 ------------------
 2 files changed, 19 deletions(-)

diff --git a/src/filters/index.js b/src/filters/index.js
index e01d6a862..d6541ac39 100644
--- a/src/filters/index.js
+++ b/src/filters/index.js
@@ -16,7 +16,6 @@ import getUpdatedValues from './getUpdatedValues';
 import getParamWhere from './getParamWhere';
 import isDialogOpened from './isDialogOpened';
 import parsePhone from './parsePhone';
-import isDialogOpened from './isDialogOpened';
 
 export {
     getUpdatedValues,
diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index a4c933d2e..435c40f23 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -276,18 +276,6 @@ Cypress.Commands.add('clickButtonsDescriptor', (id) => {
         .click();
 });
 
-Cypress.Commands.add('clickButtonsDescriptor', (id) => {
-    cy.get(`.actions > .q-card__actions> .q-btn:nth-child(${id})`)
-        .invoke('removeAttr', 'target')
-        .click();
-});
-
-Cypress.Commands.add('clickButtonsDescriptor', (id) => {
-    cy.get(`.actions > .q-card__actions> .q-btn:nth-child(${id})`)
-        .invoke('removeAttr', 'target')
-        .click();
-});
-
 Cypress.Commands.add('openActions', (row) => {
     cy.get('tbody > tr').eq(row).find('.actions > .q-btn').click();
 });
@@ -302,12 +290,6 @@ Cypress.Commands.add('checkNotification', (text) => {
         });
 });
 
-Cypress.Commands.add('_checkValueForm', (id, search) => {
-    cy.get(
-        `.grid-create > :nth-child(${id})> .q-field  > .q-field__inner>.q-field__control> .q-field__control-container>.q-field__native >.q-field__input`
-    ).should('have.value', search);
-});
-
 Cypress.Commands.add('searchByLabel', (label, value) => {
     cy.get(`[label="${label}"] > .q-field > .q-field__inner`).type(`${value}{enter}`);
 });
-- 
2.40.1


From 0aa43506e335bc36ef306f9de0d732d186fea638 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 29 Nov 2024 07:35:09 +0100
Subject: [PATCH 58/60] perf: move lines

---
 test/cypress/support/commands.js | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/test/cypress/support/commands.js b/test/cypress/support/commands.js
index 435c40f23..072095313 100755
--- a/test/cypress/support/commands.js
+++ b/test/cypress/support/commands.js
@@ -276,8 +276,10 @@ Cypress.Commands.add('clickButtonsDescriptor', (id) => {
         .click();
 });
 
-Cypress.Commands.add('openActions', (row) => {
-    cy.get('tbody > tr').eq(row).find('.actions > .q-btn').click();
+Cypress.Commands.add('openUserPanel', () => {
+    cy.get(
+        '.column > .q-avatar > .q-avatar__content > .q-img > .q-img__container > .q-img__image'
+    ).click();
 });
 
 Cypress.Commands.add('checkNotification', (text) => {
@@ -290,14 +292,8 @@ Cypress.Commands.add('checkNotification', (text) => {
         });
 });
 
-Cypress.Commands.add('searchByLabel', (label, value) => {
-    cy.get(`[label="${label}"] > .q-field > .q-field__inner`).type(`${value}{enter}`);
-});
-
-Cypress.Commands.add('openUserPanel', () => {
-    cy.get(
-        '.column > .q-avatar > .q-avatar__content > .q-img > .q-img__container > .q-img__image'
-    ).click();
+Cypress.Commands.add('openActions', (row) => {
+    cy.get('tbody > tr').eq(row).find('.actions > .q-btn').click();
 });
 
 Cypress.Commands.add('checkValueForm', (id, search) => {
@@ -312,6 +308,10 @@ Cypress.Commands.add('checkValueSelectForm', (id, search) => {
     ).should('have.value', search);
 });
 
+Cypress.Commands.add('searchByLabel', (label, value) => {
+    cy.get(`[label="${label}"] > .q-field > .q-field__inner`).type(`${value}{enter}`);
+});
+
 Cypress.Commands.add('dataCy', (tag, attr = 'data-cy') => {
     return cy.get(`[${attr}="${tag}"]`);
 });
-- 
2.40.1


From 1cf6a7b1a9f7be2292b986899952b87f4d871a6a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Fri, 29 Nov 2024 07:40:52 +0100
Subject: [PATCH 59/60] revert: #6943 remove bad code when merge conflicts

---
 src/pages/Customer/Card/CustomerSummary.vue | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 891cbf576..57e3a5533 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -25,11 +25,7 @@ const $props = defineProps({
 const entityId = computed(() => $props.id || route.params.id);
 const customer = computed(() => summary.value.entity);
 const summary = ref();
-const clientUrl = ref();
 
-onMounted(async () => {
-    clientUrl.value = (await getUrl('client/')) + entityId.value + '/';
-});
 const defaulterAmount = computed(() => customer.value.defaulters[0]?.amount);
 const balanceDue = computed(() => {
     const amount = defaulterAmount.value;
-- 
2.40.1


From 50be767941fc06a291a45a2cea9968d1c857f962 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Sat, 30 Nov 2024 01:39:22 +0100
Subject: [PATCH 60/60] perf: 6943 remove imports

---
 src/pages/Customer/Card/CustomerSummary.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 57e3a5533..9079575be 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -1,10 +1,9 @@
 <script setup>
-import { computed, ref, onMounted } from 'vue';
+import { computed, ref } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 import { toCurrency, toPercentage, toDate, dashOrCurrency } from 'src/filters';
 import CardSummary from 'components/ui/CardSummary.vue';
-import { getUrl } from 'src/composables/getUrl';
 import VnLv from 'src/components/ui/VnLv.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
 import VnLinkMail from 'src/components/ui/VnLinkMail.vue';
-- 
2.40.1