From 1701663d8be54520a0387c74e1f5443f275b27f0 Mon Sep 17 00:00:00 2001
From: Matt Blenkinsop <matt.blenkinsop@ptfs-europe.com>
Date: Tue, 1 Oct 2024 09:50:25 +0000
Subject: [PATCH] Bug 38010: Update navigation links

---
 .../js/vue/components/Vendors/VendorDetails.vue    | 14 +++++++++++---
 .../js/vue/components/Vendors/VendorInterfaces.vue | 14 +++++++++++---
 .../prog/js/vue/components/Vendors/VendorShow.vue  |  7 +++++--
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue
index eee83375b05..8b8b485ad7a 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorDetails.vue
@@ -45,9 +45,13 @@
             </li>
             <li v-if="vendor.url">
                 <label>{{ $__("Website") }}:</label>
-                <span>
-                    {{ vendor.url }}
-                </span>
+                <ExternalLinkButton
+                    :to="{
+                        path: vendor.url,
+                    }"
+                    class=""
+                    :title="vendor.url"
+                />
             </li>
             <li v-if="vendor.accountnumber">
                 <label>{{ $__("Account number") }}:</label>
@@ -163,6 +167,7 @@
 <script>
 import { inject } from "vue"
 import { storeToRefs } from "pinia"
+import ExternalLinkButton from "../ExternalLinkButton.vue"
 
 export default {
     props: {
@@ -195,6 +200,9 @@ export default {
             this.vendor.aliases.splice(this.vendor.aliases.indexOf(e.alias), 1)
         },
     },
+    components: {
+        ExternalLinkButton,
+    },
 }
 </script>
 
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue
index e04e46baa8f..a902b3c8d60 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorInterfaces.vue
@@ -13,9 +13,13 @@
             </li>
             <li v-if="vi.uri">
                 <label>{{ $__("URI") }}:</label>
-                <span>
-                    <a :href="vi.uri" target="_blank">{{ vi.uri }}</a>
-                </span>
+                <ExternalLinkButton
+                    :to="{
+                        path: vi.uri,
+                    }"
+                    class=""
+                    :title="vi.uri"
+                />
             </li>
             <li v-if="vi.login">
                 <label>{{ $__("Login") }}:</label>
@@ -137,6 +141,7 @@
 <script>
 import { inject } from "vue"
 import { storeToRefs } from "pinia"
+import ExternalLinkButton from "../ExternalLinkButton.vue"
 
 export default {
     props: {
@@ -167,6 +172,9 @@ export default {
             this.vendor.interfaces.splice(interfaceIndex, 1)
         },
     },
+    components: {
+        ExternalLinkButton,
+    },
 }
 </script>
 
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorShow.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorShow.vue
index e91d84731ee..10ffd182e60 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorShow.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/VendorShow.vue
@@ -3,12 +3,15 @@
     <div v-else id="vendors_show">
         <Toolbar>
             <ToolbarButton
-                :to="{ name: 'VendorList' }"
+                :to="{ name: 'VendorFormAdd' }"
                 icon="plus"
                 :title="$__('New vendor')"
             />
             <ToolbarButton
-                :to="{ name: 'VendorList' }"
+                :to="{
+                    name: 'VendorFormAddEdit',
+                    params: { vendor_id: vendor.id },
+                }"
                 icon="pencil"
                 :title="$__('Edit vendor')"
             />
-- 
2.39.3 (Apple Git-146)