wbuezas
/
salix-front-mindshore-fork2
forked from verdnatura/salix-front
0
0
Fork 0
Code Pull Requests Activity

ref #6175 match linkPhone

This commit is contained in:
Jorge Penadés 2023-09-07 09:27:23 +02:00
parent 71d3f0c4c6
commit a4a62c8e3b
5 changed files with 29 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/ui/CardList.vue
View File

@ -32,7 +32,7 @@ const $props = defineProps({
gap: 2%; gap: 2%;
width: 50%; width: 50%;
.label { .label {
width: 30%; width: 35%;
color: var(--vn-label); color: var(--vn-label);
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;

2
src/components/ui/VnLinkPhone.vue
View File

@ -13,7 +13,7 @@ const { t } = useI18n();
icon="phone" icon="phone"
size="sm" size="sm"
color="primary" color="primary"
padding="xs" padding="none"
:href="`sip:${props.phoneNumber}`" :href="`sip:${props.phoneNumber}`"
:title="t('globals.microsip')" :title="t('globals.microsip')"
@click.stop @click.stop

7
src/pages/Customer/CustomerList.vue
View File

@ -10,7 +10,6 @@ import CustomerFilter from './CustomerFilter.vue';
import VnLv from 'src/components/ui/VnLv.vue'; import VnLv from 'src/components/ui/VnLv.vue';
import CardList from 'src/components/ui/CardList.vue'; import CardList from 'src/components/ui/CardList.vue';
import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue'; import VnLinkPhone from 'src/components/ui/VnLinkPhone.vue';
import { dashIfEmpty } from 'src/filters';
const stateStore = useStateStore(); const stateStore = useStateStore();
const router = useRouter(); const router = useRouter();
@ -79,9 +78,9 @@ function viewSummary(id) {
<template #list-items> <template #list-items>
<VnLv label="ID" :value="row.id" /> <VnLv label="ID" :value="row.id" />
<VnLv :label="t('customer.list.email')" :value="row.email" /> <VnLv :label="t('customer.list.email')" :value="row.email" />
<VnLv :label="t('customer.list.phone')"> <VnLv :value="row.phone">
<template #value> <template #label>
{{ dashIfEmpty(row.phone) }} {{ t('customer.list.phone') }}
<VnLinkPhone :phone-number="row.phone" /> <VnLinkPhone :phone-number="row.phone" />
</template> </template>
</VnLv> </VnLv>

24
src/pages/Ticket/Card/TicketSummary.vue
View File

@ -209,27 +209,27 @@ async function changeState(value) {
:value="toDate(ticket.landed)" :value="toDate(ticket.landed)"
/> />
<VnLv :label="t('ticket.summary.packages')" :value="ticket.packages" /> <VnLv :label="t('ticket.summary.packages')" :value="ticket.packages" />
<VnLv :label="t('ticket.summary.consigneePhone')"> <VnLv :value="ticket.address.phone">
<template #value> <template #label>
{{ dashIfEmpty(ticket.address.phone) }} {{ t('ticket.summary.consigneePhone') }}
<VnLinkPhone :phone-number="ticket.address.phone" /> <VnLinkPhone :phone-number="ticket.address.phone" />
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('ticket.summary.consigneeMobile')"> <VnLv :value="ticket.address.mobile">
<template #value> <template #label>
{{ dashIfEmpty(ticket.address.mobile) }} {{ t('ticket.summary.consigneeMobile') }}
<VnLinkPhone :phone-number="ticket.address.mobile" /> <VnLinkPhone :phone-number="ticket.address.mobile" />
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('ticket.summary.clientPhone')"> <VnLv :value="ticket.client.phone">
<template #value> <template #label>
{{ dashIfEmpty(ticket.client.phone) }} {{ t('ticket.summary.clientPhone') }}
<VnLinkPhone :phone-number="ticket.client.phone" /> <VnLinkPhone :phone-number="ticket.client.phone" />
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('ticket.summary.clientMobile')"> <VnLv :value="ticket.client.mobile">
<template #value> <template #label>
{{ dashIfEmpty(ticket.client.mobile) }} {{ t('ticket.summary.clientMobile') }}
<VnLinkPhone :phone-number="ticket.client.mobile" /> <VnLinkPhone :phone-number="ticket.client.mobile" />
</template> </template>
</VnLv> </VnLv>

24
src/pages/Worker/Card/WorkerSummary.vue
View File

@ -93,21 +93,21 @@ const filter = {
</span> </span>
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('worker.summary.phoneExtension')"> <VnLv :value="worker.mobileExtension">
<template #value> <template #label>
{{ dashIfEmpty(worker.mobileExtension) }} {{ t('worker.summary.phoneExtension') }}
<VnLinkPhone :phone-number="worker.mobileExtension" /> <VnLinkPhone :phone-number="worker.mobileExtension" />
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('worker.summary.entPhone')"> <VnLv :value="worker.phone">
<template #value> <template #label>
{{ dashIfEmpty(worker.phone) }} {{ t('worker.summary.entPhone') }}
<VnLinkPhone :phone-number="worker.phone" /> <VnLinkPhone :phone-number="worker.phone" />
</template> </template>
</VnLv> </VnLv>
<VnLv :label="t('worker.summary.personalPhone')"> <VnLv :value="worker.client.phone">
<template #value> <template #label>
{{ dashIfEmpty(worker.client.phone) }} {{ t('worker.summary.personalPhone') }}
<VnLinkPhone :phone-number="worker.client.phone" /> <VnLinkPhone :phone-number="worker.client.phone" />
</template> </template>
</VnLv> </VnLv>
@ -120,9 +120,9 @@ const filter = {
<VnLv :label="t('worker.summary.userId')" :value="worker.user.id" /> <VnLv :label="t('worker.summary.userId')" :value="worker.user.id" />
<VnLv :label="t('worker.card.name')" :value="worker.user.nickname" /> <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.role')" :value="worker.user.role.name" />
<VnLv :label="t('worker.summary.sipExtension')"> <VnLv :value="worker?.sip?.extension">
<template #value> <template #label>
{{ dashIfEmpty(worker?.sip?.extension) }} {{ t('worker.summary.sipExtension') }}
<VnLinkPhone :phone-number="worker?.sip?.extension" /> <VnLinkPhone :phone-number="worker?.sip?.extension" />
</template> </template>
</VnLv> </VnLv>