From 6bffe0a628cbb6b299afabbd545402377148d79d Mon Sep 17 00:00:00 2001
From: Matt Blenkinsop <matt.blenkinsop@ptfs-europe.com>
Date: Wed, 16 Oct 2024 15:29:39 +0000
Subject: [PATCH] Bug 38010: Implement side menus in vendors app

---
 .../prog/js/vue/components/LeftMenu.vue       | 38 +++++++++++--------
 .../prog/js/vue/components/Vendors/Main.vue   |  3 +-
 .../prog/js/vue/routes/acquisitions.js        |  3 ++
 3 files changed, 27 insertions(+), 17 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/LeftMenu.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/LeftMenu.vue
index 147402b0675..14f21652c06 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/LeftMenu.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/LeftMenu.vue
@@ -2,14 +2,20 @@
     <aside>
         <div id="navmenu">
             <div id="navmenulist">
-                <h5>{{ $__(title) }}</h5>
-                <ul>
-                    <NavigationItem
-                        v-for="(item, key) in navigationTree"
-                        v-bind:key="key"
-                        :item="item"
-                    ></NavigationItem>
-                </ul>
+                <VendorMenu v-if="leftNavigation === 'VendorMenu'" />
+                <AcquisitionsMenu
+                    v-else-if="leftNavigation === 'AcquisitionsMenu'"
+                />
+                <template v-else>
+                    <h5>{{ $__(title) }}</h5>
+                    <ul>
+                        <NavigationItem
+                            v-for="(item, key) in leftNavigation"
+                            v-bind:key="key"
+                            :item="item"
+                        ></NavigationItem>
+                    </ul>
+                </template>
             </div>
         </div>
     </aside>
@@ -18,23 +24,21 @@
 <script>
 import { inject } from "vue"
 import NavigationItem from "./NavigationItem.vue"
+import VendorMenu from "./Islands/VendorMenu.vue"
+import { storeToRefs } from "pinia"
+import AcquisitionsMenu from "./Islands/AcquisitionsMenu.vue"
+
 export default {
     name: "LeftMenu",
-    data() {
-        return {
-            navigationTree: this.leftNavigation,
-        }
-    },
     setup: () => {
         const navigationStore = inject("navigationStore")
-        const { leftNavigation } = navigationStore
+        const { leftNavigation } = storeToRefs(navigationStore)
         return {
             leftNavigation,
         }
     },
     async beforeMount() {
-        if (this.condition)
-            this.navigationTree = await this.condition(this.navigationTree)
+        if (this.condition) this.condition(this.leftNavigation)
     },
     props: {
         title: String,
@@ -42,6 +46,8 @@ export default {
     },
     components: {
         NavigationItem,
+        VendorMenu,
+        AcquisitionsMenu,
     },
 }
 </script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/Main.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/Main.vue
index abad2f756ab..960ca63ee23 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/Main.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/Vendors/Main.vue
@@ -14,7 +14,7 @@
                 </div>
 
                 <div class="col-md-2 order-sm-2 order-md-1">
-                    <LeftMenu :title="$__('Vendor management')"></LeftMenu>
+                    <LeftMenu :title="$__('Acquisitions')"></LeftMenu>
                 </div>
             </div>
         </div>
@@ -53,6 +53,7 @@ export default {
             loaded,
             userPermissions,
             AVStore,
+            config,
         }
     },
     beforeCreate() {
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/routes/acquisitions.js b/koha-tmpl/intranet-tmpl/prog/js/vue/routes/acquisitions.js
index bed6eb2c485..d146b247798 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/routes/acquisitions.js
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/routes/acquisitions.js
@@ -31,12 +31,14 @@ export const routes = [
                         path: "",
                         name: "VendorList",
                         component: markRaw(VendorList),
+                        alternateLeftMenu: "AcquisitionsMenu",
                     },
                     {
                         path: ":vendor_id",
                         name: "VendorShow",
                         component: markRaw(VendorShow),
                         title: $__("Show vendor"),
+                        alternateLeftMenu: "VendorMenu",
                     },
                     {
                         path: "add",
@@ -55,6 +57,7 @@ export const routes = [
                         name: "VendorShowBaskets",
                         component: markRaw(VendorShow),
                         title: $__("Baskets"),
+                        alternateLeftMenu: "VendorMenu",
                     },
                 ],
             },
-- 
2.39.3 (Apple Git-146)