From 4d602aadfdff4734fc5d6d18bc8f443aaa8dfdfd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 11 Nov 2024 11:53:28 +0100
Subject: [PATCH 1/9] feat: refs #7134 #7134 Create SupplierBalance layout

---
 src/pages/Supplier/Card/SupplierBalance.vue | 329 ++++++++++++++++++++
 1 file changed, 329 insertions(+)
 create mode 100644 src/pages/Supplier/Card/SupplierBalance.vue

diff --git a/src/pages/Supplier/Card/SupplierBalance.vue b/src/pages/Supplier/Card/SupplierBalance.vue
new file mode 100644
index 000000000..bc6e987fc
--- /dev/null
+++ b/src/pages/Supplier/Card/SupplierBalance.vue
@@ -0,0 +1,329 @@
+<script setup>
+import { computed, onBeforeMount, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import { useAcl } from 'src/composables/useAcl';
+import axios from 'axios';
+import { useQuasar } from 'quasar';
+import { getSupplierRisk } from 'src/composables/getRisk';
+
+import { toCurrency, toDate, toDateHourMin } from 'src/filters';
+import { useState } from 'composables/useState';
+import { useStateStore } from 'stores/useStateStore';
+import { usePrintService } from 'composables/usePrintService';
+import { useVnConfirm } from 'composables/useVnConfirm';
+
+import VnTable from 'components/VnTable/VnTable.vue';
+import VnInput from 'components/common/VnInput.vue';
+import VnSubToolbar from 'components/ui/VnSubToolbar.vue';
+import VnFilter from 'components/VnTable/VnFilter.vue';
+
+import CreateNewPayment from 'src/components/CreateNewPayment.vue';
+import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
+
+const { openConfirmationModal } = useVnConfirm();
+const { sendEmail, openReport } = usePrintService();
+const { t } = useI18n();
+const { hasAny } = useAcl();
+
+const quasar = useQuasar();
+const route = useRoute();
+const state = useState();
+const stateStore = useStateStore();
+const user = state.getUser();
+
+const supplierRisk = ref([]);
+const tableRef = ref();
+const companyId = ref();
+const companyUser = ref(user.value.companyFk);
+const balances = ref([]);
+const vnFilterRef = ref({});
+const filter = computed(() => {
+    return {
+        supplierId: route.params.id,
+        companyId: companyId.value ?? companyUser.value,
+    };
+});
+
+const companyFilterColumn = {
+    align: 'left',
+    name: 'companyId',
+    label: t('Company'),
+    component: 'select',
+    attrs: {
+        url: 'Companies',
+        optionLabel: 'code',
+        optionValue: 'id',
+        sortBy: 'code',
+    },
+    columnFilter: {
+        event: {
+            remove: () => (companyId.value = null),
+            'update:modelValue': (newCompanyFk) => {
+                if (!newCompanyFk) return;
+                vnFilterRef.value.addFilter(newCompanyFk);
+                companyUser.value = newCompanyFk;
+            },
+            blur: () => !companyId.value && (companyId.value = companyUser.value),
+        },
+    },
+    visible: false,
+};
+
+const columns = computed(() => [
+    {
+        align: 'left',
+        name: 'payed',
+        label: t('Date'),
+        format: ({ payed }) => toDate(payed),
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        name: 'created',
+        label: t('Creation date'),
+        format: ({ created }) => toDateHourMin(created),
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        label: t('Employee'),
+        columnField: {
+            component: 'userLink',
+            attrs: ({ row }) => {
+                return {
+                    workerId: row.workerFk,
+                    name: row.userName,
+                };
+            },
+        },
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        name: 'description',
+        label: t('Reference'),
+        isTitle: true,
+        class: 'extend',
+    },
+    {
+        align: 'left',
+        name: 'bankFk',
+        label: t('Bank'),
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        name: 'debit',
+        label: t('Debit'),
+        format: ({ debit }) => debit && toCurrency(debit),
+        isId: true,
+    },
+    {
+        align: 'left',
+        name: 'credit',
+        label: t('Havings'),
+        format: ({ credit }) => credit && toCurrency(credit),
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        name: 'balance',
+        label: t('Balance'),
+        format: ({ balance }) => toCurrency(balance),
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        name: 'isConciliate',
+        label: t('Conciliated'),
+        cardVisible: true,
+    },
+    {
+        align: 'left',
+        name: 'tableActions',
+        actions: [
+            {
+                title: t('globals.downloadPdf'),
+                icon: 'cloud_download',
+                show: (row) => row.isInvoice,
+                action: (row) => showBalancePdf(row),
+            },
+            {
+                title: t('Send compensation'),
+                icon: 'outgoing_mail',
+                show: (row) => !!row.isCompensation,
+                action: ({ id }) =>
+                    openConfirmationModal(
+                        t('Send compensation'),
+                        t('Do you want to report compensation to the supplier by mail?'),
+                        () => sendEmail(`Receipts/${id}/balance-compensation-email`)
+                    ),
+            },
+        ],
+    },
+]);
+
+onBeforeMount(() => {
+    stateStore.rightDrawer = true;
+    companyId.value = companyUser.value;
+});
+
+async function getSupplierRisks() {
+    const filter = {
+        where: { supplierFk: route.params.id, companyFk: companyUser.value },
+    };
+    const { data } = await getSupplierRisk(filter);
+    supplierRisk.value = data;
+    return supplierRisk.value;
+}
+
+async function getCurrentBalance() {
+    const currentBalance = (await getSupplierRisks()).find((balance) => {
+        return balance.companyFk === companyId.value;
+    });
+    return currentBalance && currentBalance.amount;
+}
+
+async function onFetch(data) {
+    balances.value = [];
+    for (const [index, balance] of data.entries()) {
+        if (index === 0) {
+            balance.balance = await getCurrentBalance();
+            continue;
+        }
+        const previousBalance = data[index - 1];
+        balance.balance =
+            previousBalance?.balance - (previousBalance?.debit - previousBalance?.credit);
+    }
+    balances.value = data;
+}
+
+const showNewPaymentDialog = () => {
+    quasar.dialog({
+        component: CreateNewPayment,
+        componentProps: {
+            companyId: companyId.value,
+            totalCredit: supplierRisk.value[0]?.amount,
+            promise: () => tableRef.value.reload(),
+        },
+    });
+};
+
+const showBalancePdf = ({ id }) => {
+    openReport(`InvoiceOuts/${id}/download`, {}, '_blank');
+};
+</script>
+
+<template>
+    <VnSubToolbar class="q-mb-md">
+        <template #st-data>
+            <div class="column justify-center q-px-md q-py-sm">
+                <span class="text-bold">{{ t('Total by company') }}</span>
+                <div class="row justify-center" v-if="supplierRisk?.length">
+                    {{ supplierRisk[0].company.code }}:
+                    {{ toCurrency(supplierRisk[0].amount) }}
+                </div>
+            </div>
+        </template>
+        <template #st-actions>
+            <div>
+                <VnFilter
+                    ref="vnFilterRef"
+                    v-model="companyId"
+                    data-key="CustomerBalance"
+                    :column="companyFilterColumn"
+                    search-url="balance"
+                />
+            </div>
+        </template>
+    </VnSubToolbar>
+    <VnTable
+        ref="tableRef"
+        data-key="CustomerBalance"
+        url="Receipts/filter"
+        search-url="balance"
+        :user-params="filter"
+        :columns="columns"
+        :right-search="false"
+        :is-editable="false"
+        :column-search="false"
+        @on-fetch="onFetch"
+        :disable-option="{ card: true }"
+        auto-load
+    >
+        <template #column-balance="{ rowIndex }">
+            {{ toCurrency(balances[rowIndex]?.balance) }}
+        </template>
+        <template #column-description="{ row }">
+            <div class="link" v-if="row.isInvoice">
+                {{ t('bill', { ref: row.description }) }}
+                <InvoiceOutDescriptorProxy :id="row.description" />
+            </div>
+            <span v-else class="q-pa-xs dotted rounded-borders" :title="row.description">
+                {{ row.description }}
+            </span>
+            <QPopupEdit
+                v-model="row.description"
+                v-slot="scope"
+                @save="
+                    (value) =>
+                        value != row.description &&
+                        axios.patch(`Receipts/${row.id}`, { description: value })
+                "
+                auto-save
+            >
+                <VnInput
+                    v-model="scope.value"
+                    :disable="
+                        !hasAny([{ model: 'Receipt', props: '*', accessType: 'WRITE' }])
+                    "
+                    @keypress.enter="scope.set"
+                    autofocus
+                />
+            </QPopupEdit>
+        </template>
+    </VnTable>
+    <QPageSticky :offset="[18, 18]" style="z-index: 2">
+        <QBtn
+            @click.stop="showNewPaymentDialog()"
+            color="primary"
+            fab
+            icon="add"
+            shortcut="+"
+        />
+        <QTooltip>
+            {{ t('New payment') }}
+        </QTooltip>
+    </QPageSticky>
+</template>
+
+<i18n>
+en:
+    bill: 'N/INV {ref}'
+es:
+    Company: Empresa
+    Total by company: Total por empresa
+    New payment: Añadir pago
+    Date: Fecha
+    Creation date: Fecha de creación
+    Employee: Empleado
+    Reference: Referencia
+    bill: 'N/FRA {ref}'
+    Bank: Caja
+    Debit: Debe
+    Havings: Haber
+    Balance: Balance
+    Conciliated: Conciliado
+    Send compensation: Enviar compensación
+    Do you want to report compensation to the supplier by mail?: ¿Desea informar de la compensación al cliente por correo?
+</i18n>
+
+<style lang="scss" scoped>
+.dotted {
+    border: 1px dotted var(--vn-header-color);
+}
+.dotted:hover {
+    border: 1px dotted $primary;
+}
+</style>
-- 
2.40.1


From 8d2ad235fbf2088d8b7a43b238f5fda63220dd05 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 11 Nov 2024 11:54:53 +0100
Subject: [PATCH 2/9] feat: refs #7134 #7134 Create new route

---
 src/router/modules/Supplier.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/router/modules/Supplier.js b/src/router/modules/Supplier.js
index 143d7c824..86fb8cf77 100644
--- a/src/router/modules/Supplier.js
+++ b/src/router/modules/Supplier.js
@@ -21,6 +21,7 @@ export default {
             'SupplierAccounts',
             'SupplierContacts',
             'SupplierAddresses',
+            'SupplierBalance',
             'SupplierConsumption',
             'SupplierAgencyTerm',
             'SupplierDms',
@@ -144,6 +145,16 @@ export default {
                     component: () =>
                         import('src/pages/Supplier/Card/SupplierAddressesCreate.vue'),
                 },
+                {
+                    path: 'balance',
+                    name: 'SupplierBalance',
+                    meta: {
+                        title: 'balance',
+                        icon: 'balance',
+                    },
+                    component: () =>
+                        import('src/pages/Supplier/Card/SupplierBalance.vue'),
+                },
                 {
                     path: 'consumption',
                     name: 'SupplierConsumption',
-- 
2.40.1


From da99d8250423e9c2fd5d94bafa0ad07c7a14f182 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 11 Nov 2024 11:55:28 +0100
Subject: [PATCH 3/9] perf: refs #7134 #7134 global dialog newPayment and
 composable getRisk

---
 src/components/CreateNewPayment.vue           | 333 ++++++++++++++++++
 src/composables/getRisk.js                    |  22 ++
 src/pages/Customer/Card/CustomerBalance.vue   |   2 +-
 .../components/CustomerNewPayment.vue         |   2 +-
 .../Supplier/composables/getSupplierRisk.js   |  12 +
 5 files changed, 369 insertions(+), 2 deletions(-)
 create mode 100644 src/components/CreateNewPayment.vue
 create mode 100644 src/composables/getRisk.js
 create mode 100644 src/pages/Supplier/composables/getSupplierRisk.js

diff --git a/src/components/CreateNewPayment.vue b/src/components/CreateNewPayment.vue
new file mode 100644
index 000000000..2267d5643
--- /dev/null
+++ b/src/components/CreateNewPayment.vue
@@ -0,0 +1,333 @@
+<script setup>
+import { onBeforeMount, reactive, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useRoute } from 'vue-router';
+import axios from 'axios';
+import { getClientRisk } from 'src/composables/getRisk';
+import { useDialogPluginComponent } from 'quasar';
+
+import { usePrintService } from 'composables/usePrintService';
+import useNotify from 'src/composables/useNotify.js';
+import FetchData from 'components/FetchData.vue';
+import FormModel from 'components/FormModel.vue';
+import VnRow from 'components/ui/VnRow.vue';
+import VnInputDate from 'components/common/VnInputDate.vue';
+import VnInputNumber from 'components/common/VnInputNumber.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+
+const { t } = useI18n();
+const route = useRoute();
+const { notify } = useNotify();
+const { sendEmail, openReport } = usePrintService();
+const { dialogRef } = useDialogPluginComponent();
+
+const $props = defineProps({
+    companyId: {
+        type: Number,
+        required: true,
+    },
+    totalCredit: {
+        type: Number,
+        required: true,
+    },
+    promise: {
+        type: Function,
+        default: null,
+    },
+});
+
+const closeButton = ref(null);
+const urlCreate = ref([]);
+const companyOptions = ref([]);
+const bankOptions = ref([]);
+const clientFindOne = ref([]);
+const viewReceipt = ref();
+const shouldSendEmail = ref(false);
+const maxAmount = ref();
+const accountingType = ref({});
+const isCash = ref(false);
+const formModelRef = ref(false);
+
+const filterBanks = {
+    fields: ['id', 'bank', 'accountingTypeFk'],
+    include: { relation: 'accountingType' },
+    order: 'id',
+    limit: 30,
+};
+
+const filterClientFindOne = {
+    fields: ['email'],
+    where: {
+        id: route.params.id,
+    },
+};
+
+const initialData = reactive({
+    amountPaid: $props.totalCredit,
+    clientFk: route.params.id,
+    companyFk: $props.companyId,
+    email: clientFindOne.value.email,
+});
+
+onBeforeMount(() => {
+    urlCreate.value = `Clients/${route.params.id}/createReceipt`;
+});
+
+function setPaymentType(accounting) {
+    if (!accounting) return;
+    accountingType.value = accounting.accountingType;
+
+    initialData.description = [];
+    initialData.payed = Date.vnNew();
+    isCash.value = accountingType.value.code == 'cash';
+    viewReceipt.value = isCash.value;
+    if (accountingType.value.daysInFuture)
+        initialData.payed.setDate(
+            initialData.payed.getDate() + accountingType.value.daysInFuture
+        );
+    maxAmount.value = accountingType.value && accountingType.value.maxAmount;
+
+    if (accountingType.value.code == 'compensation')
+        return (initialData.description = '');
+    if (accountingType.value.receiptDescription)
+        initialData.description.push(accountingType.value.receiptDescription);
+    if (initialData.description) initialData.description.push(initialData.description);
+
+    initialData.description = initialData.description.join(', ');
+}
+
+const calculateFromAmount = (event) => {
+    initialData.amountToReturn =
+        parseFloat(initialData.deliveredAmount) + parseFloat(event) * -1;
+};
+
+const calculateFromDeliveredAmount = (event) => {
+    initialData.amountToReturn = parseFloat(event) - initialData.amountPaid;
+};
+
+function onBeforeSave(data) {
+    const exceededAmount = data.amountPaid > maxAmount.value;
+    if (isCash.value && exceededAmount)
+        return notify(t('Amount exceeded', { maxAmount: maxAmount.value }), 'negative');
+
+    if (isCash.value && shouldSendEmail.value && !data.email)
+        return notify(t('There is no assigned email for this client'), 'negative');
+
+    data.bankFk = data.bankFk.id;
+    return data;
+}
+
+async function onDataSaved(formData, { id }) {
+    try {
+        if (shouldSendEmail.value && isCash.value)
+            await sendEmail(`Receipts/${id}/receipt-email`, {
+                recipient: formData.email,
+            });
+
+        if (viewReceipt.value) openReport(`Receipts/${id}/receipt-pdf`);
+    } finally {
+        if ($props.promise) $props.promise();
+        if (closeButton.value) closeButton.value.click();
+    }
+}
+
+async function accountShortToStandard({ target: { value } }) {
+    if (!value) return (initialData.description = '');
+    initialData.compensationAccount = value.replace('.', '0'.repeat(11 - value.length));
+    const params = { bankAccount: initialData.compensationAccount };
+    const { data } = await axios(`Clients/getClientOrSupplierReference`, { params });
+    if (!data.clientId) {
+        initialData.description = t('Supplier Compensation Reference', {
+            supplierId: data.supplierId,
+            supplierName: data.supplierName,
+        });
+        return;
+    }
+    initialData.description = t('Client Compensation Reference', {
+        clientId: data.clientId,
+        clientName: data.clientName,
+    });
+}
+
+async function getAmountPaid() {
+    const filter = {
+        where: {
+            clientFk: route.params.id,
+            companyFk: initialData.companyFk,
+        },
+    };
+
+    const { data } = await getClientRisk(filter);
+    initialData.amountPaid = (data?.length && data[0].amount) || undefined;
+}
+</script>
+
+<template>
+    <QDialog ref="dialogRef" persistent>
+        <FetchData
+            @on-fetch="(data) => (companyOptions = data)"
+            auto-load
+            url="Companies"
+        />
+        <FetchData
+            :filter="filterBanks"
+            @on-fetch="(data) => (bankOptions = data)"
+            auto-load
+            url="Accountings"
+        />
+        <FetchData
+            :filter="filterClientFindOne"
+            @on-fetch="({ email }) => (initialData.email = email)"
+            auto-load
+            url="Clients/findOne"
+        />
+        <FormModel
+            ref="formModelRef"
+            :form-initial-data="initialData"
+            :observe-form-changes="false"
+            :url-create="urlCreate"
+            :mapper="onBeforeSave"
+            @on-data-saved="onDataSaved"
+        >
+            <template #form="{ data, validate }">
+                <span ref="closeButton" class="row justify-end close-icon" v-close-popup>
+                    <QIcon name="close" size="sm" />
+                </span>
+
+                <h5 class="q-mt-none">{{ t('New payment') }}</h5>
+
+                <VnRow>
+                    <VnInputDate
+                        :label="t('Date')"
+                        :required="true"
+                        v-model="data.payed"
+                    />
+                    <VnSelect
+                        :label="t('Company')"
+                        :options="companyOptions"
+                        :required="true"
+                        :rules="validate('entry.companyFk')"
+                        hide-selected
+                        option-label="code"
+                        option-value="id"
+                        v-model="data.companyFk"
+                        @update:model-value="getAmountPaid()"
+                    />
+                </VnRow>
+                <VnRow>
+                    <VnSelect
+                        :label="t('Bank')"
+                        v-model="data.bankFk"
+                        url="Accountings"
+                        option-label="bank"
+                        :include="{ relation: 'accountingType' }"
+                        sort-by="id"
+                        :limit="0"
+                        @update:model-value="
+                            (value, options) => setPaymentType(value, options)
+                        "
+                        :emit-value="false"
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt.id }}:&ensp;{{ scope.opt.bank }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelect>
+                    <VnInputNumber
+                        :label="t('Amount')"
+                        :required="true"
+                        @update:model-value="calculateFromAmount($event)"
+                        clearable
+                        v-model.number="data.amountPaid"
+                    />
+                </VnRow>
+                <div v-if="data.bankFk?.accountingType?.code == 'compensation'">
+                    <div class="text-h6">
+                        {{ t('Compensation') }}
+                    </div>
+                    <VnRow>
+                        <VnInputNumber
+                            :label="t('Compensation account')"
+                            clearable
+                            v-model="data.compensationAccount"
+                            @blur="accountShortToStandard"
+                        />
+                    </VnRow>
+                </div>
+                <VnInput
+                    :label="t('Reference')"
+                    :required="true"
+                    clearable
+                    v-model="data.description"
+                />
+
+                <div v-if="data.bankFk?.accountingType?.code == 'cash'">
+                    <div class="text-h6">{{ t('Cash') }}</div>
+                    <VnRow>
+                        <VnInputNumber
+                            :label="t('Delivered amount')"
+                            @update:model-value="calculateFromDeliveredAmount($event)"
+                            clearable
+                            v-model="data.deliveredAmount"
+                        />
+                        <VnInputNumber
+                            :label="t('Amount to return')"
+                            disable
+                            v-model="data.amountToReturn"
+                        />
+                    </VnRow>
+                    <VnRow>
+                        <QCheckbox v-model="viewReceipt" :label="t('View recipt')" />
+                        <QCheckbox v-model="shouldSendEmail" :label="t('Send email')" />
+                    </VnRow>
+                </div>
+                <div class="q-mt-lg row justify-end">
+                    <QBtn
+                        :disabled="formModelRef.isLoading"
+                        :label="t('globals.cancel')"
+                        :loading="formModelRef.isLoading"
+                        class="q-ml-sm"
+                        color="primary"
+                        flat
+                        type="reset"
+                        v-close-popup
+                    />
+                    <QBtn
+                        :disabled="formModelRef.isLoading"
+                        :label="t('globals.save')"
+                        :loading="formModelRef.isLoading"
+                        color="primary"
+                        type="submit"
+                    />
+                </div>
+            </template>
+        </FormModel>
+    </QDialog>
+</template>
+
+<i18n>
+es:
+    New payment: Añadir pago
+    Date: Fecha
+    Company: Empresa
+    Bank: Caja
+    Amount: Importe
+    Reference: Referencia
+    Cash: Efectivo
+    Delivered amount: Cantidad entregada
+    Amount to return: Cantidad a devolver
+    View recipt: Ver recibido
+    Send email: Enviar correo
+    Compensation: Compensación
+    Compensation account: Cuenta para compensar
+    Supplier Compensation Reference: ({supplierId}) Ntro Proveedor {supplierName}
+    Client Compensation Reference: ({clientId}) Ntro Cliente {clientName}
+    There is no assigned email for this client: No hay correo asignado para este cliente
+    Amount exceeded: Según ley contra el fraude no se puede recibir cobros por importe igual o superior a {maxAmount}
+</i18n>
diff --git a/src/composables/getRisk.js b/src/composables/getRisk.js
new file mode 100644
index 000000000..6c7f75ad2
--- /dev/null
+++ b/src/composables/getRisk.js
@@ -0,0 +1,22 @@
+import axios from 'axios';
+
+export async function getClientRisk(_filter) {
+    const filter = {
+        ..._filter,
+        include: { relation: 'company', scope: { fields: ['code'] } },
+    };
+
+    return await axios(`ClientRisks`, {
+        params: { filter: JSON.stringify(filter) },
+    });
+}
+export async function getSupplierRisk(_filter) {
+    const filter = {
+        ..._filter,
+        include: { relation: 'company', scope: { fields: ['code'] } },
+    };
+
+    return await axios(`ClientRisks`, {
+        params: { filter: JSON.stringify(filter) },
+    });
+}
diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index f6fc3eed2..a45ebc778 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -5,7 +5,7 @@ import { useRoute } from 'vue-router';
 import { useAcl } from 'src/composables/useAcl';
 import axios from 'axios';
 import { useQuasar } from 'quasar';
-import { getClientRisk } from '../composables/getClientRisk';
+import { getClientRisk } from 'src/composables/getRisk';
 
 import { toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
diff --git a/src/pages/Customer/components/CustomerNewPayment.vue b/src/pages/Customer/components/CustomerNewPayment.vue
index 291f28642..2267d5643 100644
--- a/src/pages/Customer/components/CustomerNewPayment.vue
+++ b/src/pages/Customer/components/CustomerNewPayment.vue
@@ -3,7 +3,7 @@ import { onBeforeMount, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import axios from 'axios';
-import { getClientRisk } from '../composables/getClientRisk';
+import { getClientRisk } from 'src/composables/getRisk';
 import { useDialogPluginComponent } from 'quasar';
 
 import { usePrintService } from 'composables/usePrintService';
diff --git a/src/pages/Supplier/composables/getSupplierRisk.js b/src/pages/Supplier/composables/getSupplierRisk.js
new file mode 100644
index 000000000..ebaf545ee
--- /dev/null
+++ b/src/pages/Supplier/composables/getSupplierRisk.js
@@ -0,0 +1,12 @@
+import axios from 'axios';
+
+export async function getClientRisk(_filter) {
+    const filter = {
+        ..._filter,
+        include: { relation: 'company', scope: { fields: ['code'] } },
+    };
+
+    return await axios(`ClientRisks`, {
+        params: { filter: JSON.stringify(filter) },
+    });
+}
-- 
2.40.1


From 7b8093c048d0c0d17eaaddb1dd515a3644fda799 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 11 Nov 2024 14:22:18 +0100
Subject: [PATCH 4/9] feat: refs #7134 #7134 split newPayment

---
 src/pages/Supplier/Card/SupplierBalance.vue   | 12 ++-
 .../Supplier/Card/SupplierNewPayment.vue}     | 77 +++++++++++++++----
 2 files changed, 70 insertions(+), 19 deletions(-)
 rename src/{components/CreateNewPayment.vue => pages/Supplier/Card/SupplierNewPayment.vue} (83%)

diff --git a/src/pages/Supplier/Card/SupplierBalance.vue b/src/pages/Supplier/Card/SupplierBalance.vue
index bc6e987fc..9f36b8707 100644
--- a/src/pages/Supplier/Card/SupplierBalance.vue
+++ b/src/pages/Supplier/Card/SupplierBalance.vue
@@ -18,7 +18,7 @@ import VnInput from 'components/common/VnInput.vue';
 import VnSubToolbar from 'components/ui/VnSubToolbar.vue';
 import VnFilter from 'components/VnTable/VnFilter.vue';
 
-import CreateNewPayment from 'src/components/CreateNewPayment.vue';
+import SupplierNewPayment from 'src/pages/Supplier/Card/SupplierNewPayment.vue';
 import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
 
 const { openConfirmationModal } = useVnConfirm();
@@ -36,6 +36,7 @@ const supplierRisk = ref([]);
 const tableRef = ref();
 const companyId = ref();
 const companyUser = ref(user.value.companyFk);
+const bankUser = ref(user.value.localBankFk);
 const balances = ref([]);
 const vnFilterRef = ref({});
 const filter = computed(() => {
@@ -200,11 +201,14 @@ async function onFetch(data) {
 }
 
 const showNewPaymentDialog = () => {
+    debugger;
     quasar.dialog({
-        component: CreateNewPayment,
+        component: SupplierNewPayment,
         componentProps: {
             companyId: companyId.value,
+            bankId: bankUser.value,
             totalCredit: supplierRisk.value[0]?.amount,
+            extraFields: ['currencyFk', 'orderBy'],
             promise: () => tableRef.value.reload(),
         },
     });
@@ -241,7 +245,7 @@ const showBalancePdf = ({ id }) => {
     <VnTable
         ref="tableRef"
         data-key="CustomerBalance"
-        url="Receipts/filter"
+        url="Suppliers/receipts"
         search-url="balance"
         :user-params="filter"
         :columns="columns"
@@ -305,6 +309,8 @@ es:
     Company: Empresa
     Total by company: Total por empresa
     New payment: Añadir pago
+    supplierNewpayment: Añadir pago de proveedor
+    clientNewpayment: Añadir pago de cliente
     Date: Fecha
     Creation date: Fecha de creación
     Employee: Empleado
diff --git a/src/components/CreateNewPayment.vue b/src/pages/Supplier/Card/SupplierNewPayment.vue
similarity index 83%
rename from src/components/CreateNewPayment.vue
rename to src/pages/Supplier/Card/SupplierNewPayment.vue
index 2267d5643..fc78a5495 100644
--- a/src/components/CreateNewPayment.vue
+++ b/src/pages/Supplier/Card/SupplierNewPayment.vue
@@ -3,7 +3,7 @@ import { onBeforeMount, reactive, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import axios from 'axios';
-import { getClientRisk } from 'src/composables/getRisk';
+import { getSupplierRisk } from 'src/composables/getRisk';
 import { useDialogPluginComponent } from 'quasar';
 
 import { usePrintService } from 'composables/usePrintService';
@@ -27,6 +27,10 @@ const $props = defineProps({
         type: Number,
         required: true,
     },
+    bankId: {
+        type: Number,
+        required: true,
+    },
     totalCredit: {
         type: Number,
         required: true,
@@ -35,13 +39,18 @@ const $props = defineProps({
         type: Function,
         default: null,
     },
+    extraFields: {
+        type: [String],
+        default: '',
+    },
 });
 
+const currenciesOptions = ref([]);
 const closeButton = ref(null);
 const urlCreate = ref([]);
 const companyOptions = ref([]);
 const bankOptions = ref([]);
-const clientFindOne = ref([]);
+const recordFindOne = ref([]);
 const viewReceipt = ref();
 const shouldSendEmail = ref(false);
 const maxAmount = ref();
@@ -56,8 +65,8 @@ const filterBanks = {
     limit: 30,
 };
 
-const filterClientFindOne = {
-    fields: ['email'],
+const filterRecordFindOne = {
+    fields: [],
     where: {
         id: route.params.id,
     },
@@ -65,13 +74,15 @@ const filterClientFindOne = {
 
 const initialData = reactive({
     amountPaid: $props.totalCredit,
-    clientFk: route.params.id,
+    supplierFk: route.params.id,
     companyFk: $props.companyId,
-    email: clientFindOne.value.email,
+    bankFk: $props.bankId,
+    email: recordFindOne.value.email,
+    currencyFk: 1,
 });
 
 onBeforeMount(() => {
-    urlCreate.value = `Clients/${route.params.id}/createReceipt`;
+    urlCreate.value = `Suppliers/${route.params.id}/createReceipt`;
 });
 
 function setPaymentType(accounting) {
@@ -112,7 +123,7 @@ function onBeforeSave(data) {
         return notify(t('Amount exceeded', { maxAmount: maxAmount.value }), 'negative');
 
     if (isCash.value && shouldSendEmail.value && !data.email)
-        return notify(t('There is no assigned email for this client'), 'negative');
+        return notify(t(`There is no assigned email for this supplier`), 'negative');
 
     data.bankFk = data.bankFk.id;
     return data;
@@ -153,12 +164,11 @@ async function accountShortToStandard({ target: { value } }) {
 async function getAmountPaid() {
     const filter = {
         where: {
-            clientFk: route.params.id,
+            supplierFk: route.params.id,
             companyFk: initialData.companyFk,
         },
     };
-
-    const { data } = await getClientRisk(filter);
+    const { data } = await getSupplierRisk(filter);
     initialData.amountPaid = (data?.length && data[0].amount) || undefined;
 }
 </script>
@@ -177,10 +187,17 @@ async function getAmountPaid() {
             url="Accountings"
         />
         <FetchData
-            :filter="filterClientFindOne"
-            @on-fetch="({ email }) => (initialData.email = email)"
+            :filter="filterRecordFindOne"
+            url="Suppliers/findOne"
+            auto-load
+            @on-fetch="({ email }) => (initialData.email = email)"
+        />
+        <FetchData
+            url="Currencies"
+            :filter="{ fields: ['id', 'name'] }"
+            order="code"
+            @on-fetch="(data) => (currenciesOptions = data)"
             auto-load
-            url="Clients/findOne"
         />
         <FormModel
             ref="formModelRef"
@@ -194,9 +211,8 @@ async function getAmountPaid() {
                 <span ref="closeButton" class="row justify-end close-icon" v-close-popup>
                     <QIcon name="close" size="sm" />
                 </span>
-
+                {{ data }}
                 <h5 class="q-mt-none">{{ t('New payment') }}</h5>
-
                 <VnRow>
                     <VnInputDate
                         :label="t('Date')"
@@ -287,6 +303,33 @@ async function getAmountPaid() {
                         <QCheckbox v-model="shouldSendEmail" :label="t('Send email')" />
                     </VnRow>
                 </div>
+                <VnRow>
+                    <VnSelect
+                        v-if="$props.extraFields.includes('orderBy')"
+                        :label="t('Type')"
+                        v-model="data.orderBy"
+                        :options="['issued', ' bookEntried', ' booked', ' dueDate']"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
+                </VnRow>
+                <VnRow class="row">
+                    <VnSelect
+                        v-if="$props.extraFields.includes('currencyFk')"
+                        :label="t('currencyFk')"
+                        v-model="data.currencyFk"
+                        :options="currenciesOptions"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                    />
+                    <VnInputNumber
+                        v-if="data.currencyFk !== 1"
+                        :label="t('Divisa')"
+                        v-model="data.divisa"
+                    />
+                </VnRow>
                 <div class="q-mt-lg row justify-end">
                     <QBtn
                         :disabled="formModelRef.isLoading"
@@ -320,6 +363,8 @@ es:
     Amount: Importe
     Reference: Referencia
     Cash: Efectivo
+    currencyFk: Moneda
+    Type: Tipo
     Delivered amount: Cantidad entregada
     Amount to return: Cantidad a devolver
     View recipt: Ver recibido
-- 
2.40.1


From 218f45c28922037f1891931c9f2ce8ee391bb63a Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 11 Nov 2024 14:46:57 +0100
Subject: [PATCH 5/9] feat: refs #7134 use VnAccountNumber

---
 src/pages/Supplier/Card/SupplierBalance.vue    |  1 -
 src/pages/Supplier/Card/SupplierNewPayment.vue | 11 ++++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierBalance.vue b/src/pages/Supplier/Card/SupplierBalance.vue
index 9f36b8707..d9e79288d 100644
--- a/src/pages/Supplier/Card/SupplierBalance.vue
+++ b/src/pages/Supplier/Card/SupplierBalance.vue
@@ -201,7 +201,6 @@ async function onFetch(data) {
 }
 
 const showNewPaymentDialog = () => {
-    debugger;
     quasar.dialog({
         component: SupplierNewPayment,
         componentProps: {
diff --git a/src/pages/Supplier/Card/SupplierNewPayment.vue b/src/pages/Supplier/Card/SupplierNewPayment.vue
index fc78a5495..b7f8dd477 100644
--- a/src/pages/Supplier/Card/SupplierNewPayment.vue
+++ b/src/pages/Supplier/Card/SupplierNewPayment.vue
@@ -15,6 +15,7 @@ import VnInputDate from 'components/common/VnInputDate.vue';
 import VnInputNumber from 'components/common/VnInputNumber.vue';
 import VnSelect from 'src/components/common/VnSelect.vue';
 import VnInput from 'src/components/common/VnInput.vue';
+import VnAccountNumber from 'src/components/common/VnAccountNumber.vue';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -180,12 +181,7 @@ async function getAmountPaid() {
             auto-load
             url="Companies"
         />
-        <FetchData
-            :filter="filterBanks"
-            @on-fetch="(data) => (bankOptions = data)"
-            auto-load
-            url="Accountings"
-        />
+
         <FetchData
             :filter="filterRecordFindOne"
             url="Suppliers/findOne"
@@ -268,9 +264,10 @@ async function getAmountPaid() {
                         {{ t('Compensation') }}
                     </div>
                     <VnRow>
-                        <VnInputNumber
+                        <VnAccountNumber
                             :label="t('Compensation account')"
                             clearable
+                            required
                             v-model="data.compensationAccount"
                             @blur="accountShortToStandard"
                         />
-- 
2.40.1


From 3404bc6d0b2c943ad904184f3e98b7d06b2992e5 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 11 Nov 2024 15:59:05 +0100
Subject: [PATCH 6/9] feat: refs #7134 apply supplierBalanceFilter

---
 src/pages/Supplier/Card/SupplierBalance.vue   |  30 +++--
 .../Supplier/Card/SupplierBalanceFilter.vue   | 123 ++++++++++++++++++
 2 files changed, 141 insertions(+), 12 deletions(-)
 create mode 100644 src/pages/Supplier/Card/SupplierBalanceFilter.vue

diff --git a/src/pages/Supplier/Card/SupplierBalance.vue b/src/pages/Supplier/Card/SupplierBalance.vue
index d9e79288d..9fb424220 100644
--- a/src/pages/Supplier/Card/SupplierBalance.vue
+++ b/src/pages/Supplier/Card/SupplierBalance.vue
@@ -6,6 +6,7 @@ import { useAcl } from 'src/composables/useAcl';
 import axios from 'axios';
 import { useQuasar } from 'quasar';
 import { getSupplierRisk } from 'src/composables/getRisk';
+import RightMenu from 'src/components/common/RightMenu.vue';
 
 import { toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
@@ -20,6 +21,7 @@ import VnFilter from 'components/VnTable/VnFilter.vue';
 
 import SupplierNewPayment from 'src/pages/Supplier/Card/SupplierNewPayment.vue';
 import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
+import SupplierBalanceFilter from './SupplierBalanceFilter.vue';
 
 const { openConfirmationModal } = useVnConfirm();
 const { sendEmail, openReport } = usePrintService();
@@ -187,17 +189,18 @@ async function getCurrentBalance() {
 }
 
 async function onFetch(data) {
-    balances.value = [];
-    for (const [index, balance] of data.entries()) {
-        if (index === 0) {
-            balance.balance = await getCurrentBalance();
-            continue;
-        }
-        const previousBalance = data[index - 1];
-        balance.balance =
-            previousBalance?.balance - (previousBalance?.debit - previousBalance?.credit);
-    }
-    balances.value = data;
+    return;
+    // balances.value = [];
+    // for (const [index, balance] of data.entries()) {
+    //     if (index === 0) {
+    //         balance.balance = await getCurrentBalance();
+    //         continue;
+    //     }
+    //     const previousBalance = data[index - 1];
+    //     balance.balance =
+    //         previousBalance?.balance - (previousBalance?.debit - previousBalance?.credit);
+    // }
+    // balances.value = data;
 }
 
 const showNewPaymentDialog = () => {
@@ -241,9 +244,12 @@ const showBalancePdf = ({ id }) => {
             </div>
         </template>
     </VnSubToolbar>
+    <QDrawer side="right" :width="265" v-model="stateStore.rightDrawer">
+        <SupplierBalanceFilter data-key="SupplierBalance" />
+    </QDrawer>
     <VnTable
         ref="tableRef"
-        data-key="CustomerBalance"
+        data-key="SupplierBalance"
         url="Suppliers/receipts"
         search-url="balance"
         :user-params="filter"
diff --git a/src/pages/Supplier/Card/SupplierBalanceFilter.vue b/src/pages/Supplier/Card/SupplierBalanceFilter.vue
new file mode 100644
index 000000000..4d5b4f99c
--- /dev/null
+++ b/src/pages/Supplier/Card/SupplierBalanceFilter.vue
@@ -0,0 +1,123 @@
+<script setup>
+import { useI18n } from 'vue-i18n';
+import VnFilterPanel from 'src/components/ui/VnFilterPanel.vue';
+import VnSelect from 'src/components/common/VnSelect.vue';
+import VnInput from 'src/components/common/VnInput.vue';
+import VnInputDate from 'src/components/common/VnInputDate.vue';
+
+const { t } = useI18n();
+defineProps({
+    dataKey: {
+        type: String,
+        required: true,
+    },
+});
+</script>
+
+<template>
+    <VnFilterPanel :data-key="dataKey" :search-button="true" :redirect="false">
+        <template #tags="{ tag, formatFn }">
+            <div class="q-gutter-x-xs">
+                <strong>{{ t(`params.${tag.label}`) }}: </strong>
+                <span>{{ formatFn(tag.value) }}</span>
+            </div>
+        </template>
+        <template #body="{ params, searchFn }">
+            <QItem>
+                <QItemSection>
+                    <VnInputDate
+                        :label="t('params.from')"
+                        v-model="params.from"
+                        @update:model-value="searchFn()"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelect
+                        :label="t('params.bank')"
+                        v-model="params.bankFk"
+                        url="Accountings"
+                        option-label="bank"
+                        :include="{ relation: 'accountingType' }"
+                        sort-by="id"
+                        :limit="0"
+                        dense
+                        outlined
+                        rounded
+                    >
+                        <template #option="scope">
+                            <QItem v-bind="scope.itemProps">
+                                <QItemSection>
+                                    <QItemLabel>
+                                        {{ scope.opt.id }}:&ensp;{{ scope.opt.bank }}
+                                    </QItemLabel>
+                                </QItemSection>
+                            </QItem>
+                        </template>
+                    </VnSelect>
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnSelect
+                        :label="t('params.currencyFk')"
+                        url="Currencies"
+                        :filter="{ fields: ['id', 'name'] }"
+                        order="code"
+                        v-model="params.currencyFk"
+                        option-value="id"
+                        option-label="name"
+                        hide-selected
+                        dense
+                        outlined
+                        rounded
+                    />
+                </QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <QCheckbox
+                        v-model="params.isConciliated"
+                        :label="t('params.isConciliated')"
+                        @update:model-value="searchFn()"
+                        toggle-indeterminate
+                /></QItemSection>
+            </QItem>
+            <QItem>
+                <QItemSection>
+                    <VnInput
+                        v-model="params.itemId"
+                        :label="t('params.itemId')"
+                        is-outlined
+                    />
+                </QItemSection>
+            </QItem>
+        </template>
+    </VnFilterPanel>
+</template>
+
+<i18n>
+en:
+    params:
+        search: General search
+        itemId: Item id
+        buyerId: Buyer
+        typeId: Type
+        categoryId: Category
+        from: From
+        to: To
+es:
+
+    params:
+        isConciliated: Conciliado
+        currencyFk: Moneda
+        New payment: Añadir pago
+        Date: Fecha
+        Company: Empresa
+        bank: Caja
+        Amount: Importe
+        Reference: Referencia
+        Cash: Efectivo
+</i18n>
-- 
2.40.1


From 78e70f2b698e8bada5503e5ac7e190993003eddd Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 20 Nov 2024 14:28:41 +0100
Subject: [PATCH 7/9] feat: refs #7134 #7124 handle columns

---
 src/pages/Supplier/Card/SupplierBalance.vue | 98 ++++++++++-----------
 1 file changed, 49 insertions(+), 49 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierBalance.vue b/src/pages/Supplier/Card/SupplierBalance.vue
index 9fb424220..dcfa7c72b 100644
--- a/src/pages/Supplier/Card/SupplierBalance.vue
+++ b/src/pages/Supplier/Card/SupplierBalance.vue
@@ -6,9 +6,8 @@ import { useAcl } from 'src/composables/useAcl';
 import axios from 'axios';
 import { useQuasar } from 'quasar';
 import { getSupplierRisk } from 'src/composables/getRisk';
-import RightMenu from 'src/components/common/RightMenu.vue';
 
-import { toCurrency, toDate, toDateHourMin } from 'src/filters';
+import { dashIfEmpty, toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
 import { useStateStore } from 'stores/useStateStore';
 import { usePrintService } from 'composables/usePrintService';
@@ -74,40 +73,41 @@ const companyFilterColumn = {
 };
 
 const columns = computed(() => [
+    // {
+    //     align: 'left',
+    //     name: 'payed',
+    //     label: t('Date'),
+    //     format: ({ payed }) => toDate(payed),
+    //     cardVisible: true,
+    // },
     {
         align: 'left',
-        name: 'payed',
-        label: t('Date'),
-        format: ({ payed }) => toDate(payed),
-        cardVisible: true,
-    },
-    {
-        align: 'left',
-        name: 'created',
+        name: 'dated',
         label: t('Creation date'),
-        format: ({ created }) => toDateHourMin(created),
+        format: ({ dated }) => toDateHourMin(dated),
         cardVisible: true,
     },
+    // {
+    //     align: 'left',
+    //     label: t('Employee'),
+    //     columnField: {
+    //         component: 'userLink',
+    //         attrs: ({ row }) => {
+    //             return {
+    //                 workerId: row.workerFk,
+    //                 name: row.userName,
+    //             };
+    //         },
+    //     },
+    //     cardVisible: true,
+    // },
     {
         align: 'left',
-        label: t('Employee'),
-        columnField: {
-            component: 'userLink',
-            attrs: ({ row }) => {
-                return {
-                    workerId: row.workerFk,
-                    name: row.userName,
-                };
-            },
-        },
-        cardVisible: true,
-    },
-    {
-        align: 'left',
-        name: 'description',
+        name: 'sref',
         label: t('Reference'),
         isTitle: true,
         class: 'extend',
+        format: ({ sref }) => dashIfEmpty(sref),
     },
     {
         align: 'left',
@@ -117,23 +117,23 @@ const columns = computed(() => [
     },
     {
         align: 'left',
-        name: 'debit',
+        name: 'invoiceEuros',
         label: t('Debit'),
-        format: ({ debit }) => debit && toCurrency(debit),
+        format: ({ invoiceEuros }) => invoiceEuros && toCurrency(invoiceEuros),
         isId: true,
     },
     {
         align: 'left',
-        name: 'credit',
+        name: 'paymentEuros',
         label: t('Havings'),
-        format: ({ credit }) => credit && toCurrency(credit),
+        format: ({ paymentEuros }) => paymentEuros && toCurrency(paymentEuros),
         cardVisible: true,
     },
     {
         align: 'left',
-        name: 'balance',
+        name: 'euroBalance',
         label: t('Balance'),
-        format: ({ balance }) => toCurrency(balance),
+        format: ({ euroBalance }) => toCurrency(euroBalance),
         cardVisible: true,
     },
     {
@@ -146,23 +146,23 @@ const columns = computed(() => [
         align: 'left',
         name: 'tableActions',
         actions: [
-            {
-                title: t('globals.downloadPdf'),
-                icon: 'cloud_download',
-                show: (row) => row.isInvoice,
-                action: (row) => showBalancePdf(row),
-            },
-            {
-                title: t('Send compensation'),
-                icon: 'outgoing_mail',
-                show: (row) => !!row.isCompensation,
-                action: ({ id }) =>
-                    openConfirmationModal(
-                        t('Send compensation'),
-                        t('Do you want to report compensation to the supplier by mail?'),
-                        () => sendEmail(`Receipts/${id}/balance-compensation-email`)
-                    ),
-            },
+            // {
+            //     title: t('globals.downloadPdf'),
+            //     icon: 'cloud_download',
+            //     show: (row) => row.isInvoice,
+            //     action: (row) => showBalancePdf(row),
+            // },
+            // {
+            //     title: t('Send compensation'),
+            //     icon: 'outgoing_mail',
+            //     show: (row) => !!row.isCompensation,
+            //     action: ({ id }) =>
+            //         openConfirmationModal(
+            //             t('Send compensation'),
+            //             t('Do you want to report compensation to the supplier by mail?'),
+            //             () => sendEmail(`Receipts/${id}/balance-compensation-email`)
+            //         ),
+            // },
         ],
     },
 ]);
-- 
2.40.1


From 09804e06c751ae1702300a36c52b2be7295f0175 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 20 Nov 2024 14:28:47 +0100
Subject: [PATCH 8/9] feat: refs #7134 #7124 handle filter

---
 src/pages/Supplier/Card/SupplierBalanceFilter.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/Supplier/Card/SupplierBalanceFilter.vue b/src/pages/Supplier/Card/SupplierBalanceFilter.vue
index 4d5b4f99c..2f75ccfc3 100644
--- a/src/pages/Supplier/Card/SupplierBalanceFilter.vue
+++ b/src/pages/Supplier/Card/SupplierBalanceFilter.vue
@@ -23,6 +23,7 @@ defineProps({
             </div>
         </template>
         <template #body="{ params, searchFn }">
+            {{ params }}
             <QItem>
                 <QItemSection>
                     <VnInputDate
-- 
2.40.1


From e948253bea21a466bdb555cb8761aaa070e6e971 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Thu, 21 Nov 2024 12:44:38 +0100
Subject: [PATCH 9/9] feat: refs #7134 vnTable setTableFooter

---
 src/components/VnTable/filters/tableFooter.js | 12 ++++++++++++
 src/pages/Supplier/Card/SupplierBalance.vue   | 10 +++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)
 create mode 100644 src/components/VnTable/filters/tableFooter.js

diff --git a/src/components/VnTable/filters/tableFooter.js b/src/components/VnTable/filters/tableFooter.js
new file mode 100644
index 000000000..9c7d080f6
--- /dev/null
+++ b/src/components/VnTable/filters/tableFooter.js
@@ -0,0 +1,12 @@
+export default function (initialFooter, data) {
+    const footer = data.reduce(
+        (acc, row) => {
+            Object.entries(initialFooter).forEach(([key, initialValue]) => {
+                acc[key] += row?.[key] !== undefined ? row[key] : initialValue;
+            });
+            return acc;
+        },
+        { ...initialFooter }
+    );
+    return footer;
+}
diff --git a/src/pages/Supplier/Card/SupplierBalance.vue b/src/pages/Supplier/Card/SupplierBalance.vue
index dcfa7c72b..75cbcc673 100644
--- a/src/pages/Supplier/Card/SupplierBalance.vue
+++ b/src/pages/Supplier/Card/SupplierBalance.vue
@@ -6,7 +6,7 @@ import { useAcl } from 'src/composables/useAcl';
 import axios from 'axios';
 import { useQuasar } from 'quasar';
 import { getSupplierRisk } from 'src/composables/getRisk';
-
+import tableFooter from 'src/components/VnTable/filters/tableFooter';
 import { dashIfEmpty, toCurrency, toDate, toDateHourMin } from 'src/filters';
 import { useState } from 'composables/useState';
 import { useStateStore } from 'stores/useStateStore';
@@ -187,7 +187,15 @@ async function getCurrentBalance() {
     });
     return currentBalance && currentBalance.amount;
 }
+function setFooter(data) {
+    const initialFooter = {
+        invoiceEuros: 0,
+        paymentEuros: 0,
+        euroBalance: 0,
+    };
 
+    tableRef.value.footer = tableFooter(initialFooter, data);
+}
 async function onFetch(data) {
     return;
     // balances.value = [];
-- 
2.40.1