From c291ea267cb355c2e0bdf59cd21efd5279821f3b Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Fri, 13 Sep 2024 12:07:45 +0200
Subject: [PATCH] refactor: refs #7553 added clickable event in transfer sales
 like Salix

---
 src/pages/Ticket/Card/TicketTransfer.vue     | 15 ++++++++++++---
 src/pages/Ticket/Card/TicketTransferForm.vue |  2 ++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketTransfer.vue b/src/pages/Ticket/Card/TicketTransfer.vue
index 93412aa9b..3c9e32f9e 100644
--- a/src/pages/Ticket/Card/TicketTransfer.vue
+++ b/src/pages/Ticket/Card/TicketTransfer.vue
@@ -28,7 +28,7 @@ const $props = defineProps({
 
 const { t } = useI18n();
 const QPopupProxyRef = ref(null);
-
+const transferFormRef = ref(null);
 const _transfer = ref();
 
 const transferLinesColumns = computed(() => [
@@ -80,6 +80,14 @@ const destinationTicketColumns = computed(() => [
     },
 ]);
 
+const handleRowClick = (row) => {
+    console.log('row: ', row);
+    const ticketId = row.id;
+    if (transferFormRef.value) {
+        transferFormRef.value.transferSales(ticketId);
+    }
+};
+
 onMounted(() => (_transfer.value = $props.transfer));
 </script>
 
@@ -113,6 +121,7 @@ onMounted(() => (_transfer.value = $props.transfer));
                 :title="t('Destination ticket')"
                 row-key="id"
                 class="full-width q-mt-md"
+                @row-click="(_, row) => handleRowClick(row)"
             >
                 <template #body-cell-address="{ row }">
                     <QTd @click.stop>
@@ -134,10 +143,10 @@ onMounted(() => (_transfer.value = $props.transfer));
                 </template>
 
                 <template #no-data>
-                    <TicketTransferForm v-bind="$props" />
+                    <TicketTransferForm ref="transferFormRef" v-bind="$props" />
                 </template>
                 <template #bottom>
-                    <TicketTransferForm v-bind="$props" />
+                    <TicketTransferForm ref="transferFormRef" v-bind="$props" />
                 </template>
             </QTable>
         </QCard>
diff --git a/src/pages/Ticket/Card/TicketTransferForm.vue b/src/pages/Ticket/Card/TicketTransferForm.vue
index c4b3906ae..d07a9d2e7 100644
--- a/src/pages/Ticket/Card/TicketTransferForm.vue
+++ b/src/pages/Ticket/Card/TicketTransferForm.vue
@@ -47,6 +47,8 @@ const transferSales = async (ticketId) => {
     if (data && data.id === $props.ticket.id) emit('refreshData');
     else router.push({ name: 'TicketSale', params: { id: data.id } });
 };
+
+defineExpose({ transferSales });
 </script>
 
 <template>