From 248e02f53008e6ad58dff144bbf81e7329caabc0 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 5 Feb 2024 08:25:35 -0300
Subject: [PATCH 01/20] WIP

---
 src/i18n/en/index.js                          |   1 +
 src/i18n/es/index.js                          |   1 +
 .../InvoiceOut/Card/InvoiceOutSummary.vue     |  43 +++---
 src/pages/InvoiceOut/InvoiceOutList.vue       |  68 +++-------
 .../InvoiceOut/InvoiceOutNegativeBases.vue    | 123 +++---------------
 5 files changed, 67 insertions(+), 169 deletions(-)

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index baaf414d6..9585bf7fb 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -531,6 +531,7 @@ export default {
             company: 'Company',
             dued: 'Due date',
             shortDued: 'Due date',
+            amount: 'Amount',
         },
         card: {
             issued: 'Issued',
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 0ea506b55..30e982ea2 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -531,6 +531,7 @@ export default {
             company: 'Empresa',
             dued: 'Fecha vencimineto',
             shortDued: 'F. vencimiento',
+            amount: 'Importe',
         },
         card: {
             issued: 'Fecha emisión',
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 5a56a3957..afdc4ea7d 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -2,11 +2,15 @@
 import { onMounted, ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import axios from 'axios';
-import { toCurrency, toDate } from 'src/filters';
+
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
+import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
+
 import { getUrl } from 'src/composables/getUrl';
+import { toCurrency, toDate } from 'src/filters';
+import axios from 'axios';
 
 onMounted(async () => {
     fetch();
@@ -66,30 +70,34 @@ const taxColumns = ref([
 
 const ticketsColumns = ref([
     {
-        name: 'item',
-        label: 'invoiceOut.summary.ticketId',
+        name: 'id',
+        label: t('invoiceOut.summary.ticketId'),
         field: (row) => row.id,
         sortable: true,
+        align: 'left',
     },
     {
-        name: 'quantity',
-        label: 'invoiceOut.summary.nickname',
+        name: 'alias',
+        label: t('invoiceOut.summary.nickname'),
         field: (row) => row.nickname,
         sortable: true,
+        align: 'left',
     },
     {
         name: 'landed',
-        label: 'invoiceOut.summary.shipped',
+        label: t('invoiceOut.summary.shipped'),
         field: (row) => row.shipped,
         format: (value) => toDate(value),
         sortable: true,
+        align: 'left',
     },
     {
         name: 'landed',
-        label: 'invoiceOut.summary.totalWithVat',
+        label: t('invoiceOut.summary.totalWithVat'),
         field: (row) => row.totalWithVat,
         format: (value) => toCurrency(value),
         sortable: true,
+        align: 'left',
     },
 ]);
 </script>
@@ -139,17 +147,22 @@ const ticketsColumns = ref([
                     </template>
                 </QTable>
             </QCard>
-            <QCard class="vn-three">
+            <QCard class="vn-max">
                 <div class="header">
                     {{ t('invoiceOut.summary.tickets') }}
                 </div>
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
-                    <template #header="props">
-                        <QTr :props="props">
-                            <QTh v-for="col in props.cols" :key="col.name" :props="props">
-                                {{ t(col.label) }}
-                            </QTh>
-                        </QTr>
+                    <template #body-cell-id="{ row }">
+                        <QTd>
+                            <QBtn flat dense color="blue"> {{ row.id }}</QBtn>
+                            <TicketDescriptorProxy :id="row.id" />
+                        </QTd>
+                    </template>
+                    <template #body-cell-alias="{ row }">
+                        <QTd>
+                            <QBtn flat dense color="blue"> {{ row.nickname }}</QBtn>
+                            <CustomerDescriptorProxy :id="row.clientFk" />
+                        </QTd>
                     </template>
                 </QTable>
             </QCard>
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 8d3583da3..00e008af5 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -1,17 +1,20 @@
 <script setup>
-import { onMounted, onUnmounted, ref, watch } from 'vue';
+import { onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 import { exportFile, useQuasar } from 'quasar';
-import { useStateStore } from 'stores/useStateStore';
+
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import InvoiceOutSummaryDialog from './Card/InvoiceOutSummaryDialog.vue';
-import { toDate, toCurrency } from 'src/filters/index';
 import VnSearchbar from 'src/components/ui/VnSearchbar.vue';
-import InvoiceOutFilter from './InvoiceOutFilter.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vue';
+
+import InvoiceOutFilter from './InvoiceOutFilter.vue';
+import { toDate, toCurrency } from 'src/filters/index';
+import { useStateStore } from 'stores/useStateStore';
 
 const { t } = useI18n();
 const selectedCards = ref(new Map());
@@ -139,39 +142,7 @@ const downloadCsv = () => {
                             :disable="selectedCards.size === 0"
                             :label="t('globals.download')"
                         />
-                        <!-- <QBtnDropdown
-                            class="q-mr-xl"
-                            color="primary"
-                            :disable="!manageCheckboxes && arrayElements.length < 1"
-                            :label="t('globals.download')"
-                            v-else
-                        >
-                            <QList>
-                                <QItem clickable v-close-popup @click="downloadCsv(rows)">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{
-                                                t('globals.allRows', {
-                                                    numberRows: rows.length,
-                                                })
-                                            }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
 
-                                <QItem clickable v-close-popup @click="downloadCsv(rows)">
-                                    <QItemSection>
-                                        <QItemLabel>
-                                            {{
-                                                t('globals.selectRows', {
-                                                    numberRows: rows.length,
-                                                })
-                                            }}
-                                        </QItemLabel>
-                                    </QItemSection>
-                                </QItem>
-                            </QList>
-                        </QBtnDropdown> -->
                         <QCheckbox
                             left-label
                             :label="t('globals.markAll')"
@@ -196,18 +167,24 @@ const downloadCsv = () => {
                         >
                             <template #list-items>
                                 <VnLv
-                                    :label="t('invoiceOut.list.shortIssued')"
-                                    :title-label="t('invoiceOut.list.issued')"
+                                    :label="t('invoiceOut.list.amount')"
                                     :value="toDate(row.issued)"
                                 />
                                 <VnLv
                                     :label="t('invoiceOut.list.amount')"
                                     :value="toCurrency(row.amount)"
                                 />
-                                <VnLv
-                                    :label="t('invoiceOut.list.client')"
-                                    :value="row.clientSocialName"
-                                />
+
+                                <VnLv :label="t('invoiceOut.list.client')">
+                                    <template #value>
+                                        <span class="link" @click.stop>
+                                            {{ row?.clientSocialName }}
+                                            <CustomerDescriptorProxy
+                                                :id="row?.clientFk"
+                                            />
+                                        </span>
+                                    </template>
+                                </VnLv>
                                 <VnLv
                                     :label="t('invoiceOut.list.shortCreated')"
                                     :title-label="t('invoiceOut.list.created')"
@@ -224,13 +201,6 @@ const downloadCsv = () => {
                                 />
                             </template>
                             <template #actions>
-                                <QBtn
-                                    :label="t('components.smartCard.openCard')"
-                                    @click.stop="navigate(row.id)"
-                                    class="bg-vn-dark"
-                                    outline
-                                    type="reset"
-                                />
                                 <QBtn
                                     :label="t('components.smartCard.openSummary')"
                                     @click.stop="viewSummary(row.id)"
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index c832d577c..8b7da4b9b 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -1,17 +1,17 @@
 <script setup>
 import { ref, computed, onBeforeMount } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { QCheckbox, QBtn } from 'quasar';
 
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 import InvoiceOutNegativeFilter from './InvoiceOutNegativeBasesFilter.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
+import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 
 import { toCurrency } from 'src/filters';
 import { useInvoiceOutGlobalStore } from 'src/stores/invoiceOutGlobal.js';
 import { useStateStore } from 'stores/useStateStore';
 import { useArrayData } from 'composables/useArrayData';
-import VnUserLink from 'src/components/ui/VnUserLink.vue';
 
 const invoiceOutGlobalStore = useInvoiceOutGlobalStore();
 const stateStore = useStateStore();
@@ -47,76 +47,6 @@ onBeforeMount(async () => {
 
 const rows = computed(() => arrayData.value.store.data);
 
-const selectedCustomerId = ref(0);
-const selectedWorkerId = ref(0);
-
-const tableColumnComponents = {
-    company: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    country: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    clientId: {
-        component: QBtn,
-        props: () => ({ flat: true, color: 'blue' }),
-        event: (prop) => selectCustomerId(prop.value),
-    },
-    client: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    amount: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    base: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    ticketId: {
-        component: 'span',
-        props: () => {},
-        event: () => {},
-    },
-    active: {
-        component: QCheckbox,
-        props: (prop) => ({
-            disable: true,
-            'model-value': Boolean(prop.value),
-        }),
-        event: () => {},
-    },
-    hasToInvoice: {
-        component: QCheckbox,
-        props: (prop) => ({
-            disable: true,
-            'model-value': Boolean(prop.value),
-        }),
-        event: () => {},
-    },
-    verifiedData: {
-        component: QCheckbox,
-        props: (prop) => ({
-            disable: true,
-            'model-value': Boolean(prop.value),
-        }),
-        event: () => {},
-    },
-    comercial: {
-        component: QBtn,
-        props: () => ({ flat: true, color: 'blue' }),
-        event: (prop) => selectWorkerId(prop.row.comercialId),
-    },
-};
-
 const columns = computed(() => [
     {
         label: t('invoiceOut.negativeBases.company'),
@@ -205,14 +135,6 @@ const downloadCSV = async () => {
         params
     );
 };
-
-const selectCustomerId = (id) => {
-    selectedCustomerId.value = id;
-};
-
-const selectWorkerId = (id) => {
-    selectedWorkerId.value = id;
-};
 </script>
 
 <template>
@@ -236,31 +158,22 @@ const selectWorkerId = (id) => {
             :pagination="{ rowsPerPage: 0 }"
             class="full-width q-mt-md"
         >
-            <template #body-cell="props">
-                <QTd :props="props">
-                    <component
-                        :is="tableColumnComponents[props.col.name].component"
-                        class="col-content"
-                        v-bind="tableColumnComponents[props.col.name].props(props)"
-                        @click="tableColumnComponents[props.col.name].event(props)"
-                    >
-                        <template
-                            v-if="
-                                props.col.name !== 'active' &&
-                                props.col.name !== 'hasToInvoice' &&
-                                props.col.name !== 'verifiedData'
-                            "
-                            >{{ props.value }}
-                        </template>
-                        <CustomerDescriptorProxy
-                            v-if="props.col.name === 'clientId'"
-                            :id="selectedCustomerId"
-                        />
-                        <VnUserLink
-                            v-if="props.col.name === 'comercial'"
-                            :worker-id="selectedWorkerId"
-                        />
-                    </component>
+            <template #body-cell-clientId="{ row }">
+                <QTd>
+                    <QBtn flat dense color="blue"> {{ row.clientId }}</QBtn>
+                    <CustomerDescriptorProxy :id="row.clientId" />
+                </QTd>
+            </template>
+            <template #body-cell-ticketId="{ row }">
+                <QTd>
+                    <QBtn flat dense color="blue"> {{ row.ticketFk }}</QBtn>
+                    <TicketDescriptorProxy :id="row.ticketFk" />
+                </QTd>
+            </template>
+            <template #body-cell-comercial="{ row }">
+                <QTd>
+                    <QBtn flat dense color="blue">{{ row.comercialName }}</QBtn>
+                    <WorkerDescriptorProxy :id="row.comercialId" />
                 </QTd>
             </template>
         </QTable>

From df620566ef36a875fd67ff4bb2b2a34fad244e5f Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 12 Feb 2024 08:11:44 -0300
Subject: [PATCH 02/20] Invoice out globals corrections

---
 src/i18n/en/index.js                          |  2 +-
 src/i18n/es/index.js                          |  2 +-
 src/pages/InvoiceOut/InvoiceOutGlobalForm.vue | 17 ++---------
 src/stores/invoiceOutGlobal.js                | 30 ++++++++-----------
 4 files changed, 18 insertions(+), 33 deletions(-)

diff --git a/src/i18n/en/index.js b/src/i18n/en/index.js
index 9585bf7fb..5d6b1f65b 100644
--- a/src/i18n/en/index.js
+++ b/src/i18n/en/index.js
@@ -565,7 +565,7 @@ export default {
                 fillDates: 'Invoice date and the max date should be filled',
                 invoiceDateLessThanMaxDate: 'Invoice date can not be less than max date',
                 invoiceWithFutureDate: 'Exists an invoice with a future date',
-                noTicketsToInvoice: 'There are not clients to invoice',
+                noTicketsToInvoice: 'There are not tickets to invoice',
                 criticalInvoiceError: 'Critical invoicing error, process stopped',
             },
             table: {
diff --git a/src/i18n/es/index.js b/src/i18n/es/index.js
index 30e982ea2..5c60e840d 100644
--- a/src/i18n/es/index.js
+++ b/src/i18n/es/index.js
@@ -567,7 +567,7 @@ export default {
                 invoiceDateLessThanMaxDate:
                     'La fecha de la factura no puede ser menor que la fecha máxima',
                 invoiceWithFutureDate: 'Existe una factura con una fecha futura',
-                noTicketsToInvoice: 'No hay clientes para facturar',
+                noTicketsToInvoice: 'No existen tickets para facturar',
                 criticalInvoiceError: 'Error crítico en la facturación, proceso detenido',
             },
             table: {
diff --git a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
index c61b9f7ff..a000d6d4f 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobalForm.vue
@@ -13,13 +13,8 @@ const { t } = useI18n();
 const invoiceOutGlobalStore = useInvoiceOutGlobalStore();
 
 // invoiceOutGlobalStore state and getters
-const {
-    initialDataLoading,
-    formInitialData,
-
-    invoicing,
-    status,
-} = storeToRefs(invoiceOutGlobalStore);
+const { initialDataLoading, formInitialData, invoicing, status } =
+    storeToRefs(invoiceOutGlobalStore);
 
 // invoiceOutGlobalStore actions
 const { makeInvoice, setStatusValue } = invoiceOutGlobalStore;
@@ -32,13 +27,7 @@ const printersOptions = ref([]);
 
 const clientsOptions = ref([]);
 
-const formData = ref({
-    companyFk: null,
-    invoiceDate: null,
-    maxShipped: null,
-    clientId: null,
-    printer: null,
-});
+const formData = ref({});
 
 const optionsInitialData = computed(() => {
     return (
diff --git a/src/stores/invoiceOutGlobal.js b/src/stores/invoiceOutGlobal.js
index 7151aac5f..9929a0127 100644
--- a/src/stores/invoiceOutGlobal.js
+++ b/src/stores/invoiceOutGlobal.js
@@ -73,6 +73,9 @@ export const useInvoiceOutGlobalStore = defineStore({
                 const stringDate = data.issued.substring(0, 10);
                 this.minInvoicingDate = stringDate;
                 this.formInitialData.invoiceDate = stringDate;
+
+                this.minInvoicingDate = new Date(data.issued);
+                this.formInitialData.invoiceDate = this.minInvoicingDate;
             } catch (err) {
                 console.error('Error fetching invoice out global initial data');
                 throw new Error();
@@ -103,12 +106,9 @@ export const useInvoiceOutGlobalStore = defineStore({
 
                 if (clientsToInvoice == 'all') params.clientId = undefined;
 
-                const addressesResponse = await await axios.post(
-                    'InvoiceOuts/clientsToInvoice',
-                    params
-                );
+                const { data } = await axios.post('InvoiceOuts/clientsToInvoice', params);
 
-                this.addresses = addressesResponse.data;
+                this.addresses = data;
 
                 if (!this.addresses || !this.addresses.length > 0) {
                     notify(
@@ -118,9 +118,9 @@ export const useInvoiceOutGlobalStore = defineStore({
                     throw new Error("There aren't addresses to invoice");
                 }
 
-                this.addresses.forEach(async (address) => {
+                for (const address of this.addresses) {
                     await this.invoiceClient(address, formData);
-                });
+                }
             } catch (err) {
                 this.handleError(err);
             }
@@ -186,13 +186,10 @@ export const useInvoiceOutGlobalStore = defineStore({
                 this.status = 'invoicing';
                 this.invoicing = true;
 
-                const invoiceResponse = await axios.post(
-                    'InvoiceOuts/invoiceClient',
-                    params
-                );
+                const { data } = await axios.post('InvoiceOuts/invoiceClient', params);
 
-                if (invoiceResponse.data) {
-                    this.makePdfAndNotify(invoiceResponse.data, address);
+                if (data) {
+                    await this.makePdfAndNotify(data, address);
                 }
 
                 this.isInvoicing = false;
@@ -203,7 +200,7 @@ export const useInvoiceOutGlobalStore = defineStore({
                     err.response.status >= 400 &&
                     err.response.status < 500
                 ) {
-                    this.invoiceClientError(address, err.response);
+                    this.invoiceClientError(address, err.response?.data?.error?.message);
                     this.addressIndex++;
                     return;
                 } else {
@@ -227,12 +224,11 @@ export const useInvoiceOutGlobalStore = defineStore({
                 this.nPdfs++;
                 this.nRequests--;
             } catch (err) {
-                this.invoiceClientError(client, err, true);
+                this.invoiceClientError(client, err.response?.data?.error?.message, true);
             }
         },
 
-        invoiceClientError(client, response, isWarning) {
-            const message = response.data?.error?.message || response.message;
+        invoiceClientError(client, message, isWarning) {
             this.errors.unshift({ client, message, isWarning });
         },
 

From 8adee21f2beba0b1be5164fc6ff777117461b46e Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 14 Feb 2024 08:05:06 -0300
Subject: [PATCH 03/20] WIP

---
 .../Card/InvoiceOutDescriptorMenu.vue         | 69 +++++++++++++++----
 .../InvoiceOut/Card/InvoiceOutSummary.vue     |  4 +-
 2 files changed, 59 insertions(+), 14 deletions(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index ab8b6470b..94c05f772 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -6,35 +6,80 @@ const { t } = useI18n();
 
 <template>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Transfer invoice to') }}</QItemSection>
+        <QItemSection>{{ t('Transfer invoice to...') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('See invoice') }}</QItemSection>
+        <QItemSection>{{ t('Show invoice...') }}</QItemSection>
+        <QItemSection side>
+            <QIcon name="keyboard_arrow_right" />
+        </QItemSection>
+        <QMenu anchor="top end" self="top start">
+            <QList>
+                <QItem v-ripple clickable>
+                    <QItemSection>{{ t('As PDF') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable>
+                    <QItemSection>{{ t('As CSV') }}</QItemSection>
+                </QItem>
+            </QList>
+        </QMenu>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Send invoice') }}</QItemSection>
+        <QItemSection>{{ t('Send invoice...') }}</QItemSection>
+        <QItemSection side>
+            <QIcon name="keyboard_arrow_right" />
+        </QItemSection>
+        <QMenu anchor="top end" self="top start">
+            <QList>
+                <QItem v-ripple clickable>
+                    <QItemSection>{{ t('Send PDF') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable>
+                    <QItemSection>{{ t('Send CSV') }}</QItemSection>
+                </QItem>
+            </QList>
+        </QMenu>
     </QItem>
     <QItem v-ripple clickable>
         <QItemSection>{{ t('Delete invoice') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Post invoice') }}</QItemSection>
+        <QItemSection>{{ t('Book invoice') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Regenerate invoice PDF') }}</QItemSection>
+        <QItemSection>{{ t('Generate PDF invoice') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
-        <QItemSection>{{ t('Pass') }}</QItemSection>
+        <QItemSection>{{ t('Refund...') }}</QItemSection>
+        <QItemSection side>
+            <QIcon name="keyboard_arrow_right" />
+        </QItemSection>
+        <QMenu anchor="top end" self="top start">
+            <QList>
+                <QItem v-ripple clickable>
+                    <QItemSection>{{ t('With warehouse') }}</QItemSection>
+                </QItem>
+                <QItem v-ripple clickable>
+                    <QItemSection>{{ t('Without warehouse') }}</QItemSection>
+                </QItem>
+            </QList>
+        </QMenu>
     </QItem>
 </template>
 
 <i18n>
 es:
-    Transfer invoice to: Transferir factura a
-    See invoice: Ver factura
-    Send invoice: Enviar factura
+    Transfer invoice to...: Transferir factura a...
+    Show invoice...: Ver factura...
+    Send invoice...: Enviar factura...
     Delete invoice: Eliminar factura
-    Post invoice: Asentar factura
-    Regenerate invoice PDF: Regenerar PDF factura
-    Pass: Abono
+    Book invoice: Asentar factura
+    Generate PDF invoice: Generar PDF factura
+    Refund...: Abono
+    As PDF: como PDF
+    As CSV: como CSV
+    Send PDF: Enviar PDF
+    Send CSV: Enviar CSV
+    With warehouse: Con almacén
+    Without warehouse: Sin almacén
 </i18n>
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index afdc4ea7d..5721818e4 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -154,13 +154,13 @@ const ticketsColumns = ref([
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
                     <template #body-cell-id="{ row }">
                         <QTd>
-                            <QBtn flat dense color="blue"> {{ row.id }}</QBtn>
+                            <QBtn flat color="primary"> {{ row.id }}</QBtn>
                             <TicketDescriptorProxy :id="row.id" />
                         </QTd>
                     </template>
                     <template #body-cell-alias="{ row }">
                         <QTd>
-                            <QBtn flat dense color="blue"> {{ row.nickname }}</QBtn>
+                            <QBtn flat dense color="primary"> {{ row.nickname }}</QBtn>
                             <CustomerDescriptorProxy :id="row.clientFk" />
                         </QTd>
                     </template>

From ac555a01468560efa8a08841aa51299d9ff4c4bb Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 15 Feb 2024 11:36:53 -0300
Subject: [PATCH 04/20] Transfer invoice form

---
 src/components/TransferInvoiceForm.vue        | 190 ++++++++++++++++++
 .../InvoiceOut/Card/InvoiceOutDescriptor.vue  |  11 +-
 .../Card/InvoiceOutDescriptorMenu.vue         |  18 +-
 3 files changed, 214 insertions(+), 5 deletions(-)
 create mode 100644 src/components/TransferInvoiceForm.vue

diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
new file mode 100644
index 000000000..e62c7638c
--- /dev/null
+++ b/src/components/TransferInvoiceForm.vue
@@ -0,0 +1,190 @@
+<script setup>
+import { ref, reactive } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import VnRow from 'components/ui/VnRow.vue';
+import FetchData from 'components/FetchData.vue';
+import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import axios from 'axios';
+import useNotify from 'src/composables/useNotify.js';
+
+const $props = defineProps({
+    invoiceOutData: {
+        type: Object,
+        default: () => {},
+    },
+});
+
+const { t } = useI18n();
+const router = useRouter();
+const { notify } = useNotify();
+
+const transferInvoiceParams = reactive({
+    id: $props.invoiceOutData?.id,
+    refFk: $props.invoiceOutData?.ref,
+});
+const closeButton = ref(null);
+const isLoading = ref(false);
+const clientsOptions = ref([]);
+const rectificativeTypeOptions = ref([]);
+const siiTypeInvoiceOutsOptions = ref([]);
+const invoiceCorrectionTypesOptions = ref([]);
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+
+const transferInvoice = async () => {
+    try {
+        const { data } = await axios.post(
+            'InvoiceOuts/transferInvoice',
+            transferInvoiceParams
+        );
+        notify(t('Transferred invoice'), 'positive');
+        closeForm();
+        router.push('InvoiceOutSummary', { id: data.id });
+    } catch (err) {
+        console.error('Error transfering invoice', err);
+    }
+};
+</script>
+
+<template>
+    <FetchData
+        url="Clients"
+        @on-fetch="(data) => (clientsOptions = data)"
+        :filter="{ fields: ['id', 'name'], order: 'id', limit: 30 }"
+        auto-load
+    />
+    <FetchData
+        url="CplusRectificationTypes"
+        :filter="{ order: 'description' }"
+        @on-fetch="(data) => (rectificativeTypeOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="SiiTypeInvoiceOuts"
+        :filter="{ where: { code: { like: 'R%' } } }"
+        @on-fetch="(data) => (siiTypeInvoiceOutsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="InvoiceCorrectionTypes"
+        @on-fetch="(data) => (invoiceCorrectionTypesOptions = data)"
+        auto-load
+    />
+    <QForm @submit="transferInvoice()" class="all-pointer-events">
+        <QCard class="column" style="padding: 32px; z-index: 100">
+            <span ref="closeButton" class="close-icon" v-close-popup>
+                <QIcon name="close" size="sm" />
+            </span>
+            <h1 class="title">{{ t('Transfer invoice') }}</h1>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Client')"
+                        :options="clientsOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="transferInvoiceParams.newClientFk"
+                        :required="true"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        #{{ scope.opt?.id }} -
+                                        {{ scope.opt?.name }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Rectificative type')"
+                        :options="rectificativeTypeOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="transferInvoiceParams.cplusRectificationTypeFk"
+                        :required="true"
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Class')"
+                        :options="siiTypeInvoiceOutsOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="transferInvoiceParams.siiTypeInvoiceOutFk"
+                        :required="true"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt?.code }} -
+                                        {{ scope.opt?.description }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Type')"
+                        :options="invoiceCorrectionTypesOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="id"
+                        v-model="transferInvoiceParams.invoiceCorrectionTypeFk"
+                        :required="true"
+                    />
+                </div>
+            </VnRow>
+            <div class="q-mt-lg row justify-end">
+                <QBtn
+                    :label="t('Transfer client')"
+                    type="submit"
+                    color="primary"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
+            </div>
+        </QCard>
+    </QForm>
+</template>
+
+<i18n>
+es:
+    Transfer invoice: Transferir factura
+    Transfer client: Transferir cliente
+    Client: Cliente
+    Rectificative type: Tipo rectificativa
+    Class: Clase
+    Type: Tipo
+    Transferred invoice: Factura transferida
+</i18n>
+
+<style lang="scss" scoped>
+.title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.close-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}
+</style>
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
index 9c1bb3649..e01706e84 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptor.vue
@@ -2,13 +2,15 @@
 import { ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { toCurrency, toDate } from 'src/filters';
+
 import CardDescriptor from 'components/ui/CardDescriptor.vue';
 import CustomerDescriptorProxy from 'pages/Customer/Card/CustomerDescriptorProxy.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
-import useCardDescription from 'src/composables/useCardDescription';
 import InvoiceOutDescriptorMenu from './InvoiceOutDescriptorMenu.vue';
 
+import useCardDescription from 'src/composables/useCardDescription';
+import { toCurrency, toDate } from 'src/filters';
+
 const $props = defineProps({
     id: {
         type: Number,
@@ -23,7 +25,6 @@ const { t } = useI18n();
 const entityId = computed(() => {
     return $props.id || route.params.id;
 });
-const descriptor = ref();
 
 const filter = {
     include: [
@@ -42,6 +43,8 @@ const filter = {
     ],
 };
 
+const descriptor = ref();
+
 function ticketFilter(invoice) {
     return JSON.stringify({ refFk: invoice.ref });
 }
@@ -61,7 +64,7 @@ const setData = (entity) => (data.value = useCardDescription(entity.ref, entity.
         data-key="invoiceOutData"
     >
         <template #menu="{ entity }">
-            <InvoiceOutDescriptorMenu :invoice-out="entity" />
+            <InvoiceOutDescriptorMenu :invoice-out-data="entity" />
         </template>
         <template #body="{ entity }">
             <VnLv :label="t('invoiceOut.card.issued')" :value="toDate(entity.issued)" />
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index 94c05f772..a7e94951a 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -1,11 +1,23 @@
 <script setup>
+import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
+import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
+
+const $props = defineProps({
+    invoiceOutData: {
+        type: Object,
+        default: () => {},
+    },
+});
+
 const { t } = useI18n();
+
+const transferInvoiceDialogRef = ref();
 </script>
 
 <template>
-    <QItem v-ripple clickable>
+    <QItem v-ripple clickable @click="transferInvoiceDialogRef.show()">
         <QItemSection>{{ t('Transfer invoice to...') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
@@ -65,6 +77,10 @@ const { t } = useI18n();
             </QList>
         </QMenu>
     </QItem>
+
+    <QDialog ref="transferInvoiceDialogRef">
+        <TransferInvoiceForm :invoice-out-data="invoiceOutData" />
+    </QDialog>
 </template>
 
 <i18n>

From af12512de9d2804f2176c8a68e04ddc11083b934 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Thu, 15 Feb 2024 18:10:54 -0300
Subject: [PATCH 05/20] WIP

---
 src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index a7e94951a..3521ba0d7 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -14,6 +14,10 @@ const $props = defineProps({
 const { t } = useI18n();
 
 const transferInvoiceDialogRef = ref();
+
+const showInvoicePdf = () => {};
+
+const showInvoiceCsv = () => {};
 </script>
 
 <template>
@@ -27,10 +31,10 @@ const transferInvoiceDialogRef = ref();
         </QItemSection>
         <QMenu anchor="top end" self="top start">
             <QList>
-                <QItem v-ripple clickable>
+                <QItem v-ripple clickable @click="showInvoicePdf()">
                     <QItemSection>{{ t('As PDF') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable>
+                <QItem v-ripple clickable @click="showInvoiceCsv()">
                     <QItemSection>{{ t('As CSV') }}</QItemSection>
                 </QItem>
             </QList>

From 41e5110a8a4bbf6b276e0ab16a4ec987834f0487 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 16 Feb 2024 08:10:47 -0300
Subject: [PATCH 06/20] Invoice out list and summary changes

---
 src/pages/InvoiceOut/InvoiceOutList.vue | 69 ++++++++++++-------------
 1 file changed, 34 insertions(+), 35 deletions(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 7d19359d4..7bdf2ffbd 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -2,7 +2,6 @@
 import { onMounted, onUnmounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
-import { exportFile, useQuasar } from 'quasar';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import InvoiceOutSummary from './Card/InvoiceOutSummary.vue';
@@ -16,12 +15,14 @@ import InvoiceOutFilter from './InvoiceOutFilter.vue';
 import { toDate, toCurrency } from 'src/filters/index';
 import { useStateStore } from 'stores/useStateStore';
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
+import { useSession } from 'src/composables/useSession';
 
 const { t } = useI18n();
 const selectedCards = ref(new Map());
-const quasar = useQuasar();
 const router = useRouter();
 const stateStore = useStateStore();
+const session = useSession();
+const token = session.getToken();
 const { viewSummary } = useSummaryDialog();
 
 onMounted(() => (stateStore.rightDrawer = true));
@@ -55,35 +56,31 @@ const toggleAllCards = (cardsData) => {
     }
 };
 
-const downloadCsv = () => {
-    if (selectedCards.value.size === 0) return;
-    const selectedCardsArray = Array.from(selectedCards.value.values());
-    let file;
-    for (var i = 0; i < selectedCardsArray.length; i++) {
-        if (i == 0) file += Object.keys(selectedCardsArray[i]).join(';') + '\n';
-        file +=
-            Object.keys(selectedCardsArray[i])
-                .map(function (key) {
-                    return selectedCardsArray[i][key];
-                })
-                .join(';') + '\n';
-    }
-    const status = exportFile('file.csv', file, {
-        encoding: 'windows-1252',
-        mimeType: 'text/csv;charset=windows-1252;',
-    });
-    if (status === true) {
-        quasar.notify({
-            message: t('fileAllowed'),
-            color: 'positive',
-            icon: 'check',
-        });
-    } else {
-        quasar.notify({
-            message: t('fileDenied'),
-            color: 'negative',
-            icon: 'warning',
-        });
+const openPdf = () => {
+    try {
+        if (selectedCards.value.size === 0) return;
+        const selectedCardsArray = Array.from(selectedCards.value.values());
+
+        if (selectedCards.value.size === 1) {
+            const [invoiceOut] = selectedCardsArray;
+            const url = `api/InvoiceOuts/${invoiceOut.id}/download?access_token=${token}`;
+            window.open(url, '_blank');
+        } else {
+            const invoiceOutIdsArray = selectedCardsArray.map(
+                (invoiceOut) => invoiceOut.id
+            );
+            const invoiceOutIds = invoiceOutIdsArray.join(',');
+
+            const params = new URLSearchParams({
+                access_token: token,
+                ids: invoiceOutIds,
+            });
+
+            const url = `api/InvoiceOuts/downloadZip?${params}`;
+            window.open(url, '_blank');
+        }
+    } catch (err) {
+        console.error('Error opening PDF');
     }
 };
 </script>
@@ -129,13 +126,14 @@ const downloadCsv = () => {
                 <VnSubToolbar class="bg-vn-dark justify-end">
                     <template #st-actions>
                         <QBtn
-                            @click="downloadCsv()"
+                            @click="openPdf()"
                             class="q-mr-xl"
                             color="primary"
                             :disable="selectedCards.size === 0"
                             :label="t('globals.download')"
-                        />
-
+                        >
+                            <QTooltip>{{ t('downloadPdf') }}</QTooltip>
+                        </QBtn>
                         <QCheckbox
                             left-label
                             :label="t('globals.markAll')"
@@ -167,7 +165,6 @@ const downloadCsv = () => {
                                     :label="t('invoiceOut.list.amount')"
                                     :value="toCurrency(row.amount)"
                                 />
-
                                 <VnLv :label="t('invoiceOut.list.client')">
                                     <template #value>
                                         <span class="link" @click.stop>
@@ -216,9 +213,11 @@ en:
     fileDenied: Browser denied file download...
     fileAllowed: Successful download of CSV file
     youCanSearchByInvoiceReference: You can search by invoice reference
+    downloadPdf: Download PDF
 es:
     searchInvoice: Buscar factura emitida
     fileDenied: El navegador denegó la descarga de archivos...
     fileAllowed: Descarga exitosa de archivo CSV
     youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
+    downloadPdf: Download PDF
 </i18n>

From 6ace34cbb15cdae23cd5ffa6b35ccb84effce71b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Mon, 19 Feb 2024 17:23:50 -0300
Subject: [PATCH 07/20] descriptor menu show invoice actions

---
 .../Card/InvoiceOutDescriptorMenu.vue           | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index 3521ba0d7..ca2bf1304 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -4,6 +4,9 @@ import { useI18n } from 'vue-i18n';
 
 import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
 
+import { useSession } from 'src/composables/useSession';
+import { usePrintService } from 'composables/usePrintService';
+
 const $props = defineProps({
     invoiceOutData: {
         type: Object,
@@ -11,13 +14,23 @@ const $props = defineProps({
     },
 });
 
+const session = useSession();
+const token = session.getToken();
 const { t } = useI18n();
+const { openReport } = usePrintService();
 
 const transferInvoiceDialogRef = ref();
 
-const showInvoicePdf = () => {};
+const showInvoicePdf = () => {
+    const url = `api/InvoiceOuts/${$props.invoiceOutData.id}/download?access_token=${token}`;
+    window.open(url, '_blank');
+};
 
-const showInvoiceCsv = () => {};
+const showInvoiceCsv = () => {
+    openReport(`InvoiceOuts/${$props.invoiceOutData.ref}/invoice-csv`, {
+        recipientId: $props.invoiceOutData.client.id,
+    });
+};
 </script>
 
 <template>

From 587baa645e37cc98d9a655f500411b0f412e4b15 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 20 Feb 2024 08:47:24 -0300
Subject: [PATCH 08/20] generic FormPopup creation and SendInvoiceForm creation

---
 src/components/FormPopup.vue                  | 93 +++++++++++++++++++
 .../Card/InvoiceOutDescriptorMenu.vue         | 15 ++-
 src/pages/InvoiceOut/Card/SendInvoiceForm.vue | 41 ++++++++
 3 files changed, 147 insertions(+), 2 deletions(-)
 create mode 100644 src/components/FormPopup.vue
 create mode 100644 src/pages/InvoiceOut/Card/SendInvoiceForm.vue

diff --git a/src/components/FormPopup.vue b/src/components/FormPopup.vue
new file mode 100644
index 000000000..951d697d5
--- /dev/null
+++ b/src/components/FormPopup.vue
@@ -0,0 +1,93 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+const emit = defineEmits(['onDataSaved']);
+
+const $props = defineProps({
+    title: {
+        type: String,
+        default: '',
+    },
+    subtitle: {
+        type: String,
+        default: '',
+    },
+    defaultSaveButton: {
+        type: Boolean,
+        default: true,
+    },
+    defaultCancelButton: {
+        type: Boolean,
+        default: true,
+    },
+});
+
+const { t } = useI18n();
+
+const closeButton = ref(null);
+const isLoading = ref(false);
+
+const onDataSaved = (dataSaved) => {
+    emit('onDataSaved', dataSaved);
+    closeForm();
+};
+
+const closeForm = () => {
+    if (closeButton.value) closeButton.value.click();
+};
+</script>
+
+<template>
+    <QForm
+        @submit="onDataSaved($event)"
+        class="all-pointer-events full-width"
+        style="max-width: 800px"
+    >
+        <QCard class="q-pa-lg">
+            <span ref="closeButton" class="close-icon" v-close-popup>
+                <QIcon name="close" size="sm" />
+            </span>
+            <h1 class="title">{{ title }}</h1>
+            <p>{{ subtitle }}</p>
+            <slot name="form-inputs" />
+            <div class="q-mt-lg row justify-end">
+                <QBtn
+                    v-if="defaultSaveButton"
+                    :label="t('globals.save')"
+                    type="submit"
+                    color="primary"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                />
+                <QBtn
+                    v-if="defaultCancelButton"
+                    :label="t('globals.cancel')"
+                    type="reset"
+                    color="primary"
+                    flat
+                    class="q-ml-sm"
+                    :disabled="isLoading"
+                    :loading="isLoading"
+                    v-close-popup
+                />
+                <slot name="customButtons" />
+            </div>
+        </QCard>
+    </QForm>
+</template>
+
+<style lang="scss" scoped>
+.title {
+    font-size: 17px;
+    font-weight: bold;
+    line-height: 20px;
+}
+
+.close-icon {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    cursor: pointer;
+}
+</style>
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index ca2bf1304..76b9cefdc 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -3,6 +3,7 @@ import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
+import SendInvoiceForm from './SendInvoiceForm.vue';
 
 import { useSession } from 'src/composables/useSession';
 import { usePrintService } from 'composables/usePrintService';
@@ -20,6 +21,8 @@ const { t } = useI18n();
 const { openReport } = usePrintService();
 
 const transferInvoiceDialogRef = ref();
+const sendInvoiceFormRef = ref();
+const invoiceFormType = ref(null);
 
 const showInvoicePdf = () => {
     const url = `api/InvoiceOuts/${$props.invoiceOutData.id}/download?access_token=${token}`;
@@ -31,6 +34,11 @@ const showInvoiceCsv = () => {
         recipientId: $props.invoiceOutData.client.id,
     });
 };
+
+const showSendInvoiceForm = (type) => {
+    invoiceFormType.value = type;
+    sendInvoiceFormRef.value.show();
+};
 </script>
 
 <template>
@@ -60,10 +68,10 @@ const showInvoiceCsv = () => {
         </QItemSection>
         <QMenu anchor="top end" self="top start">
             <QList>
-                <QItem v-ripple clickable>
+                <QItem v-ripple clickable @click="showSendInvoiceForm()">
                     <QItemSection>{{ t('Send PDF') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable>
+                <QItem v-ripple clickable @click="showSendInvoiceForm()">
                     <QItemSection>{{ t('Send CSV') }}</QItemSection>
                 </QItem>
             </QList>
@@ -98,6 +106,9 @@ const showInvoiceCsv = () => {
     <QDialog ref="transferInvoiceDialogRef">
         <TransferInvoiceForm :invoice-out-data="invoiceOutData" />
     </QDialog>
+    <QDialog ref="sendInvoiceFormRef">
+        <SendInvoiceForm />
+    </QDialog>
 </template>
 
 <i18n>
diff --git a/src/pages/InvoiceOut/Card/SendInvoiceForm.vue b/src/pages/InvoiceOut/Card/SendInvoiceForm.vue
new file mode 100644
index 000000000..3956dab08
--- /dev/null
+++ b/src/pages/InvoiceOut/Card/SendInvoiceForm.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+
+import VnRow from 'components/ui/VnRow.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FormPopup from 'src/components/FormPopup.vue';
+
+const emit = defineEmits(['onDataSaved']);
+
+const { t } = useI18n();
+
+const email = ref(null);
+
+const onDataSaved = (dataSaved) => {
+    emit('onDataSaved', dataSaved);
+};
+</script>
+
+<template>
+    <FormPopup
+        :title="t('New thermograph')"
+        :subtitle="t('Are you sure you want to send it?')"
+        @on-data-saved="onDataSaved($event)"
+    >
+        <template #form-inputs>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnInput :label="t('Email')" v-model="email" type="email" />
+                </div>
+            </VnRow>
+        </template>
+    </FormPopup>
+</template>
+
+<i18n>
+es:
+    Email: Email
+    Confirm: Confirmar
+    Are you sure you want to send it?: ¿Seguro que quieres enviarlo?
+</i18n>

From c407566d676d707154438d3a4f9dc9365358d4f0 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 21 Feb 2024 11:27:32 -0300
Subject: [PATCH 09/20] descriptor menu actions

---
 src/components/FormPopup.vue                  |  19 +-
 src/components/TransferInvoiceForm.vue        |  44 ++---
 src/composables/useVnConfirm.js               |  23 +++
 .../Card/InvoiceOutDescriptorMenu.vue         | 163 ++++++++++++++++--
 4 files changed, 192 insertions(+), 57 deletions(-)
 create mode 100644 src/composables/useVnConfirm.js

diff --git a/src/components/FormPopup.vue b/src/components/FormPopup.vue
index 951d697d5..b6eff5d80 100644
--- a/src/components/FormPopup.vue
+++ b/src/components/FormPopup.vue
@@ -2,7 +2,7 @@
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-const emit = defineEmits(['onDataSaved']);
+const emit = defineEmits(['onSubmit']);
 
 const $props = defineProps({
     title: {
@@ -13,7 +13,7 @@ const $props = defineProps({
         type: String,
         default: '',
     },
-    defaultSaveButton: {
+    defaultSubmitButton: {
         type: Boolean,
         default: true,
     },
@@ -21,6 +21,10 @@ const $props = defineProps({
         type: Boolean,
         default: true,
     },
+    customSubmitButtonLabel: {
+        type: String,
+        default: '',
+    },
 });
 
 const { t } = useI18n();
@@ -28,8 +32,8 @@ const { t } = useI18n();
 const closeButton = ref(null);
 const isLoading = ref(false);
 
-const onDataSaved = (dataSaved) => {
-    emit('onDataSaved', dataSaved);
+const onSubmit = () => {
+    emit('onSubmit');
     closeForm();
 };
 
@@ -40,7 +44,7 @@ const closeForm = () => {
 
 <template>
     <QForm
-        @submit="onDataSaved($event)"
+        @submit="onSubmit($event)"
         class="all-pointer-events full-width"
         style="max-width: 800px"
     >
@@ -53,8 +57,8 @@ const closeForm = () => {
             <slot name="form-inputs" />
             <div class="q-mt-lg row justify-end">
                 <QBtn
-                    v-if="defaultSaveButton"
-                    :label="t('globals.save')"
+                    v-if="defaultSubmitButton"
+                    :label="customSubmitButtonLabel || t('globals.save')"
                     type="submit"
                     color="primary"
                     :disabled="isLoading"
@@ -63,7 +67,6 @@ const closeForm = () => {
                 <QBtn
                     v-if="defaultCancelButton"
                     :label="t('globals.cancel')"
-                    type="reset"
                     color="primary"
                     flat
                     class="q-ml-sm"
diff --git a/src/components/TransferInvoiceForm.vue b/src/components/TransferInvoiceForm.vue
index e62c7638c..b7d8f3081 100644
--- a/src/components/TransferInvoiceForm.vue
+++ b/src/components/TransferInvoiceForm.vue
@@ -6,6 +6,8 @@ import { useRouter } from 'vue-router';
 import VnRow from 'components/ui/VnRow.vue';
 import FetchData from 'components/FetchData.vue';
 import VnSelectFilter from 'components/common/VnSelectFilter.vue';
+import FormPopup from './FormPopup.vue';
+
 import axios from 'axios';
 import useNotify from 'src/composables/useNotify.js';
 
@@ -25,7 +27,6 @@ const transferInvoiceParams = reactive({
     refFk: $props.invoiceOutData?.ref,
 });
 const closeButton = ref(null);
-const isLoading = ref(false);
 const clientsOptions = ref([]);
 const rectificativeTypeOptions = ref([]);
 const siiTypeInvoiceOutsOptions = ref([]);
@@ -74,12 +75,13 @@ const transferInvoice = async () => {
         @on-fetch="(data) => (invoiceCorrectionTypesOptions = data)"
         auto-load
     />
-    <QForm @submit="transferInvoice()" class="all-pointer-events">
-        <QCard class="column" style="padding: 32px; z-index: 100">
-            <span ref="closeButton" class="close-icon" v-close-popup>
-                <QIcon name="close" size="sm" />
-            </span>
-            <h1 class="title">{{ t('Transfer invoice') }}</h1>
+    <FormPopup
+        @on-submit="transferInvoice()"
+        :title="t('Transfer invoice')"
+        :custom-submit-button-label="t('Transfer client')"
+        :default-cancel-button="false"
+    >
+        <template #form-inputs>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
                     <VnSelectFilter
@@ -150,17 +152,8 @@ const transferInvoice = async () => {
                     />
                 </div>
             </VnRow>
-            <div class="q-mt-lg row justify-end">
-                <QBtn
-                    :label="t('Transfer client')"
-                    type="submit"
-                    color="primary"
-                    :disabled="isLoading"
-                    :loading="isLoading"
-                />
-            </div>
-        </QCard>
-    </QForm>
+        </template>
+    </FormPopup>
 </template>
 
 <i18n>
@@ -173,18 +166,3 @@ es:
     Type: Tipo
     Transferred invoice: Factura transferida
 </i18n>
-
-<style lang="scss" scoped>
-.title {
-    font-size: 17px;
-    font-weight: bold;
-    line-height: 20px;
-}
-
-.close-icon {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    cursor: pointer;
-}
-</style>
diff --git a/src/composables/useVnConfirm.js b/src/composables/useVnConfirm.js
new file mode 100644
index 000000000..430a290be
--- /dev/null
+++ b/src/composables/useVnConfirm.js
@@ -0,0 +1,23 @@
+import VnConfirm from 'components/ui/VnConfirm.vue';
+import { useQuasar } from 'quasar';
+
+export function useSummaryDialog() {
+    const quasar = useQuasar();
+
+    const openConfirmationModal = (title, message, promise, successFn) => {
+        quasar
+            .dialog({
+                component: VnConfirm,
+                componentProps: {
+                    title: title,
+                    message: message,
+                    promise: promise,
+                },
+            })
+            .onOk(async () => {
+                if (successFn) successFn();
+            });
+    };
+
+    return { openConfirmationModal };
+}
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index 76b9cefdc..fc84c042b 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -1,12 +1,17 @@
 <script setup>
 import { ref } from 'vue';
 import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+import { useQuasar } from 'quasar';
 
 import TransferInvoiceForm from 'src/components/TransferInvoiceForm.vue';
-import SendInvoiceForm from './SendInvoiceForm.vue';
+import SendEmailDialog from 'components/common/SendEmailDialog.vue';
 
+import useNotify from 'src/composables/useNotify';
 import { useSession } from 'src/composables/useSession';
 import { usePrintService } from 'composables/usePrintService';
+import { useSummaryDialog } from 'composables/useVnConfirm';
+import axios from 'axios';
 
 const $props = defineProps({
     invoiceOutData: {
@@ -15,14 +20,18 @@ const $props = defineProps({
     },
 });
 
+const { notify } = useNotify();
+const router = useRouter();
 const session = useSession();
 const token = session.getToken();
 const { t } = useI18n();
-const { openReport } = usePrintService();
+const { openReport, sendEmail } = usePrintService();
+const { openConfirmationModal } = useSummaryDialog();
+const quasar = useQuasar();
 
 const transferInvoiceDialogRef = ref();
-const sendInvoiceFormRef = ref();
-const invoiceFormType = ref(null);
+const invoiceFormType = ref('pdf');
+const defaultEmailAddress = ref($props.invoiceOutData.client?.email);
 
 const showInvoicePdf = () => {
     const url = `api/InvoiceOuts/${$props.invoiceOutData.id}/download?access_token=${token}`;
@@ -35,9 +44,86 @@ const showInvoiceCsv = () => {
     });
 };
 
-const showSendInvoiceForm = (type) => {
+const showSendInvoiceDialog = (type) => {
     invoiceFormType.value = type;
-    sendInvoiceFormRef.value.show();
+    quasar.dialog({
+        component: SendEmailDialog,
+        componentProps: {
+            data: {
+                address: defaultEmailAddress.value,
+            },
+            promise: sendEmailInvoice,
+        },
+    });
+};
+
+const sendEmailInvoice = async ({ address }) => {
+    try {
+        if (!address) notify(`The email can't be empty`, 'negative');
+
+        if (invoiceFormType.value === 'pdf') {
+            return sendEmail(`InvoiceOuts/${$props.invoiceOutData.ref}/invoice-email`, {
+                recipientId: $props.invoiceOutData.client.id,
+                recipient: address,
+            });
+        } else {
+            return sendEmail(
+                `InvoiceOuts/${$props.invoiceOutData.ref}/invoice-csv-email`,
+                {
+                    recipientId: $props.invoiceOutData.client.id,
+                    recipient: address,
+                }
+            );
+        }
+    } catch (err) {
+        console.error('Error sending email', err);
+    }
+};
+
+const redirectToInvoiceOutList = () => {
+    router.push({ name: 'InvoiceOutList' });
+};
+
+const deleteInvoice = async () => {
+    try {
+        await axios.post(`InvoiceOuts/${$props.invoiceOutData.id}/delete`);
+        notify(t('InvoiceOut deleted'), 'positive');
+    } catch (err) {
+        console.error('Error deleting invoice out', err);
+    }
+};
+
+const bookInvoice = async () => {
+    try {
+        await axios.post(`InvoiceOuts/${$props.invoiceOutData.ref}/book`);
+        notify(t('InvoiceOut booked'), 'positive');
+    } catch (err) {
+        console.error('Error booking invoice out', err);
+    }
+};
+
+const generateInvoicePdf = async () => {
+    try {
+        await axios.post(`InvoiceOuts/${$props.invoiceOutData.id}/createPdf`);
+        notify(t('The invoice PDF document has been regenerated'), 'positive');
+    } catch (err) {
+        console.error('Error generating invoice out pdf', err);
+    }
+};
+
+const refundInvoice = async (withWarehouse) => {
+    try {
+        const params = { ref: $props.invoiceOutData.ref, withWarehouse: withWarehouse };
+        const { data } = await axios.post('InvoiceOuts/refund', params);
+        notify(
+            t('refundInvoiceSuccessMessage', {
+                refundTicket: data[0].id,
+            }),
+            'positive'
+        );
+    } catch (err) {
+        console.error('Error generating invoice out pdf', err);
+    }
 };
 </script>
 
@@ -68,22 +154,53 @@ const showSendInvoiceForm = (type) => {
         </QItemSection>
         <QMenu anchor="top end" self="top start">
             <QList>
-                <QItem v-ripple clickable @click="showSendInvoiceForm()">
+                <QItem v-ripple clickable @click="showSendInvoiceDialog('pdf')">
                     <QItemSection>{{ t('Send PDF') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable @click="showSendInvoiceForm()">
+                <QItem v-ripple clickable @click="showSendInvoiceDialog('csv')">
                     <QItemSection>{{ t('Send CSV') }}</QItemSection>
                 </QItem>
             </QList>
         </QMenu>
     </QItem>
-    <QItem v-ripple clickable>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('Confirm deletion'),
+                t('Are you sure you want to delete this invoice?'),
+                deleteInvoice,
+                redirectToInvoiceOutList
+            )
+        "
+    >
         <QItemSection>{{ t('Delete invoice') }}</QItemSection>
     </QItem>
-    <QItem v-ripple clickable>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                '',
+                t('Are you sure you want to book this invoice?'),
+                bookInvoice
+            )
+        "
+    >
         <QItemSection>{{ t('Book invoice') }}</QItemSection>
     </QItem>
-    <QItem v-ripple clickable>
+    <QItem
+        v-ripple
+        clickable
+        @click="
+            openConfirmationModal(
+                t('Generate PDF invoice document'),
+                t('Are you sure you want to generate/regenerate the PDF invoice?'),
+                generateInvoicePdf
+            )
+        "
+    >
         <QItemSection>{{ t('Generate PDF invoice') }}</QItemSection>
     </QItem>
     <QItem v-ripple clickable>
@@ -93,22 +210,22 @@ const showSendInvoiceForm = (type) => {
         </QItemSection>
         <QMenu anchor="top end" self="top start">
             <QList>
-                <QItem v-ripple clickable>
+                <QItem v-ripple clickable @click="refundInvoice(true)">
                     <QItemSection>{{ t('With warehouse') }}</QItemSection>
                 </QItem>
-                <QItem v-ripple clickable>
+                <QItem v-ripple clickable @click="refundInvoice(false)">
                     <QItemSection>{{ t('Without warehouse') }}</QItemSection>
                 </QItem>
             </QList>
         </QMenu>
+        <QTooltip>
+            {{ t('Create a single ticket with all the content of the current invoice') }}
+        </QTooltip>
     </QItem>
 
     <QDialog ref="transferInvoiceDialogRef">
         <TransferInvoiceForm :invoice-out-data="invoiceOutData" />
     </QDialog>
-    <QDialog ref="sendInvoiceFormRef">
-        <SendInvoiceForm />
-    </QDialog>
 </template>
 
 <i18n>
@@ -126,4 +243,18 @@ es:
     Send CSV: Enviar CSV
     With warehouse: Con almacén
     Without warehouse: Sin almacén
+    InvoiceOut deleted: Factura eliminada
+    Confirm deletion: Confirmar eliminación
+    Are you sure you want to delete this invoice?: Estas seguro de eliminar esta factura?
+    Are you sure you want to book this invoice?: Estas seguro de querer asentar esta factura?
+    InvoiceOut booked: Factura asentada
+    Generate PDF invoice document: Generar PDF de la factura
+    Are you sure you want to generate/regenerate the PDF invoice?: ¿Seguro que quieres generar/regenerar el PDF de la factura?
+    The invoice PDF document has been regenerated: El documento PDF de la factura ha sido regenerado
+    Create a single ticket with all the content of the current invoice: Crear un ticket único con todo el contenido de la factura actual
+    refundInvoiceSuccessMessage: Se ha creado el siguiente ticket de abono {refundTicket}
+    The email can't be empty: El email no puede estar vacío
+
+en:
+    refundInvoiceSuccessMessage: The following refund ticket have been created {refundTicket}
 </i18n>

From 4b860e05837c623f98f6725bfec90ab3993d6938 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 5 Mar 2024 08:54:15 -0300
Subject: [PATCH 10/20] Change issued title

---
 src/pages/InvoiceOut/InvoiceOutList.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 7bdf2ffbd..ad54d9908 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -158,7 +158,7 @@ const openPdf = () => {
                         >
                             <template #list-items>
                                 <VnLv
-                                    :label="t('invoiceOut.list.amount')"
+                                    :label="t('invoiceOut.list.issued')"
                                     :value="toDate(row.issued)"
                                 />
                                 <VnLv

From 12a470b7d919e3dda0f8955a46fea6ea3a06d88b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 5 Mar 2024 09:27:44 -0300
Subject: [PATCH 11/20] Add links to invoice out summary tickets table

---
 .../InvoiceOut/Card/InvoiceOutSummary.vue     | 30 ++++++++++---------
 1 file changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
index 5721818e4..d74969319 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
@@ -2,16 +2,14 @@
 import { onMounted, ref, computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-
+import axios from 'axios';
+import { toCurrency, toDate } from 'src/filters';
 import CardSummary from 'components/ui/CardSummary.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
+import { getUrl } from 'src/composables/getUrl';
 import TicketDescriptorProxy from 'src/pages/Ticket/Card/TicketDescriptorProxy.vue';
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
 
-import { getUrl } from 'src/composables/getUrl';
-import { toCurrency, toDate } from 'src/filters';
-import axios from 'axios';
-
 onMounted(async () => {
     fetch();
     salixUrl.value = await getUrl('');
@@ -70,14 +68,14 @@ const taxColumns = ref([
 
 const ticketsColumns = ref([
     {
-        name: 'id',
+        name: 'item',
         label: t('invoiceOut.summary.ticketId'),
         field: (row) => row.id,
         sortable: true,
         align: 'left',
     },
     {
-        name: 'alias',
+        name: 'quantity',
         label: t('invoiceOut.summary.nickname'),
         field: (row) => row.nickname,
         sortable: true,
@@ -147,21 +145,25 @@ const ticketsColumns = ref([
                     </template>
                 </QTable>
             </QCard>
-            <QCard class="vn-max">
+            <QCard class="vn-three">
                 <div class="header">
                     {{ t('invoiceOut.summary.tickets') }}
                 </div>
                 <QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
-                    <template #body-cell-id="{ row }">
+                    <template #body-cell-item="{ value }">
                         <QTd>
-                            <QBtn flat color="primary"> {{ row.id }}</QBtn>
-                            <TicketDescriptorProxy :id="row.id" />
+                            <QBtn flat color="primary">
+                                {{ value }}
+                                <TicketDescriptorProxy :id="value" />
+                            </QBtn>
                         </QTd>
                     </template>
-                    <template #body-cell-alias="{ row }">
+                    <template #body-cell-quantity="{ value, row }">
                         <QTd>
-                            <QBtn flat dense color="primary"> {{ row.nickname }}</QBtn>
-                            <CustomerDescriptorProxy :id="row.clientFk" />
+                            <QBtn flat color="primary" dense>
+                                {{ value }}
+                                <CustomerDescriptorProxy :id="row.id" />
+                            </QBtn>
                         </QTd>
                     </template>
                 </QTable>

From 87ab080b38e5d2c32bde79684a38e16aaa93dd7b Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 5 Mar 2024 09:53:46 -0300
Subject: [PATCH 12/20] Change negative bases download button icon and tooltip

---
 src/pages/InvoiceOut/InvoiceOutNegativeBases.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index 5e82adf2a..e1740257a 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -140,7 +140,9 @@ const downloadCSV = async () => {
 <template>
     <template v-if="stateStore.isHeaderMounted()">
         <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
-            <QBtn color="primary" icon-right="archive" no-caps @click="downloadCSV()" />
+            <QBtn color="primary" icon-right="download" no-caps @click="downloadCSV()">
+                <QTooltip>{{ t('Download as CSV') }}</QTooltip>
+            </QBtn>
         </Teleport>
     </template>
     <QDrawer v-model="stateStore.rightDrawer" side="right" :width="256" show-if-above>
@@ -187,4 +189,7 @@ const downloadCSV = async () => {
 }
 </style>
 
-<i18n></i18n>
+<i18n>
+es:
+    Download as CSV: Descargar como CSV
+</i18n>

From 859c87940d92761381b53b53cb69b2f4cdea2815 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Wed, 6 Mar 2024 08:15:50 -0300
Subject: [PATCH 13/20] Several changes

---
 src/pages/InvoiceOut/InvoiceOutGlobal.vue     | 11 ++++++-
 src/pages/InvoiceOut/InvoiceOutList.vue       |  2 +-
 .../InvoiceOut/InvoiceOutNegativeBases.vue    | 30 +++++++++++++++++--
 src/router/modules/invoiceOut.js              |  2 +-
 src/stores/invoiceOutGlobal.js                |  8 ++---
 5 files changed, 42 insertions(+), 11 deletions(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutGlobal.vue b/src/pages/InvoiceOut/InvoiceOutGlobal.vue
index 7e2b43a76..6f7e4c7fd 100644
--- a/src/pages/InvoiceOut/InvoiceOutGlobal.vue
+++ b/src/pages/InvoiceOut/InvoiceOutGlobal.vue
@@ -21,6 +21,7 @@ const {
     nPdfs,
     totalPdfs,
     errors,
+    addresses,
 } = storeToRefs(invoiceOutGlobalStore);
 
 const selectedCustomerId = ref(null);
@@ -86,6 +87,14 @@ const selectCustomerId = (id) => {
     selectedCustomerId.value = id;
 };
 
+const statusText = computed(() => {
+    return status.value === 'invoicing'
+        ? `${t(`status.${status.value}`)} ${
+              addresses.value[getAddressNumber.value]?.clientId
+          }`
+        : t(`status.${status.value}`);
+});
+
 onMounted(() => (stateStore.rightDrawer = true));
 onUnmounted(() => {
     stateStore.rightDrawer = false;
@@ -103,7 +112,7 @@ onUnmounted(() => {
     <QPage class="column items-center q-pa-md">
         <QCard v-if="status" class="card">
             <QCardSection class="card-section">
-                <span class="text">{{ t(`status.${status}`) }}</span>
+                <span class="text">{{ statusText }}</span>
                 <span class="text">{{
                     t('invoiceOut.globalInvoices.statusCard.percentageText', {
                         getPercentage: getPercentage,
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index ad54d9908..ca68f0770 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -119,7 +119,7 @@ const openPdf = () => {
         <VnPaginate
             auto-load
             data-key="InvoiceOutList"
-            order="issued DESC, id DESC"
+            :order="['issued DESC', 'id DESC']"
             url="InvoiceOuts/filter"
         >
             <template #body="{ rows }">
diff --git a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
index e1740257a..fb3596499 100644
--- a/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
+++ b/src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, computed, onBeforeMount } from 'vue';
+import { ref, computed, onBeforeMount, onMounted, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import CustomerDescriptorProxy from 'src/pages/Customer/Card/CustomerDescriptorProxy.vue';
@@ -45,6 +45,14 @@ onBeforeMount(async () => {
     stateStore.rightDrawer = true;
 });
 
+const componentIsRendered = ref(false);
+
+onMounted(() =>
+    nextTick(() => {
+        componentIsRendered.value = true;
+    })
+);
+
 const rows = computed(() => arrayData.value.store.data);
 
 const columns = computed(() => [
@@ -139,7 +147,10 @@ const downloadCSV = async () => {
 
 <template>
     <template v-if="stateStore.isHeaderMounted()">
-        <Teleport to="#st-actions" v-if="stateStore?.isSubToolbarShown()">
+        <Teleport
+            to="#st-actions"
+            v-if="stateStore?.isSubToolbarShown() && componentIsRendered"
+        >
             <QBtn color="primary" icon-right="download" no-caps @click="downloadCSV()">
                 <QTooltip>{{ t('Download as CSV') }}</QTooltip>
             </QBtn>
@@ -178,6 +189,21 @@ const downloadCSV = async () => {
                     <WorkerDescriptorProxy :id="row.comercialId" />
                 </QTd>
             </template>
+            <template #body-cell-active="{ row }">
+                <QTd>
+                    <QCheckbox :model-value="!!row.isActive" disable />
+                </QTd>
+            </template>
+            <template #body-cell-hasToInvoice="{ row }">
+                <QTd>
+                    <QCheckbox :model-value="!!row.hasToInvoice" disable />
+                </QTd>
+            </template>
+            <template #body-cell-verifiedData="{ row }">
+                <QTd>
+                    <QCheckbox :model-value="!!row.isTaxDataChecked" disable />
+                </QTd>
+            </template>
         </QTable>
     </QPage>
 </template>
diff --git a/src/router/modules/invoiceOut.js b/src/router/modules/invoiceOut.js
index 084cf6ac3..b9648e96a 100644
--- a/src/router/modules/invoiceOut.js
+++ b/src/router/modules/invoiceOut.js
@@ -43,7 +43,7 @@ export default {
                     name: 'InvoiceOutNegativeBases',
                     meta: {
                         title: 'negativeBases',
-                        icon: 'view_list',
+                        icon: 'vn:ticket',
                     },
                     component: () =>
                         import('src/pages/InvoiceOut/InvoiceOutNegativeBases.vue'),
diff --git a/src/stores/invoiceOutGlobal.js b/src/stores/invoiceOutGlobal.js
index 9929a0127..b1bcc0e7d 100644
--- a/src/stores/invoiceOutGlobal.js
+++ b/src/stores/invoiceOutGlobal.js
@@ -107,7 +107,6 @@ export const useInvoiceOutGlobalStore = defineStore({
                 if (clientsToInvoice == 'all') params.clientId = undefined;
 
                 const { data } = await axios.post('InvoiceOuts/clientsToInvoice', params);
-
                 this.addresses = data;
 
                 if (!this.addresses || !this.addresses.length > 0) {
@@ -188,10 +187,8 @@ export const useInvoiceOutGlobalStore = defineStore({
 
                 const { data } = await axios.post('InvoiceOuts/invoiceClient', params);
 
-                if (data) {
-                    await this.makePdfAndNotify(data, address);
-                }
-
+                if (data) await this.makePdfAndNotify(data, address);
+                this.addressIndex++;
                 this.isInvoicing = false;
             } catch (err) {
                 if (
@@ -201,7 +198,6 @@ export const useInvoiceOutGlobalStore = defineStore({
                     err.response.status < 500
                 ) {
                     this.invoiceClientError(address, err.response?.data?.error?.message);
-                    this.addressIndex++;
                     return;
                 } else {
                     this.invoicing = false;

From 0e79676f588a444b1e87a7e1e590da954267ab24 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 8 Mar 2024 09:02:49 -0300
Subject: [PATCH 14/20] Create manual invoice WIP

---
 src/components/CreateManualInvoiceForm.vue | 155 +++++++++++++++++++++
 src/components/FormModelPopup.vue          |   6 +-
 src/pages/InvoiceOut/InvoiceOutList.vue    |  26 +++-
 3 files changed, 183 insertions(+), 4 deletions(-)
 create mode 100644 src/components/CreateManualInvoiceForm.vue

diff --git a/src/components/CreateManualInvoiceForm.vue b/src/components/CreateManualInvoiceForm.vue
new file mode 100644
index 000000000..de5decaad
--- /dev/null
+++ b/src/components/CreateManualInvoiceForm.vue
@@ -0,0 +1,155 @@
+<script setup>
+import { reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
+
+import FetchData from 'components/FetchData.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import FormModelPopup from './FormModelPopup.vue';
+import VnInputDate from './common/VnInputDate.vue';
+
+const emit = defineEmits(['onDataSaved']);
+
+const { t } = useI18n();
+const router = useRouter();
+
+const manualInvoiceFormData = reactive({
+    maxShipped: Date.vnNew(),
+});
+
+const isInvoicing = ref(false);
+const invoiceOutSerialsOptions = ref([]);
+const taxAreasOptions = ref([]);
+const ticketsOptions = ref([]);
+const clientsOptions = ref([]);
+
+const onDataSaved = (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
+    router.push({ name: 'InvoiceOutSummary', params: { id: requestResponse.id } });
+};
+</script>
+
+<template>
+    <FetchData
+        url="InvoiceOutSerials"
+        :filter="{ where: { code: { neq: 'R' } }, order: ['code'] }"
+        @on-fetch="(data) => (invoiceOutSerialsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="TaxAreas"
+        :filter="{ order: ['code'] }"
+        @on-fetch="(data) => (taxAreasOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Tickets"
+        :filter="{ fields: ['id', 'nickname'], order: 'shipped DESC', limit: 30 }"
+        @on-fetch="(data) => (ticketsOptions = data)"
+        auto-load
+    />
+    <FetchData
+        url="Clients"
+        :filter="{ fields: ['id', 'name'], order: 'name ASC', limit: 30 }"
+        @on-fetch="(data) => (clientsOptions = data)"
+        auto-load
+    />
+    <FormModelPopup
+        :title="t('Create manual invoice')"
+        url-create="InvoiceOuts/createManualInvoice"
+        model="invoiceOut"
+        :form-initial-data="manualInvoiceFormData"
+        @on-data-saved="onDataSaved"
+    >
+        <template #form-inputs="{ data }">
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Ticket')"
+                        :options="ticketsOptions"
+                        hide-selected
+                        option-label="id"
+                        option-value="id"
+                        v-model="data.ticketFk"
+                        @update:model-value="data.clientFk = null"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel> #{{ scope.opt?.id }} </QItemLabel>
+                                    <QItemLabel caption>{{
+                                        scope.opt?.nickname
+                                    }}</QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelectFilter>
+                </div>
+                <span class="row items-center" style="max-width: max-content">{{
+                    t('Or')
+                }}</span>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Client')"
+                        :options="clientsOptions"
+                        hide-selected
+                        option-label="name"
+                        option-value="id"
+                        v-model="data.clientFk"
+                        @update:model-value="data.ticketFk = null"
+                    />
+                </div>
+                <div class="col">
+                    <VnInputDate :label="t('Max date')" v-model="data.maxShipped" />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Serial')"
+                        :options="invoiceOutSerialsOptions"
+                        hide-selected
+                        option-label="description"
+                        option-value="code"
+                        v-model="data.serial"
+                        :required="true"
+                    />
+                </div>
+                <div class="col">
+                    <VnSelectFilter
+                        :label="t('Area')"
+                        :options="taxAreasOptions"
+                        hide-selected
+                        option-label="code"
+                        option-value="code"
+                        v-model="data.taxArea"
+                        :required="true"
+                    />
+                </div>
+            </VnRow>
+            <VnRow class="row q-gutter-md q-mb-md">
+                <VnInput
+                    :label="t('Reference')"
+                    type="textarea"
+                    v-model="data.reference"
+                    fill-input
+                    autogrow
+                />
+            </VnRow>
+        </template>
+    </FormModelPopup>
+</template>
+
+<i18n>
+es:
+    Create manual invoice: Crear factura manual
+    Ticket: Ticket
+    Client: Cliente
+    Max date: Fecha límite
+    Serial: Serie
+    Area: Area
+    Reference: Referencia
+    Or: O
+</i18n>
diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index 04322a3c8..cc22c77db 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -42,8 +42,8 @@ const { t } = useI18n();
 const closeButton = ref(null);
 const isLoading = ref(false);
 
-const onDataSaved = (dataSaved) => {
-    emit('onDataSaved', dataSaved);
+const onDataSaved = (formData, requestResponse) => {
+    emit('onDataSaved', formData, requestResponse);
     closeForm();
 };
 
@@ -59,7 +59,7 @@ const closeForm = () => {
         :default-actions="false"
         :url-create="urlCreate"
         :model="model"
-        @on-data-saved="onDataSaved($event)"
+        @on-data-saved="onDataSaved"
     >
         <template #form="{ data, validate }">
             <span ref="closeButton" class="close-icon" v-close-popup>
diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index ca68f0770..17b37b962 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -10,6 +10,7 @@ import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import VnSubToolbar from 'src/components/ui/VnSubToolbar.vue';
 import CustomerDescriptorProxy from '../Customer/Card/CustomerDescriptorProxy.vue';
+import CreateManualInvoiceForm from 'src/components/CreateManualInvoiceForm.vue';
 
 import InvoiceOutFilter from './InvoiceOutFilter.vue';
 import { toDate, toCurrency } from 'src/filters/index';
@@ -18,13 +19,15 @@ import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import { useSession } from 'src/composables/useSession';
 
 const { t } = useI18n();
-const selectedCards = ref(new Map());
 const router = useRouter();
 const stateStore = useStateStore();
 const session = useSession();
 const token = session.getToken();
 const { viewSummary } = useSummaryDialog();
 
+const manualInvoiceDialogRef = ref(null);
+const selectedCards = ref(new Map());
+
 onMounted(() => (stateStore.rightDrawer = true));
 onUnmounted(() => (stateStore.rightDrawer = false));
 
@@ -83,6 +86,10 @@ const openPdf = () => {
         console.error('Error opening PDF');
     }
 };
+
+const openCreateInvoiceModal = () => {
+    manualInvoiceDialogRef.value.show();
+};
 </script>
 
 <template>
@@ -204,6 +211,20 @@ const openPdf = () => {
                 </div>
             </template>
         </VnPaginate>
+        <QPageSticky :offset="[20, 20]">
+            <QBtn fab icon="add" color="primary" @click="openCreateInvoiceModal()" />
+            <QTooltip>
+                {{ t('createInvoice') }}
+            </QTooltip>
+        </QPageSticky>
+
+        <QDialog
+            ref="manualInvoiceDialogRef"
+            transition-show="scale"
+            transition-hide="scale"
+        >
+            <CreateManualInvoiceForm />
+        </QDialog>
     </QPage>
 </template>
 
@@ -214,10 +235,13 @@ en:
     fileAllowed: Successful download of CSV file
     youCanSearchByInvoiceReference: You can search by invoice reference
     downloadPdf: Download PDF
+    createInvoice: Make invoice
 es:
     searchInvoice: Buscar factura emitida
     fileDenied: El navegador denegó la descarga de archivos...
     fileAllowed: Descarga exitosa de archivo CSV
     youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
     downloadPdf: Download PDF
+    createInvoice: Crear factura
+
 </i18n>

From ed99aea4a3cbecc4d23f576851c9fb97593be769 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 8 Mar 2024 15:05:11 -0300
Subject: [PATCH 15/20] Finish create manual invoice popup form

---
 src/components/CreateManualInvoiceForm.vue | 27 ++++++++++++++++++----
 src/components/FormModel.vue               |  9 ++++----
 src/components/FormModelPopup.vue          | 13 ++++++++---
 src/css/app.scss                           |  4 ++++
 4 files changed, 42 insertions(+), 11 deletions(-)

diff --git a/src/components/CreateManualInvoiceForm.vue b/src/components/CreateManualInvoiceForm.vue
index de5decaad..f03afbf35 100644
--- a/src/components/CreateManualInvoiceForm.vue
+++ b/src/components/CreateManualInvoiceForm.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { reactive, ref } from 'vue';
+import { reactive, ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRouter } from 'vue-router';
 
@@ -19,15 +19,17 @@ const manualInvoiceFormData = reactive({
     maxShipped: Date.vnNew(),
 });
 
-const isInvoicing = ref(false);
+const formModelPopupRef = ref();
 const invoiceOutSerialsOptions = ref([]);
 const taxAreasOptions = ref([]);
 const ticketsOptions = ref([]);
 const clientsOptions = ref([]);
+const isLoading = computed(() => formModelPopupRef.value?.isLoading);
 
-const onDataSaved = (formData, requestResponse) => {
+const onDataSaved = async (formData, requestResponse) => {
     emit('onDataSaved', formData, requestResponse);
-    router.push({ name: 'InvoiceOutSummary', params: { id: requestResponse.id } });
+    if (requestResponse && requestResponse.id)
+        router.push({ name: 'InvoiceOutSummary', params: { id: requestResponse.id } });
 };
 </script>
 
@@ -57,6 +59,7 @@ const onDataSaved = (formData, requestResponse) => {
         auto-load
     />
     <FormModelPopup
+        ref="formModelPopupRef"
         :title="t('Create manual invoice')"
         url-create="InvoiceOuts/createManualInvoice"
         model="invoiceOut"
@@ -64,6 +67,10 @@ const onDataSaved = (formData, requestResponse) => {
         @on-data-saved="onDataSaved"
     >
         <template #form-inputs="{ data }">
+            <span v-if="isLoading" class="text-primary invoicing-text">
+                <QIcon name="warning" class="fill-icon q-mr-sm" size="md" />
+                {{ t('Invoicing in progress...') }}
+            </span>
             <VnRow class="row q-gutter-md q-mb-md">
                 <div class="col">
                     <VnSelectFilter
@@ -142,6 +149,17 @@ const onDataSaved = (formData, requestResponse) => {
     </FormModelPopup>
 </template>
 
+<style lang="scss" scoped>
+.invoicing-text {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: $primary;
+    font-size: 24px;
+    margin-bottom: 8px;
+}
+</style>
+
 <i18n>
 es:
     Create manual invoice: Crear factura manual
@@ -152,4 +170,5 @@ es:
     Area: Area
     Reference: Referencia
     Or: O
+    Invoicing in progress...: Facturación en progreso...
 </i18n>
diff --git a/src/components/FormModel.vue b/src/components/FormModel.vue
index 9f5ae319c..ca7bd30e5 100644
--- a/src/components/FormModel.vue
+++ b/src/components/FormModel.vue
@@ -69,10 +69,6 @@ const $props = defineProps({
 
 const emit = defineEmits(['onFetch', 'onDataSaved']);
 
-defineExpose({
-    save,
-});
-
 const componentIsRendered = ref(false);
 
 onMounted(async () => {
@@ -205,6 +201,11 @@ watch(formUrl, async () => {
     reset();
     fetch();
 });
+
+defineExpose({
+    save,
+    isLoading,
+});
 </script>
 <template>
     <div class="column items-center full-width">
diff --git a/src/components/FormModelPopup.vue b/src/components/FormModelPopup.vue
index cc22c77db..2d8886610 100644
--- a/src/components/FormModelPopup.vue
+++ b/src/components/FormModelPopup.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref } from 'vue';
+import { ref, computed } from 'vue';
 import { useI18n } from 'vue-i18n';
 
 import FormModel from 'components/FormModel.vue';
@@ -39,21 +39,28 @@ const $props = defineProps({
 
 const { t } = useI18n();
 
+const formModelRef = ref(null);
 const closeButton = ref(null);
-const isLoading = ref(false);
 
 const onDataSaved = (formData, requestResponse) => {
     emit('onDataSaved', formData, requestResponse);
     closeForm();
 };
 
-const closeForm = () => {
+const isLoading = computed(() => formModelRef.value?.isLoading);
+
+const closeForm = async () => {
     if (closeButton.value) closeButton.value.click();
 };
+
+defineExpose({
+    isLoading,
+});
 </script>
 
 <template>
     <FormModel
+        ref="formModelRef"
         :form-initial-data="formInitialData"
         :observe-form-changes="false"
         :default-actions="false"
diff --git a/src/css/app.scss b/src/css/app.scss
index 38dd642a3..388492432 100644
--- a/src/css/app.scss
+++ b/src/css/app.scss
@@ -97,6 +97,10 @@ select:-webkit-autofill {
     background-color: var(--vn-light-gray);
 }
 
+.fill-icon {
+    font-variation-settings: 'FILL' 1;
+}
+
 /* Estilo para el asterisco en campos requeridos */
 .q-field.required .q-field__label:after {
     content: ' *';

From 049e3c722a897e48bb8dbc118b14eaaf3e0962f7 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 8 Mar 2024 15:09:28 -0300
Subject: [PATCH 16/20] Fix translation

---
 src/pages/InvoiceOut/InvoiceOutList.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index 17b37b962..f193a6e8c 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -241,7 +241,6 @@ es:
     fileDenied: El navegador denegó la descarga de archivos...
     fileAllowed: Descarga exitosa de archivo CSV
     youCanSearchByInvoiceReference: Puedes buscar por referencia de la factura
-    downloadPdf: Download PDF
+    downloadPdf: Descargar PDF
     createInvoice: Crear factura
-
 </i18n>

From fff5e1849eaea53bc72a174b3eb6f4c618f7a7c3 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 09:59:27 -0300
Subject: [PATCH 17/20] Delete unused form

---
 src/pages/InvoiceOut/Card/SendInvoiceForm.vue | 41 -------------------
 1 file changed, 41 deletions(-)
 delete mode 100644 src/pages/InvoiceOut/Card/SendInvoiceForm.vue

diff --git a/src/pages/InvoiceOut/Card/SendInvoiceForm.vue b/src/pages/InvoiceOut/Card/SendInvoiceForm.vue
deleted file mode 100644
index 3956dab08..000000000
--- a/src/pages/InvoiceOut/Card/SendInvoiceForm.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<script setup>
-import { ref } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import VnRow from 'components/ui/VnRow.vue';
-import VnInput from 'src/components/common/VnInput.vue';
-import FormPopup from 'src/components/FormPopup.vue';
-
-const emit = defineEmits(['onDataSaved']);
-
-const { t } = useI18n();
-
-const email = ref(null);
-
-const onDataSaved = (dataSaved) => {
-    emit('onDataSaved', dataSaved);
-};
-</script>
-
-<template>
-    <FormPopup
-        :title="t('New thermograph')"
-        :subtitle="t('Are you sure you want to send it?')"
-        @on-data-saved="onDataSaved($event)"
-    >
-        <template #form-inputs>
-            <VnRow class="row q-gutter-md q-mb-md">
-                <div class="col">
-                    <VnInput :label="t('Email')" v-model="email" type="email" />
-                </div>
-            </VnRow>
-        </template>
-    </FormPopup>
-</template>
-
-<i18n>
-es:
-    Email: Email
-    Confirm: Confirmar
-    Are you sure you want to send it?: ¿Seguro que quieres enviarlo?
-</i18n>

From 06fa4aebc5b095e3b7f78736bf9b73350a5dc567 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 12 Mar 2024 11:40:06 -0300
Subject: [PATCH 18/20] add invoice out list download icon

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

diff --git a/src/pages/InvoiceOut/InvoiceOutList.vue b/src/pages/InvoiceOut/InvoiceOutList.vue
index f193a6e8c..cf33b2cec 100644
--- a/src/pages/InvoiceOut/InvoiceOutList.vue
+++ b/src/pages/InvoiceOut/InvoiceOutList.vue
@@ -134,10 +134,10 @@ const openCreateInvoiceModal = () => {
                     <template #st-actions>
                         <QBtn
                             @click="openPdf()"
-                            class="q-mr-xl"
+                            class="q-mr-md"
                             color="primary"
+                            icon="cloud_download"
                             :disable="selectedCards.size === 0"
-                            :label="t('globals.download')"
                         >
                             <QTooltip>{{ t('downloadPdf') }}</QTooltip>
                         </QBtn>

From 9094ae8c883e9cd89602c181c3a6cc53d9a7607f Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 18 Mar 2024 15:02:50 +0100
Subject: [PATCH 19/20] test(VnPaginate) fix

---
 test/vitest/__tests__/components/Paginate.spec.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/test/vitest/__tests__/components/Paginate.spec.js b/test/vitest/__tests__/components/Paginate.spec.js
index dcd74c72b..cf5e5d2ea 100644
--- a/test/vitest/__tests__/components/Paginate.spec.js
+++ b/test/vitest/__tests__/components/Paginate.spec.js
@@ -2,7 +2,7 @@ import { vi, describe, expect, it, beforeAll, afterEach } from 'vitest';
 import { createWrapper, axios } from 'app/test/vitest/helper';
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 
-describe.skip('VnPaginate', () => {
+describe('VnPaginate', () => {
     const expectedUrl = '/api/customers';
 
     let vm;
@@ -49,6 +49,8 @@ describe.skip('VnPaginate', () => {
                 ],
             });
             vm.arrayData.hasMoreData.value = true;
+            await vm.$nextTick();
+
             vm.store.data = [
                 { id: 1, name: 'Tony Stark' },
                 { id: 2, name: 'Jessica Jones' },
@@ -57,13 +59,13 @@ describe.skip('VnPaginate', () => {
 
             await vm.paginate();
 
-            expect(vm.store.skip).toEqual(6);
-            expect(vm.store.data.length).toEqual(9);
+            expect(vm.store.skip).toEqual(3);
+            expect(vm.store.data.length).toEqual(6);
 
             await vm.paginate();
 
-            expect(vm.store.skip).toEqual(9);
-            expect(vm.store.data.length).toEqual(12);
+            expect(vm.store.skip).toEqual(6);
+            expect(vm.store.data.length).toEqual(9);
         });
     });
 

From 2ea6fd2ea6b955ba531aa2adeefe30d1e6087690 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Tue, 19 Mar 2024 13:50:15 -0300
Subject: [PATCH 20/20] Change vnconfirm export name

---
 src/composables/useVnConfirm.js                        | 2 +-
 src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/composables/useVnConfirm.js b/src/composables/useVnConfirm.js
index 430a290be..76c3f4f28 100644
--- a/src/composables/useVnConfirm.js
+++ b/src/composables/useVnConfirm.js
@@ -1,7 +1,7 @@
 import VnConfirm from 'components/ui/VnConfirm.vue';
 import { useQuasar } from 'quasar';
 
-export function useSummaryDialog() {
+export function useVnConfirm() {
     const quasar = useQuasar();
 
     const openConfirmationModal = (title, message, promise, successFn) => {
diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
index fc84c042b..10af631bc 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorMenu.vue
@@ -10,7 +10,7 @@ import SendEmailDialog from 'components/common/SendEmailDialog.vue';
 import useNotify from 'src/composables/useNotify';
 import { useSession } from 'src/composables/useSession';
 import { usePrintService } from 'composables/usePrintService';
-import { useSummaryDialog } from 'composables/useVnConfirm';
+import { useVnConfirm } from 'composables/useVnConfirm';
 import axios from 'axios';
 
 const $props = defineProps({
@@ -26,7 +26,7 @@ const session = useSession();
 const token = session.getToken();
 const { t } = useI18n();
 const { openReport, sendEmail } = usePrintService();
-const { openConfirmationModal } = useSummaryDialog();
+const { openConfirmationModal } = useVnConfirm();
 const quasar = useQuasar();
 
 const transferInvoiceDialogRef = ref();