From 8d573797a90de441a719b3867a61bb4500ea0316 Mon Sep 17 00:00:00 2001
From: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Date: Tue, 3 May 2022 18:29:49 +0200
Subject: [PATCH] Bug 32030: add breadcrumb

Signed-off-by: Jonathan Field <jonathan.field@ptfs-europe.com>

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Kyle M Hall <kyle@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>
---
 .../prog/js/vue/components/ERM/Breadcrumb.vue | 26 +++----------
 .../prog/js/vue/components/ERM/ERMHome.vue    | 38 -------------------
 .../intranet-tmpl/prog/js/vue/main-erm.ts     | 32 ++++++++++++++--
 3 files changed, 34 insertions(+), 62 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Breadcrumb.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Breadcrumb.vue
index 6e1d776d25..f19e16a126 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Breadcrumb.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Breadcrumb.vue
@@ -1,33 +1,19 @@
 <template>
     <nav id="breadcrumbs" aria-label="Breadcrumb" class="breadcrumb">
         <ol>
-            <li>
-                <a href="/cgi-bin/koha/mainpage.pl">Home</a>
-            </li>
-            <li>
-                <a href="/cgi-bin/koha/erm/erm.pl"
-                    >Electronic resources management</a
-                >
-            </li>
-
-            <li>
-                <router-link to="/cgi-bin/koha/erm/agreements">
-                    Agreements</router-link
-                >
+            <li v-for="(item, counter) in breadCrumbs" v-bind:key="counter">
+                <router-link :to="item.path"> {{ item.text }}</router-link>
             </li>
         </ol>
     </nav>
 </template>
 
-
 <script>
 export default {
-    methods: {
-        switchComponent(component) {
-            this.component = component
+    computed: {
+        breadCrumbs() {
+            return this.$route.meta.breadcrumb
         },
     },
-    components: {
-    },
 };
-</script>
+</script>
\ No newline at end of file
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/ERMHome.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/ERMHome.vue
index d7fdfed4af..d091e87770 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/ERMHome.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/ERMHome.vue
@@ -1,54 +1,16 @@
 <template>
-    <Breadcrumb />
-    <div class="main container-fluid">
-        <div class="row">
-            <div class="col-sm-10 col-sm-push-2">
-                <main>
-                    <router-view />
-                </main>
-            </div>
-
-            <div class="col-sm-2 col-sm-pull-10">
-                <aside>
-                    <div id="navmenu">
-                        <div id="navmenulist">
-                            <h5>ERM</h5>
-                            <ul>
-                                <li>
-                                    <router-link
-                                        to="/cgi-bin/koha/erm/agreements"
-                                    >
-                                        <i class="fa fa-upload"></i>
-                                        Contact</router-link
-                                    >
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </aside>
-            </div>
-        </div>
-    </div>
 </template>
 
 <script>
-import Breadcrumb from "./Breadcrumb.vue"
-
-import { reactive, computed } from "vue"
 
 export default {
     data() {
         return {
-            component: "agreement",
         }
     },
     methods: {
-        switchComponent(component) {
-            this.component = component
-        },
     },
     components: {
-        Breadcrumb,
     },
 };
 </script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/main-erm.ts b/koha-tmpl/intranet-tmpl/prog/js/vue/main-erm.ts
index 782bf678d4..a38106ca1f 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/main-erm.ts
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/main-erm.ts
@@ -8,14 +8,38 @@ import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 library.add(faPlus, faPencil, faTrash);
 
 import App from "./components/ERM/ERMMain.vue";
+import ERMHome from "./components/ERM/ERMHome.vue";
 import Agreements from "./components/ERM/Agreements.vue";
 
 const Bar = { template: "<div>bar</div>" };
-const Foo = { template: "<div>foo</div>" };
 const routes = [
-    { path: "/cgi-bin/koha/erm/agreements", component: Agreements },
-    { path: "/cgi-bin/koha/erm/licenses", component: Bar },
-    { path: "/cgi-bin/koha/erm/erm.pl", component: Foo },
+    {
+        path: "/cgi-bin/koha/erm/erm.pl",
+        component: ERMHome,
+        meta: {
+            breadcrumb: [
+                { text: "Home", path: "/cgi-bin/koha/mainpage.pl" },
+                {
+                    text: "Electronic resources management",
+                    path: "/cgi-bin/koha/erm/erm.pl",
+                },
+            ],
+        },
+    },
+    {
+        path: "/cgi-bin/koha/erm/agreements",
+        component: Agreements,
+        meta: {
+            breadcrumb: [
+                { text: "Home", path: "/cgi-bin/koha/mainpage.pl" },
+                {
+                    text: "Electronic resources management",
+                    path: "/cgi-bin/koha/erm/erm.pl",
+                },
+                { text: "Agreements", path: "/cgi-bin/koha/erm/agreements" },
+            ],
+        },
+    },
 ];
 
 const router = createRouter({ history: createWebHistory(), routes });
-- 
2.39.5