From 67eb8e82b607d77726eba7afcf7cfe10558f0997 Mon Sep 17 00:00:00 2001
From: wbuezas <wbuezas@verdnatura.es>
Date: Fri, 23 Feb 2024 08:17:22 -0300
Subject: [PATCH] WIP

---
 src/pages/Supplier/Card/SupplierSummary.vue | 40 +++++++++++++++------
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/pages/Supplier/Card/SupplierSummary.vue b/src/pages/Supplier/Card/SupplierSummary.vue
index d734e21a5..442e03f9f 100644
--- a/src/pages/Supplier/Card/SupplierSummary.vue
+++ b/src/pages/Supplier/Card/SupplierSummary.vue
@@ -52,9 +52,13 @@ const isAdministrative = computed(() => {
         @on-fetch="(data) => setData(data)"
     >
         <template #header-left>
-            <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+            <router-link
+                v-if="isAdministrative"
+                class="header link"
+                :to="{ name: 'SupplierSummary', params: { id: entityId } }"
+            >
                 <QIcon name="open_in_new" color="white" size="sm" />
-            </a>
+            </router-link>
         </template>
         <template #header>
             <span>{{ supplier.name }} - {{ supplier.id }}</span>
@@ -62,10 +66,14 @@ const isAdministrative = computed(() => {
 
         <template #body>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <router-link
+                    v-if="isAdministrative"
+                    class="header link"
+                    :to="{ name: 'SupplierBasicData', params: { id: entityId } }"
+                >
                     {{ t('globals.summary.basicData') }}
                     <QIcon name="open_in_new" color="primary" />
-                </a>
+                </router-link>
                 <span v-else> {{ t('globals.summary.basicData') }}</span>
                 <VnLv label="Id" :value="supplier.id" />
                 <VnLv label="Alias" :value="supplier.nickname" />
@@ -105,10 +113,14 @@ const isAdministrative = computed(() => {
                 </VnLv>
             </QCard>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <router-link
+                    v-if="isAdministrative"
+                    class="header link"
+                    :to="{ name: 'SupplierBillingData', params: { id: entityId } }"
+                >
                     {{ t('supplier.summary.billingData') }}
                     <QIcon name="open_in_new" color="primary" />
-                </a>
+                </router-link>
                 <span v-else> {{ t('supplier.summary.billingData') }}</span>
                 <VnLv
                     :label="t('supplier.summary.payMethod')"
@@ -124,10 +136,14 @@ const isAdministrative = computed(() => {
                 <VnLv :label="t('supplier.summary.account')" :value="supplier.account" />
             </QCard>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <router-link
+                    v-if="isAdministrative"
+                    class="header link"
+                    :to="{ name: 'SupplierFiscalData', params: { id: entityId } }"
+                >
                     {{ t('supplier.summary.fiscalData') }}
                     <QIcon name="open_in_new" color="primary" />
-                </a>
+                </router-link>
                 <span v-else> {{ t('supplier.summary.fiscalData') }}</span>
                 <VnLv
                     :label="t('supplier.summary.sageTaxType')"
@@ -155,10 +171,14 @@ const isAdministrative = computed(() => {
                 />
             </QCard>
             <QCard class="vn-one">
-                <a v-if="isAdministrative" class="header link" :href="supplierUrl">
+                <router-link
+                    v-if="isAdministrative"
+                    class="header link"
+                    :to="{ name: 'SupplierFiscalData', params: { id: entityId } }"
+                >
                     {{ t('supplier.summary.fiscalAddress') }}
                     <QIcon name="open_in_new" color="primary" />
-                </a>
+                </router-link>
                 <span v-else> {{ t('supplier.summary.fiscalAddress') }}</span>
                 <VnLv :label="t('supplier.summary.socialName')" :value="supplier.name" />
                 <VnLv :label="t('supplier.summary.taxNumber')" :value="supplier.nif" />