From dc3b91032cfcfb90c581ce5b816a3e12ad7f6413 Mon Sep 17 00:00:00 2001
From: carlosfonseca <carlos.fonseca@mindshore.io>
Date: Thu, 7 Mar 2024 09:21:20 -0500
Subject: [PATCH] Solucion a comentarios 31

---
 src/pages/Customer/Card/CustomerBalance.vue | 96 ++++++++++++++++++++-
 1 file changed, 93 insertions(+), 3 deletions(-)

diff --git a/src/pages/Customer/Card/CustomerBalance.vue b/src/pages/Customer/Card/CustomerBalance.vue
index f7c658e31..bd8337346 100644
--- a/src/pages/Customer/Card/CustomerBalance.vue
+++ b/src/pages/Customer/Card/CustomerBalance.vue
@@ -14,9 +14,11 @@ import { usePrintService } from 'src/composables/usePrintService';
 
 import VnPaginate from 'src/components/ui/VnPaginate.vue';
 import FetchData from 'components/FetchData.vue';
+import VnInput from 'src/components/common/VnInput.vue';
 import VnSelectFilter from 'src/components/common/VnSelectFilter.vue';
 import CustomerNewPayment from 'src/pages/Customer/components/CustomerNewPayment.vue';
 import WorkerDescriptorProxy from 'src/pages/Worker/Card/WorkerDescriptorProxy.vue';
+import InvoiceOutDescriptorProxy from 'src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue';
 
 const { sendEmail } = usePrintService();
 const { t } = useI18n();
@@ -272,9 +274,97 @@ const sendEmailAction = () => {
                                     tableColumnComponents[props.col.name].event(props)
                                 "
                             >
-                                <template v-if="props.col.name !== 'conciliated'">
+                                <template
+                                    v-if="
+                                        props.col.name !== 'conciliated' &&
+                                        props.col.name !== 'reference' &&
+                                        props.col.name !== 'actions'
+                                    "
+                                >
                                     {{ props.value }}
                                 </template>
+
+                                <template v-if="props.col.name === 'reference'">
+                                    <div v-if="props.row.isInvoice">
+                                        <QBtn color="blue" dense flat>
+                                            {{ t('bill', { ref: props.value }) }}
+                                        </QBtn>
+                                        <InvoiceOutDescriptorProxy
+                                            :id="props.row.id"
+                                            v-if="props.col.name === 'reference'"
+                                        />
+                                    </div>
+                                    <VnInput
+                                        @keyup.enter="saveFieldValue(props)"
+                                        autofocus
+                                        clearable
+                                        dense
+                                        v-model="props.row.description"
+                                        v-else
+                                    />
+                                </template>
+
+                                <template
+                                    v-if="
+                                        props.col.name === 'actions' &&
+                                        props.row.isCompensation
+                                    "
+                                >
+                                    <QIcon
+                                        @click.stop="showDialog = true"
+                                        class="q-ml-md"
+                                        color="primary"
+                                        name="add"
+                                        size="sm"
+                                    >
+                                        <QTooltip>
+                                            {{ t('Send compensation') }}
+                                        </QTooltip>
+                                    </QIcon>
+
+                                    <QDialog v-model="showDialog">
+                                        <QCard class="q-pa-sm">
+                                            <QCardSection>
+                                                <span
+                                                    ref="closeButton"
+                                                    class="flex justify-end color-vn-label"
+                                                    v-close-popup
+                                                >
+                                                    <QIcon name="close" size="sm" />
+                                                </span>
+                                                <div class="text-h6">
+                                                    {{ t('Send compensation') }}
+                                                </div>
+                                            </QCardSection>
+                                            <QCardSection>
+                                                <div>
+                                                    {{
+                                                        t(
+                                                            'Do you want to report compensation to the client by mail?'
+                                                        )
+                                                    }}
+                                                </div>
+                                            </QCardSection>
+                                            <QCardActions
+                                                class="flex justify-end q-mb-sm"
+                                            >
+                                                <QBtn
+                                                    :label="t('globals.cancel')"
+                                                    color="primary"
+                                                    flat
+                                                    v-close-popup
+                                                />
+                                                <QBtn
+                                                    :label="t('globals.save')"
+                                                    @click="sendEmailAction"
+                                                    class="q-ml-sm"
+                                                    color="primary"
+                                                />
+                                            </QCardActions>
+                                        </QCard>
+                                    </QDialog>
+                                </template>
+
                                 <WorkerDescriptorProxy
                                     :id="props.row.clientFk"
                                     v-if="props.col.name === 'userName'"
@@ -341,7 +431,7 @@ const sendEmailAction = () => {
 
 <i18n>
 en:
-    bill: 'N/FRA {ref}'
+    bill: 'N/INV {ref}'
 es:
     Company: Empresa
     Total by company: Total por empresa
@@ -350,7 +440,7 @@ es:
     Creation date: Fecha de creación
     Employee: Empleado
     Reference: Referencia
-    bill: 'N/INV {ref}'
+    bill: 'N/FRA {ref}'
     Bank: Caja
     Debit: Debe
     Havings: Haber