LeftNav in btpLayout: make 'expanded' the default state for nav item …

…groups (#3938) * 3911-leftnav-in-btp - make 'expanded' the default state for grouped categories * Apply prettier * Apply prettier * Add unit tests * Prettier --------- Co-authored-by: Anna Milewska <[email protected]> Co-authored-by: Waldemar Mazurek <[email protected]> Co-authored-by: Johannes Doberer <[email protected]>
SAP · Sep 27, 2024 · f6cfb82 · f6cfb82
1 parent d039ff2
commit f6cfb82
Show file tree

Hide file tree

Showing 4 changed files with 157 additions and 1 deletion.
diff --git a/core/src/navigation/LeftNav.svelte b/core/src/navigation/LeftNav.svelte
@@ -325,6 +325,9 @@
               entries: [isGroup ? ['undefined', entry[1]] : entry]
             };
             converted.push(categoryById[catId]);
+            if (!NavigationHelpers.isCollapsedSuperCategory(catId) && isGroup) {
+              setExpandedState(entry[1], true);
+            }
           }
         }
       });

diff --git a/core/src/navigation/LeftNavGroup.svelte b/core/src/navigation/LeftNavGroup.svelte
@@ -7,6 +7,9 @@
   function toggleExpanded() {
     expanded = !expanded;
     NavigationHelpers.storeExpandedState(navGroup.uid, expanded);
+    if (!navGroup.isSingleEntry) {
+      NavigationHelpers.storeCollapsedSuperCategoriesState(navGroup.uid, expanded)
+    }
   }
 </script>
 

diff --git a/core/src/utilities/helpers/navigation-helpers.js b/core/src/utilities/helpers/navigation-helpers.js
@@ -9,6 +9,7 @@ class NavigationHelpersClass {
   constructor() {
     this.EXP_CAT_KEY = 'luigi.preferences.navigation.expandedCategories';
     this.COL_NAV_KEY = 'luigi.preferences.navigation.collapsedNavigation';
+    this.COLLAPSED_SUPER_CATEGORIES_KEY = 'luigi.preferences.navigation.collapsedSuperCategories';
     this.virtualGroupPrefix = '___';
   }
 
@@ -322,6 +323,25 @@ class NavigationHelpersClass {
     return expandedList;
   }
 
+  storeCollapsedSuperCategoriesState(key, value) {
+    let collapsedList = JSON.parse(localStorage.getItem(this.COLLAPSED_SUPER_CATEGORIES_KEY)) || [];
+
+    if (value) {
+      collapsedList = collapsedList.filter(item => item !== key);
+    } else {
+      if (!collapsedList.includes(key)) {
+        collapsedList.push(key);
+      }
+    }
+
+    localStorage.setItem(this.COLLAPSED_SUPER_CATEGORIES_KEY, JSON.stringify(collapsedList));
+  }
+
+  isCollapsedSuperCategory(key) {
+    const collapsedList = JSON.parse(localStorage.getItem(this.COLLAPSED_SUPER_CATEGORIES_KEY)) || [];
+    return collapsedList.includes(key);
+  }
+
   storeExpandedState(key, value, replace = false) {
     let expandedList = this.loadExpandedCategories();