From a4a62c8e3b0c80d59a7bb4bb464c37219247c65d Mon Sep 17 00:00:00 2001
From: jorgep <jorgep@verdnatura.es>
Date: Thu, 7 Sep 2023 09:27:23 +0200
Subject: [PATCH] ref #6175 match linkPhone

---
 src/components/ui/CardList.vue          |  2 +-
 src/components/ui/VnLinkPhone.vue       |  2 +-
 src/pages/Customer/CustomerList.vue     |  7 +++----
 src/pages/Ticket/Card/TicketSummary.vue | 24 ++++++++++++------------
 src/pages/Worker/Card/WorkerSummary.vue | 24 ++++++++++++------------
 5 files changed, 29 insertions(+), 30 deletions(-)

diff --git a/src/components/ui/CardList.vue b/src/components/ui/CardList.vue
index ed1df7668..af2398ebd 100644
--- a/src/components/ui/CardList.vue
+++ b/src/components/ui/CardList.vue
@@ -32,7 +32,7 @@ const $props = defineProps({
         gap: 2%;
         width: 50%;
         .label {
-            width: 30%;
+            width: 35%;
             color: var(--vn-label);
             overflow: hidden;
             text-overflow: ellipsis;
diff --git a/src/components/ui/VnLinkPhone.vue b/src/components/ui/VnLinkPhone.vue
index ca005107b..4445b99c9 100644
--- a/src/components/ui/VnLinkPhone.vue
+++ b/src/components/ui/VnLinkPhone.vue
@@ -13,7 +13,7 @@ const { t } = useI18n();
         icon="phone"
         size="sm"
         color="primary"
-        padding="xs"
+        padding="none"
         :href="`sip:${props.phoneNumber}`"
         :title="t('globals.microsip')"
         @click.stop
diff --git a/src/pages/Customer/CustomerList.vue b/src/pages/Customer/CustomerList.vue
index 286b659c5..41512d12f 100644
--- a/src/pages/Customer/CustomerList.vue
+++ b/src/pages/Customer/CustomerList.vue
@@ -10,7 +10,6 @@ import CustomerFilter from './CustomerFilter.vue';
 import VnLv from 'src/components/ui/VnLv.vue';
 import CardList from 'src/components/ui/CardList.vue';
 import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
-import { dashIfEmpty } from 'src/filters';
 
 const stateStore = useStateStore();
 const router = useRouter();
@@ -79,9 +78,9 @@ function viewSummary(id) {
                         <template #list-items>
                             <VnLv label="ID" :value="row.id" />
                             <VnLv :label="t('customer.list.email')" :value="row.email" />
-                            <VnLv :label="t('customer.list.phone')">
-                                <template #value>
-                                    {{ dashIfEmpty(row.phone) }}
+                            <VnLv :value="row.phone">
+                                <template #label>
+                                    {{ t('customer.list.phone') }}
                                     <VnLinkPhone :phone-number="row.phone" />
                                 </template>
                             </VnLv>
diff --git a/src/pages/Ticket/Card/TicketSummary.vue b/src/pages/Ticket/Card/TicketSummary.vue
index 4d1fa4318..578cd9439 100644
--- a/src/pages/Ticket/Card/TicketSummary.vue
+++ b/src/pages/Ticket/Card/TicketSummary.vue
@@ -209,27 +209,27 @@ async function changeState(value) {
                     :value="toDate(ticket.landed)"
                 />
                 <VnLv :label="t('ticket.summary.packages')" :value="ticket.packages" />
-                <VnLv :label="t('ticket.summary.consigneePhone')">
-                    <template #value>
-                        {{ dashIfEmpty(ticket.address.phone) }}
+                <VnLv :value="ticket.address.phone">
+                    <template #label>
+                        {{ t('ticket.summary.consigneePhone') }}
                         <VnLinkPhone :phone-number="ticket.address.phone" />
                     </template>
                 </VnLv>
-                <VnLv :label="t('ticket.summary.consigneeMobile')">
-                    <template #value>
-                        {{ dashIfEmpty(ticket.address.mobile) }}
+                <VnLv :value="ticket.address.mobile">
+                    <template #label>
+                        {{ t('ticket.summary.consigneeMobile') }}
                         <VnLinkPhone :phone-number="ticket.address.mobile" />
                     </template>
                 </VnLv>
-                <VnLv :label="t('ticket.summary.clientPhone')">
-                    <template #value>
-                        {{ dashIfEmpty(ticket.client.phone) }}
+                <VnLv :value="ticket.client.phone">
+                    <template #label>
+                        {{ t('ticket.summary.clientPhone') }}
                         <VnLinkPhone :phone-number="ticket.client.phone" />
                     </template>
                 </VnLv>
-                <VnLv :label="t('ticket.summary.clientMobile')">
-                    <template #value>
-                        {{ dashIfEmpty(ticket.client.mobile) }}
+                <VnLv :value="ticket.client.mobile">
+                    <template #label>
+                        {{ t('ticket.summary.clientMobile') }}
                         <VnLinkPhone :phone-number="ticket.client.mobile" />
                     </template>
                 </VnLv>
diff --git a/src/pages/Worker/Card/WorkerSummary.vue b/src/pages/Worker/Card/WorkerSummary.vue
index f16835636..c4378d07a 100644
--- a/src/pages/Worker/Card/WorkerSummary.vue
+++ b/src/pages/Worker/Card/WorkerSummary.vue
@@ -93,21 +93,21 @@ const filter = {
                         </span>
                     </template>
                 </VnLv>
-                <VnLv :label="t('worker.summary.phoneExtension')">
-                    <template #value>
-                        {{ dashIfEmpty(worker.mobileExtension) }}
+                <VnLv :value="worker.mobileExtension">
+                    <template #label>
+                        {{ t('worker.summary.phoneExtension') }}
                         <VnLinkPhone :phone-number="worker.mobileExtension" />
                     </template>
                 </VnLv>
-                <VnLv :label="t('worker.summary.entPhone')">
-                    <template #value>
-                        {{ dashIfEmpty(worker.phone) }}
+                <VnLv :value="worker.phone">
+                    <template #label>
+                        {{ t('worker.summary.entPhone') }}
                         <VnLinkPhone :phone-number="worker.phone" />
                     </template>
                 </VnLv>
-                <VnLv :label="t('worker.summary.personalPhone')">
-                    <template #value>
-                        {{ dashIfEmpty(worker.client.phone) }}
+                <VnLv :value="worker.client.phone">
+                    <template #label>
+                        {{ t('worker.summary.personalPhone') }}
                         <VnLinkPhone :phone-number="worker.client.phone" />
                     </template>
                 </VnLv>
@@ -120,9 +120,9 @@ const filter = {
                 <VnLv :label="t('worker.summary.userId')" :value="worker.user.id" />
                 <VnLv :label="t('worker.card.name')" :value="worker.user.nickname" />
                 <VnLv :label="t('worker.summary.role')" :value="worker.user.role.name" />
-                <VnLv :label="t('worker.summary.sipExtension')">
-                    <template #value>
-                        {{ dashIfEmpty(worker?.sip?.extension) }}
+                <VnLv :value="worker?.sip?.extension">
+                    <template #label>
+                        {{ t('worker.summary.sipExtension') }}
                         <VnLinkPhone :phone-number="worker?.sip?.extension" />
                     </template>
                 </VnLv>