From 7940d1702b65b82806121b72a573a24aa1a00a48 Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Wed, 9 Aug 2023 10:39:37 +0200
Subject: [PATCH] refs #5987 refactor descriptors and VnLv

---
 src/components/ui/CardDescriptor.vue       |  2 +-
 src/components/ui/VnLv.vue                 | 10 ++++++----
 src/pages/Ticket/Card/TicketDescriptor.vue |  8 +-------
 src/pages/Ticket/TicketList.vue            |  6 +-----
 4 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/src/components/ui/CardDescriptor.vue b/src/components/ui/CardDescriptor.vue
index afdc2d108..70109c15d 100644
--- a/src/components/ui/CardDescriptor.vue
+++ b/src/components/ui/CardDescriptor.vue
@@ -125,7 +125,7 @@ watch($props, async () => {
                     </QItemLabel>
                     <QItem dense>
                         <QItemLabel class="text-subtitle2 text-white" caption>
-                            #{{ $props.subtitle ? $props.subtitle : entity.id }}
+                            #{{ $props.subtitle ?? entity.id }}
                         </QItemLabel>
                     </QItem>
                 </QList>
diff --git a/src/components/ui/VnLv.vue b/src/components/ui/VnLv.vue
index 83234b658..1eea26252 100644
--- a/src/components/ui/VnLv.vue
+++ b/src/components/ui/VnLv.vue
@@ -13,7 +13,9 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
 <template>
     <div class="vn-label-value">
         <div v-if="$props.label || $slots.label" class="label">
-            <slot name="label"> {{ $props.label }}</slot>
+            <slot name="label">
+                <span>{{ $props.label }}</span>
+            </slot>
         </div>
         <div v-if="$props.value || $slots.value" class="value">
             <span v-if="isBooleanValue">
@@ -22,9 +24,9 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
                     :color="$props.value ? `positive` : `negative`"
                 />
             </span>
-            <span v-else>
-                <slot name="value">{{ $props.value }}</slot>
-            </span>
+            <slot v-else name="value">
+                <span :title="$props.value">{{ $props.value }}</span>
+            </slot>
         </div>
         <div class="info" v-if="$props.info">
             <QIcon name="info">
diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index 31662e343..9cd62d621 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -88,13 +88,7 @@ const setData = (entity) =>
         <template #body="{ entity }">
             <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
                 <template #value>
-                    <QBadge
-                        :color="
-                            entity.ticketState.state.classColor
-                                ? entity.ticketState.state.classColor
-                                : 'dark'
-                        "
-                    >
+                    <QBadge :color="entity.ticketState.state.classColor ?? 'dark'">
                         {{ entity.ticketState.state.name }}
                     </QBadge>
                 </template>
diff --git a/src/pages/Ticket/TicketList.vue b/src/pages/Ticket/TicketList.vue
index 03a652017..711811b00 100644
--- a/src/pages/Ticket/TicketList.vue
+++ b/src/pages/Ticket/TicketList.vue
@@ -106,11 +106,7 @@ function viewSummary(id) {
                                             </QItemLabel>
                                             <QItemLabel>
                                                 <QBadge
-                                                    :color="
-                                                        row.classColor
-                                                            ? row.classColor
-                                                            : 'dark'
-                                                    "
+                                                    :color="row.classColor ?? 'dark'"
                                                     class="q-ma-none"
                                                     dense
                                                 >