From f927e9b722e7c470487f4c711ba67aff0fc156f7 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Mon, 19 Aug 2024 14:31:52 +0200
Subject: [PATCH] fix: #6943 fix customerSummaryTable

---
 .../components/CustomerSummaryTable.vue       | 31 +++++++++----------
 .../CustomerSummaryTableActions.vue           | 10 +++++-
 2 files changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/pages/Customer/components/CustomerSummaryTable.vue b/src/pages/Customer/components/CustomerSummaryTable.vue
index dc9969b61..c25870fd8 100644
--- a/src/pages/Customer/components/CustomerSummaryTable.vue
+++ b/src/pages/Customer/components/CustomerSummaryTable.vue
@@ -162,7 +162,8 @@ const navigateToticketSummary = (id) => {
         params: { id },
     });
 };
-const commonColumns = (col) => ['date', 'state', 'total'].includes(col);
+const commonColumns = (col) =>
+    ['date', 'state', 'total', 'route', 'nickname'].includes(col);
 </script>
 
 <template>
@@ -190,13 +191,19 @@ const commonColumns = (col) => ['date', 'state', 'total'].includes(col);
                             v-bind="tableColumnComponents[props.col.name].props(props)"
                         >
                             <template v-if="!commonColumns(props.col.name)">
-                                <span
-                                    :class="{
-                                        link:
-                                            props.col.name === 'route' ||
-                                            props.col.name === 'nickname',
-                                    }"
-                                >
+                                <span>
+                                    {{ props.value }}
+                                </span>
+                            </template>
+                            <template v-if="props.col.name === 'route'">
+                                <span class="link" @click.stop>
+                                    <RouteDescriptorProxy :id="props.row.routeFk" />
+                                    {{ props.value }}
+                                </span>
+                            </template>
+                            <template v-if="props.col.name === 'nickname'">
+                                <span class="link" @click.stop>
+                                    <CustomerDescriptorProxy :id="props.row.clientFk" />
                                     {{ props.value }}
                                 </span>
                             </template>
@@ -220,14 +227,6 @@ const commonColumns = (col) => ['date', 'state', 'total'].includes(col);
                                 </QBadge>
                                 <div v-else>{{ toCurrency(props.value) }}</div>
                             </template>
-                            <CustomerDescriptorProxy
-                                :id="props.row.clientFk"
-                                v-if="props.col.name === 'nickname'"
-                            />
-                            <RouteDescriptorProxy
-                                :id="props.row.routeFk"
-                                v-if="props.col.name === 'route'"
-                            />
                         </component>
                     </QTr>
                 </QTd>
diff --git a/src/pages/Customer/components/CustomerSummaryTableActions.vue b/src/pages/Customer/components/CustomerSummaryTableActions.vue
index 6e9038374..154a37d22 100644
--- a/src/pages/Customer/components/CustomerSummaryTableActions.vue
+++ b/src/pages/Customer/components/CustomerSummaryTableActions.vue
@@ -1,10 +1,12 @@
 <script setup>
 import { useI18n } from 'vue-i18n';
+import { useRouter } from 'vue-router';
 
 import { useSummaryDialog } from 'src/composables/useSummaryDialog';
 import TicketSummary from 'src/pages/Ticket/Card/TicketSummary.vue';
 
 const { t } = useI18n();
+const router = useRouter();
 
 defineProps({
     id: {
@@ -18,7 +20,13 @@ const { viewSummary } = useSummaryDialog();
 
 <template>
     <div>
-        <QIcon color="primary" name="vn:lines" size="sm">
+        {{ id }}
+        <QIcon
+            color="primary"
+            name="vn:lines"
+            size="sm"
+            @click.stop="router.push({ params: { id }, name: 'TicketSale' })"
+        >
             <QTooltip>
                 {{ t('Go to lines') }}
             </QTooltip>