drowl87/hextra_mirror
1
0
Fork 1
mirror of https://github.com/imfing/hextra.git synced 2025-08-23 05:26:50 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: tab not switching on non-synced mode (#732)

Browse Source 
* fix: tab not switching on non-synced mode

* fix(tabs): improve tab synchronization logic and clean up data attributes

* refactor(tabs): streamline tab synchronization logic
This commit is contained in:
Xin
2025-08-05 20:37:42 +08:00
committed by GitHub
parent 46290e10e7
commit 1081ab8d7f
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/js/tabs.js
View File

@@ -23,9 +23,9 @@
}); });
} }
const groups = document.querySelectorAll('[data-tab-group]'); const syncGroups = document.querySelectorAll('[data-tab-group]');
groups.forEach((group) => { syncGroups.forEach((group) => {
const key = encodeURIComponent(group.dataset.tabGroup); const key = encodeURIComponent(group.dataset.tabGroup);
const saved = localStorage.getItem('hextra-tab-' + key); const saved = localStorage.getItem('hextra-tab-' + key);
if (saved !== null) { if (saved !== null) {
@@ -39,12 +39,18 @@
const index = Array.from(container.querySelectorAll('.hextra-tabs-toggle')).indexOf( const index = Array.from(container.querySelectorAll('.hextra-tabs-toggle')).indexOf(
e.target e.target
); );
const key = encodeURIComponent(container.dataset.tabGroup);
document if (container.dataset.tabGroup) {
.querySelectorAll('[data-tab-group="' + container.dataset.tabGroup + '"]') // Sync behavior: update all tab groups with the same name
.forEach((grp) => updateGroup(grp, index)); const tabGroupValue = container.dataset.tabGroup;
if (key) { const key = encodeURIComponent(tabGroupValue);
document
.querySelectorAll('[data-tab-group="' + tabGroupValue + '"]')
.forEach((grp) => updateGroup(grp, index));
localStorage.setItem('hextra-tab-' + key, index.toString()); localStorage.setItem('hextra-tab-' + key, index.toString());
} else {
// Non-sync behavior: update only this specific tab group
updateGroup(container, index);
} }
}); });
}); });