From 21f0c80bc94d03d5a70a725f99a3d00b85b2cac3 Mon Sep 17 00:00:00 2001
From: Jon <jon@verdnatura.es>
Date: Mon, 13 Jan 2025 11:38:45 +0100
Subject: [PATCH] refactor: refs #6242 add TicketProblems component in
 descriptor

---
 src/pages/Ticket/Card/TicketDescriptor.vue | 88 +---------------------
 1 file changed, 2 insertions(+), 86 deletions(-)

diff --git a/src/pages/Ticket/Card/TicketDescriptor.vue b/src/pages/Ticket/Card/TicketDescriptor.vue
index 2acd6a664..dcc745f27 100644
--- a/src/pages/Ticket/Card/TicketDescriptor.vue
+++ b/src/pages/Ticket/Card/TicketDescriptor.vue
@@ -10,6 +10,7 @@ import useCardDescription from 'src/composables/useCardDescription';
 import VnUserLink from 'src/components/ui/VnUserLink.vue';
 import { toDateTimeFormat } from 'src/filters/date';
 import FetchData from 'src/components/FetchData.vue';
+import TicketProblems from 'src/components/TicketProblems.vue';
 
 const $props = defineProps({
     id: {
@@ -166,92 +167,7 @@ function ticketFilter(ticket) {
         <template #icons>
             <QCardActions class="q-gutter-x-xs">
                 <div v-for="problem in problems" :key="problem" class="q-gutter-x-xs">
-                    <QIcon
-                        v-show="problem?.risk"
-                        name="vn:risk"
-                        :color="problem?.hasHighRisk ? 'negative' : 'primary'"
-                        size="xs"
-                    >
-                        <QTooltip
-                            >{{ t('salesTicketsTable.risk') }}:
-                            {{ console.log('risk, credit', row?.risk, row?.credit) }}
-                            {{ row?.risk - row?.credit }}</QTooltip
-                        >
-                    </QIcon>
-                    <QIcon
-                        v-if="problem?.hasComponentLack"
-                        color="primary"
-                        name="vn:components"
-                        size="xs"
-                    >
-                        <QTooltip>
-                            {{ t('ticket.summary.hasComponentLack') }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon v-if="problem?.hasItemDelay" color="primary" size="xs">
-                        <QTooltip>
-                            {{ t('ticket.summary.hasItemDelay') }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon v-if="problem?.hasItemLost" color="primary" size="xs">
-                        <QTooltip>
-                            {{ t('salesTicketsTable.hasItemLost') }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon
-                        name="vn:unavailable"
-                        v-show="problem?.hasItemShortage"
-                        color="primary"
-                        size="xs"
-                    >
-                        <QTooltip>
-                            {{ t('ticket.summary.itemShortage') }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon
-                        v-if="problem?.hasRounding"
-                        color="primary"
-                        name="sync_problem"
-                        size="xs"
-                    >
-                        <QTooltip>
-                            {{ t('ticketList.rounding') }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon
-                        v-if="problem?.hasTicketRequest"
-                        color="primary"
-                        name="vn:buyrequest"
-                        size="xs"
-                    >
-                        <QTooltip>
-                            {{ t('salesTicketsTable.purchaseRequest') }}
-                        </QTooltip>
-                    </QIcon>
-                    <QIcon
-                        v-show="problem.isTaxDataChecked"
-                        name="vn:no036"
-                        size="xs"
-                        color="primary"
-                    >
-                        <QTooltip>{{ t('Client not checked') }}</QTooltip>
-                    </QIcon>
-                    <QIcon
-                        v-if="problem.isFreezed"
-                        name="vn:frozen"
-                        size="xs"
-                        color="primary"
-                    >
-                        <QTooltip>{{ t('Client Frozen') }}</QTooltip>
-                    </QIcon>
-                    <QIcon
-                        v-if="problem.isTooLittle"
-                        name="vn:isTooLittle"
-                        color="primary"
-                        size="xs"
-                    >
-                        <QTooltip>{{ t('salesTicketsTable.tooLittle') }}</QTooltip>
-                    </QIcon>
+                    <TicketProblems :row="problem" />
                 </div>
             </QCardActions>
         </template>