From 87eca93ef867b9bf797879356379bce4dc041861 Mon Sep 17 00:00:00 2001
From: Javier Segarra <jsegarra@verdnatura.es>
Date: Wed, 21 Aug 2024 12:16:21 +0200
Subject: [PATCH] fix: use class link

---
 .../Ticket/Card/BasicData/BasicDataTable.vue  | 263 ------------------
 src/pages/Ticket/Card/TicketComponents.vue    |   6 +-
 2 files changed, 3 insertions(+), 266 deletions(-)
 delete mode 100644 src/pages/Ticket/Card/BasicData/BasicDataTable.vue

diff --git a/src/pages/Ticket/Card/BasicData/BasicDataTable.vue b/src/pages/Ticket/Card/BasicData/BasicDataTable.vue
deleted file mode 100644
index 48b8c882f..000000000
--- a/src/pages/Ticket/Card/BasicData/BasicDataTable.vue
+++ /dev/null
@@ -1,263 +0,0 @@
-<script setup>
-import { ref, computed, onMounted, onUnmounted, watch } from 'vue';
-import { useI18n } from 'vue-i18n';
-
-import ItemDescriptorProxy from 'src/pages/Item/Card/ItemDescriptorProxy.vue';
-import FetchedTags from 'components/ui/FetchedTags.vue';
-import RightMenu from 'src/components/common/RightMenu.vue';
-import FetchData from 'components/FetchData.vue';
-
-import { useStateStore } from 'stores/useStateStore';
-import { toCurrency } from 'filters/index';
-import { useRole } from 'src/composables/useRole';
-
-const $props = defineProps({
-    formData: {
-        type: Object,
-        required: true,
-    },
-    haveNegatives: {
-        type: Boolean,
-        required: true,
-        default: false,
-    },
-});
-
-const emit = defineEmits(['updateForm', 'update:haveNegatives']);
-
-const stateStore = useStateStore();
-const { t } = useI18n();
-const { hasAny } = useRole();
-
-const _ticketData = ref($props.formData);
-const ticketUpdateActions = ref(null);
-const haveNegatives = computed({
-    get: () => $props.haveNegatives,
-    set: (val) => emit('update:haveNegatives', val),
-});
-const rows = computed(() => _ticketData.value?.sale?.items || []);
-
-watch(
-    () => _ticketData.value,
-    (val) => emit('updateForm', val),
-    { deep: true }
-);
-
-const columns = computed(() => [
-    {
-        required: true,
-        label: t('basicData.item'),
-        name: 'item',
-        align: 'left',
-        format: (val) => val.name,
-    },
-    {
-        required: true,
-        label: t('basicData.description'),
-        name: 'description',
-        align: 'left',
-        hidden: true,
-    },
-    {
-        label: t('basicData.movable'),
-        name: 'movable',
-        align: 'left',
-    },
-    {
-        required: true,
-        label: t('basicData.quantity'),
-        name: 'quantity',
-        field: 'quantity',
-        align: 'left',
-    },
-    {
-        required: true,
-        label: t('basicData.pricePPU'),
-        name: 'price',
-        field: 'price',
-        align: 'left',
-        format: (val) => toCurrency(val),
-    },
-    {
-        required: true,
-        label: t('basicData.newPricePPU'),
-        name: 'newPrice',
-        field: (row) => row.component.newPrice,
-        align: 'left',
-        format: (val) => toCurrency(val),
-    },
-    {
-        required: true,
-        label: t('basicData.difference'),
-        name: 'difference',
-        field: (row) => row.component.difference,
-        align: 'left',
-        format: (val) => toCurrency(val),
-    },
-]);
-
-const loadDefaultTicketAction = () => {
-    const isSalesAssistant = hasAny(['salesAssistant']);
-    _ticketData.value.option = isSalesAssistant ? 'mana' : 'renewPrices';
-};
-
-const totalPrice = computed(() => {
-    return rows.value.reduce((acc, item) => acc + item.price * item.quantity, 0);
-});
-
-const totalNewPrice = computed(() => {
-    return rows.value.reduce(
-        (acc, item) => acc + item.component.newPrice * item.quantity,
-        0
-    );
-});
-
-const totalDifference = computed(() => {
-    return rows.value.reduce((acc, item) => acc + item.component?.difference || 0, 0);
-});
-const showMovablecolumn = computed(() => (haveDifferences.value > 0 ? ['movable'] : []));
-const haveDifferences = computed(() => _ticketData.value.sale?.haveDifferences);
-const ticketHaveNegatives = () => {
-    let _haveNegatives = false;
-    let haveNotNegatives = false;
-    _ticketData.value.withoutNegatives = false;
-    _ticketData.value?.sale?.items.forEach((item) => {
-        if (item.quantity > item.movable) _haveNegatives = true;
-        else haveNotNegatives = true;
-    });
-
-    haveNegatives.value = _haveNegatives && haveNotNegatives && haveDifferences.value;
-    if (haveNegatives.value) _ticketData.value.withoutNegatives = true;
-};
-
-onMounted(() => {
-    stateStore.rightDrawer = true;
-    loadDefaultTicketAction();
-    ticketHaveNegatives();
-});
-
-onUnmounted(() => (stateStore.rightDrawer = false));
-</script>
-
-<template>
-    <FetchData
-        url="TicketUpdateActions"
-        @on-fetch="(data) => (ticketUpdateActions = data)"
-        auto-load
-    />
-    <RightMenu>
-        <template #right-panel>
-            <QCard
-                class="q-pa-md q-mb-md q-ma-md color-vn-text"
-                bordered
-                flat
-                style="border-color: black"
-            >
-                <QCardSection horizontal>
-                    <span class="text-weight-bold text-subtitle1 text-center full-width">
-                        {{ t('basicData.total') }}
-                    </span>
-                </QCardSection>
-                <QCardSection class="column items-center" horizontal>
-                    <span>
-                        {{ t('basicData.price') }}:
-                        {{ toCurrency(totalPrice) }}
-                    </span>
-                </QCardSection>
-                <QCardSection class="column items-center" horizontal>
-                    <span>
-                        {{ t('basicData.newPrice') }}: {{ toCurrency(totalNewPrice) }}
-                    </span>
-                </QCardSection>
-                <QCardSection class="column items-center" horizontal>
-                    <span>
-                        {{ t('basicData.difference') }}: {{ toCurrency(totalDifference) }}
-                    </span>
-                </QCardSection>
-            </QCard>
-            <QCard
-                v-if="totalDifference"
-                class="q-pa-md q-mb-md q-ma-md color-vn-text"
-                bordered
-                flat
-                style="border-color: black"
-            >
-                <QCardSection horizontal>
-                    <span class="text-weight-bold text-subtitle1 text-center full-width">
-                        {{ t('basicData.chargeDifference') }}
-                    </span>
-                </QCardSection>
-                <QCardSection
-                    v-for="(action, index) in ticketUpdateActions"
-                    :key="index"
-                    horizontal
-                >
-                    <QRadio
-                        v-model="_ticketData.option"
-                        :val="action.code"
-                        :label="action.description"
-                        dense
-                    />
-                </QCardSection>
-            </QCard>
-            <QCard
-                v-if="haveNegatives"
-                class="q-pa-md q-mb-md q-ma-md color-vn-text"
-                bordered
-                flat
-                style="border-color: black"
-            >
-                <QCardSection horizontal class="flex row items-center">
-                    <QCheckbox
-                        :label="t('basicData.withoutNegatives')"
-                        v-model="_ticketData.withoutNegatives"
-                        :toggle-indeterminate="false"
-                    />
-                    <QIcon name="info" size="xs" class="q-ml-sm">
-                        <QTooltip max-width="350px">
-                            {{ t('basicData.withoutNegativesInfo') }}
-                        </QTooltip>
-                    </QIcon>
-                </QCardSection>
-            </QCard>
-        </template>
-    </RightMenu>
-    <QTable
-        :visible-columns="showMovablecolumn"
-        :rows="rows"
-        :columns="columns"
-        row-key="id"
-        :pagination="{ rowsPerPage: 0 }"
-        class="full-width q-mt-md"
-        :no-data-label="t('globals.noResults')"
-        flat
-    >
-        <template #body-cell-item="{ row }">
-            <QTd>
-                <QBtn flat color="primary">
-                    {{ row.itemFk }}
-                    <ItemDescriptorProxy :id="row.itemFk" />
-                </QBtn>
-            </QTd>
-        </template>
-        <template #body-cell-description="{ row }">
-            <QTd>
-                <div class="column">
-                    <span>{{ row.item.name }}</span>
-                    <span class="color-vn-label">{{ row.item.subName }}</span>
-                    <FetchedTags :item="row.item" :max-length="6" />
-                </div>
-            </QTd>
-        </template>
-        <template #body-cell-movable="{ row }">
-            <QTd>
-                <QBadge
-                    v-if="_ticketData?.sale?.haveDifferences"
-                    :text-color="row.quantity > row.movable ? 'black' : 'white'"
-                    :color="row.quantity > row.movable ? 'negative' : 'transparent'"
-                    :label="row.movable"
-                />
-            </QTd>
-        </template>
-    </QTable>
-</template>
diff --git a/src/pages/Ticket/Card/TicketComponents.vue b/src/pages/Ticket/Card/TicketComponents.vue
index 3954b5a62..0f14f5956 100644
--- a/src/pages/Ticket/Card/TicketComponents.vue
+++ b/src/pages/Ticket/Card/TicketComponents.vue
@@ -298,9 +298,9 @@ onUnmounted(() => (stateStore.rightDrawer = false));
         :no-data-label="t('globals.noResults')"
     >
         <template #body-cell-item="{ row }">
-            <QTd>
-                <QBtn flat color="primary">
-                    <span class="link">{{ row.itemFk }}</span>
+            <QTd @click.stop class="link">
+                <QBtn flat>
+                    <span>{{ row.itemFk }}</span>
                     <ItemDescriptorProxy :id="row.itemFk" />
                 </QBtn>
             </QTd>