alexei.dolgolyov/ledgrab
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 14 Wiki Activity

Fix tab jump on page reload and add config grid spacing

Browse Source 
Apply saved active tab from localStorage via inline script during HTML
parse to prevent visible tab switch after page becomes visible.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Admin
2026-02-12 15:57:16 +03:00
parent 58df163ded
commit 3d2393e474
3 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/src/wled_controller/static/index.html
+12 -2
View File
@@ -34,11 +34,11 @@
<div class="tabs">
<div class="tab-bar">
<button class="tab-btn active" data-tab="targets" onclick="switchTab('targets')"><span data-i18n="targets.title">⚡ Targets</span></button>
<button class="tab-btn" data-tab="targets" onclick="switchTab('targets')"><span data-i18n="targets.title">⚡ Targets</span></button>
<button class="tab-btn" data-tab="streams" onclick="switchTab('streams')"><span data-i18n="streams.title">📺 Sources</span></button>
</div>
<div class="tab-panel active" id="tab-targets">
<div class="tab-panel" id="tab-targets">
<div id="targets-panel-content">
<div class="loading-spinner"></div>
</div>
@@ -50,6 +50,16 @@
</div>
</div>
<script>
// Apply saved tab immediately during parse to prevent visible jump
(function() {
var saved = localStorage.getItem('activeTab');
if (saved === 'devices') saved = 'targets';
if (!saved || !document.getElementById('tab-' + saved)) saved = 'targets';
document.querySelectorAll('.tab-btn').forEach(function(btn) { btn.classList.toggle('active', btn.dataset.tab === saved); });
document.querySelectorAll('.tab-panel').forEach(function(panel) { panel.classList.toggle('active', panel.id === 'tab-' + saved); });
})();
</script>
</div>
<footer class="app-footer">