verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 99 Releases Wiki Activity

refs #5987 refactor descriptors and VnLv
gitea/salix-front/pipeline/head This commit looks good Details

This commit is contained in:
Jorge Penadés 2023-08-09 10:39:37 +02:00
parent b98179563e
commit 7940d1702b
4 changed files with 9 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -125,7 +125,7 @@ watch($props, async () => {
</QItemLabel> </QItemLabel>
<QItem dense> <QItem dense>
<QItemLabel class="text-subtitle2 text-white" caption> <QItemLabel class="text-subtitle2 text-white" caption>
#{{ $props.subtitle ? $props.subtitle : entity.id }} #{{ $props.subtitle ?? entity.id }}
</QItemLabel> </QItemLabel>
</QItem> </QItem>
</QList> </QList>

10
src/components/ui/VnLv.vue
View File

@ -13,7 +13,9 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
<template> <template>
<div class="vn-label-value"> <div class="vn-label-value">
<div v-if="$props.label || $slots.label" class="label"> <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>
<div v-if="$props.value || $slots.value" class="value"> <div v-if="$props.value || $slots.value" class="value">
<span v-if="isBooleanValue"> <span v-if="isBooleanValue">
@ -22,9 +24,9 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
:color="$props.value ? `positive` : `negative`" :color="$props.value ? `positive` : `negative`"
/> />
</span> </span>
<span v-else> <slot v-else name="value">
<slot name="value">{{ $props.value }}</slot> <span :title="$props.value">{{ $props.value }}</span>
</span> </slot>
</div> </div>
<div class="info" v-if="$props.info"> <div class="info" v-if="$props.info">
<QIcon name="info"> <QIcon name="info">

8
src/pages/Ticket/Card/TicketDescriptor.vue
View File

@ -88,13 +88,7 @@ const setData = (entity) =>
<template #body="{ entity }"> <template #body="{ entity }">
<VnLv v-if="entity.ticketState" :label="t('ticket.card.state')"> <VnLv v-if="entity.ticketState" :label="t('ticket.card.state')">
<template #value> <template #value>
<QBadge <QBadge :color="entity.ticketState.state.classColor ?? 'dark'">
:color="
entity.ticketState.state.classColor
? entity.ticketState.state.classColor
: 'dark'
"
>
{{ entity.ticketState.state.name }} {{ entity.ticketState.state.name }}
</QBadge> </QBadge>
</template> </template>

6
src/pages/Ticket/TicketList.vue
View File

@ -106,11 +106,7 @@ function viewSummary(id) {
</QItemLabel> </QItemLabel>
<QItemLabel> <QItemLabel>
<QBadge <QBadge
:color=" :color="row.classColor ?? 'dark'"
row.classColor
? row.classColor
: 'dark'
"
class="q-ma-none" class="q-ma-none"
dense dense
> >