From b4fe2b92ddd3f972dc5ca238fc9d7d937a499b90 Mon Sep 17 00:00:00 2001
From: Pedro Amorim <pedro.amorim@openfifth.co.uk>
Date: Tue, 20 Jan 2026 12:59:28 -0100
Subject: [PATCH] Bug 37762: VueJS framework: Add 'name' to moduleDashboard

This is required to differentiate between selected widgets on different module dashboards i.e. ERM vs ILL

Signed-off-by: Jason Robb <jrobb@sekls.org>
Signed-off-by: Lisette Scheer <lisette@bywatersolutions.com>
Signed-off-by: Lucas Gass <lucas@bywatersolutions.com>
---
 .../intranet-tmpl/prog/js/vue/components/ERM/Home.vue     | 2 +-
 .../js/vue/components/ModuleDashboard/ModuleDashboard.vue | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue
index 06f55ac22b..48660d74ae 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ERM/Home.vue
@@ -1,5 +1,5 @@
 <template>
-    <ModuleDashboard :availableWidgets="availableWidgets" />
+    <ModuleDashboard name="ERM" :availableWidgets="availableWidgets" />
 </template>
 
 <script>
diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue
index cb66718eaa..c12a6ac27d 100644
--- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue
+++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/ModuleDashboard/ModuleDashboard.vue
@@ -92,9 +92,11 @@ import { VueDraggableNext } from "vue-draggable-next";
 export default {
     props: {
         availableWidgets: Array,
+        name: String,
     },
     setup(props) {
         const availableWidgets = props.availableWidgets;
+        const name = props.name;
         const selectedWidgetsLeft = ref([]);
         const selectedWidgetsRight = ref([]);
         const isDragging = ref(false);
@@ -216,7 +218,9 @@ export default {
         };
 
         onMounted(() => {
-            const storedWidgets = localStorage.getItem("dashboard-widgets");
+            const storedWidgets = localStorage.getItem(
+                name + "-dashboard-widgets"
+            );
             if (storedWidgets) {
                 const { left, right } = JSON.parse(storedWidgets);
                 left.forEach(widgetName => {
@@ -246,7 +250,7 @@ export default {
                 const leftWidgetNames = left.map(widget => widget.name);
                 const rightWidgetNames = right.map(widget => widget.name);
                 localStorage.setItem(
-                    "dashboard-widgets",
+                    name + "-dashboard-widgets",
                     JSON.stringify({
                         left: leftWidgetNames,
                         right: rightWidgetNames,