From 071f3ba4d085c22f231ff96972f5d4c48ac8b183 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Tue, 27 Aug 2024 11:58:26 +0200
Subject: [PATCH] perf: TicketSummary issues

---
 .../Card/InvoiceOutDescriptorProxy.vue        |  7 ++++-
 src/pages/Ticket/Card/TicketSummary.vue       | 31 ++++++++++---------
 2 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue
index 9ef0ed4b8..8e49fa16a 100644
--- a/src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue
+++ b/src/pages/InvoiceOut/Card/InvoiceOutDescriptorProxy.vue
@@ -1,5 +1,6 @@
 <script setup>
 import InvoiceOutDescriptor from './InvoiceOutDescriptor.vue';
+import InvoiceOutSummary from './InvoiceOutSummary.vue';
 
 const $props = defineProps({
     id: {
@@ -10,6 +11,10 @@ const $props = defineProps({
 </script>
 <template>
     <QPopupProxy>
-        <InvoiceOutDescriptor v-if="$props.id" :id="$props.id" />
+        <InvoiceOutDescriptor
+            v-if="$props.id"
+            :id="$props.id"
+            :summary="InvoiceOutSummary"
+        />
     </QPopupProxy>
 </template>
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index 634568e46..643390c7d 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -1,4 +1,5 @@
 <script setup>
+import RouteDescriptorProxy from 'pages/Route/Card/RouteDescriptorProxy.vue';
 import { onMounted, ref, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useI18n } from 'vue-i18n';
@@ -178,7 +179,14 @@ async function changeState(value) {
                         </a>
                     </template>
                 </VnLv>
-                <VnLv :label="t('ticket.summary.route')" :value="ticket.routeFk" />
+                <VnLv :label="t('ticket.summary.route')">
+                    <template #value>
+                        <span class="link">
+                            {{ ticket.routeFk }}
+                            <RouteDescriptorProxy
+                                :id="ticket.routeFk"
+                            /> </span></template
+                ></VnLv>
                 <VnLv :label="t('ticket.summary.invoice')">
                     <template #value>
                         <span :class="{ link: ticket.refFk }">
@@ -195,7 +203,7 @@ async function changeState(value) {
                     :value="dashIfEmpty(ticket.weight)"
                 />
             </QCard>
-            <QCard class="vn-one">
+            <QCard class="vn-one" style="flex: 2 1">
                 <VnTitle
                     :url="ticketUrl + 'basic-data/step-one'"
                     :text="t('globals.summary.basicData')"
@@ -306,10 +314,9 @@ async function changeState(value) {
                                 <QBtn
                                     flat
                                     round
-                                    size="xs"
                                     icon="vn:claims"
                                     v-if="props.row.claim"
-                                    color="primary"
+                                    class="link"
                                     :to="{
                                         name: 'ClaimCard',
                                         params: {
@@ -325,10 +332,9 @@ async function changeState(value) {
                                 <QBtn
                                     flat
                                     round
-                                    size="xs"
                                     icon="vn:claims"
                                     v-if="props.row.claimBeginning"
-                                    color="primary"
+                                    class="link"
                                     :to="{
                                         name: 'ClaimCard',
                                         params: {
@@ -344,8 +350,7 @@ async function changeState(value) {
                                 <QIcon
                                     name="warning"
                                     v-show="props.row.visible < 0"
-                                    size="xs"
-                                    color="primary"
+                                    class="link"
                                 >
                                     <QTooltip
                                         >{{ t('ticket.summary.visible') }}:
@@ -355,8 +360,7 @@ async function changeState(value) {
                                 <QIcon
                                     name="vn:reserva"
                                     v-show="props.row.reserved"
-                                    size="xs"
-                                    color="primary"
+                                    class="link"
                                 >
                                     <QTooltip>
                                         {{ t('ticket.summary.reserved') }}
@@ -365,8 +369,7 @@ async function changeState(value) {
                                 <QIcon
                                     name="vn:unavailable"
                                     v-show="props.row.itemShortage"
-                                    size="xs"
-                                    color="primary"
+                                    class="link"
                                 >
                                     <QTooltip>
                                         {{ t('ticket.summary.itemShortage') }}
@@ -375,10 +378,10 @@ async function changeState(value) {
                                 <QIcon
                                     name="vn:components"
                                     v-show="props.row.hasComponentLack"
-                                    size="xs"
-                                    color="primary"
+                                    class="link"
                                 >
                                     <QTooltip>
+                                        {{ props.row }}
                                         {{ t('ticket.summary.hasComponentLack') }}
                                     </QTooltip>
                                 </QIcon>