frayerjj-frontend 0.7.7 → 0.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frayerjj-frontend",
-  "version": "0.7.7",
+  "version": "0.7.9",
   "description": "My base frontend for various projects",
   "main": "src/index.js",
   "type": "module",

package/src/init.js

@@ -152,6 +152,31 @@ export const init = (args) => {
             });
         }
 
+        // Tab Session Persistence
+        const PERSIST_CLASS = 'tab-session-persist';
+        document.querySelectorAll(`.${PERSIST_CLASS}`).forEach(container => {
+            const storageKey = `activeTab_${window.location.pathname}_${container.id}`;
+            const savedTarget = session.getStrVar(storageKey);
+            msg.verbose(`Restoring tab for container #${container.id} with key ${storageKey}:`, savedTarget);
+            if (savedTarget) {
+                const tabEl = container.querySelector(`[data-bs-target="${savedTarget}"], [href="${savedTarget}"]`);
+                if (tabEl) {
+                    const tab = new bootstrap.Tab(tabEl);
+                    tab.show();
+                }
+            }
+        });
+        document.addEventListener('shown.bs.tab', event => {
+            const tabButton = event.target;
+            const container = tabButton.closest(`.${PERSIST_CLASS}`);
+            if (container) {
+                const storageKey = `activeTab_${window.location.pathname}_${container.id}`;
+                const target = tabButton.getAttribute('data-bs-target') || tabButton.getAttribute('href');
+                session.set(storageKey, target);
+                msg.verbose(`Saved active tab for container #${container.id} with key ${storageKey}:`, target);
+            }
+        });
+
     });
 
 }