Nemcio/CyberPanel
1
0
Fork 0
mirror of https://github.com/usmannasir/cyberpanel.git synced 2026-02-17 03:56:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(firewall): remove conflicting inline click handlers so tab tables load on click

Browse Source 
Remove duplicate click/mousedown listeners on firewall tab nav that conflicted
with Angular ng-click. Let ng-click handle all tab clicks; keep only hashchange
sync for back/forward navigation.
This commit is contained in:
master3395
2026-02-16 00:39:39 +01:00
parent bcebd8883a
commit cf7518b015
1 changed files with 13 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
firewall/templates/firewall/firewall.html
View File

@@ -1626,77 +1626,24 @@
<script>
(function(){
var nav = document.getElementById('firewall-tab-nav');
if (!nav) return;
function loadTabViaAngularScope(tab) {
if (!window.angular) return false;
var container = document.querySelector('.modern-container[ng-controller="firewallController"]') || document.querySelector('.modern-container');
if (!container) return false;
try {
var scope = window.angular.element(container).scope();
if (!scope) return false;
scope.$evalAsync(function() {
scope.activeTab = tab;
if (tab === 'banned' && scope.populateBannedIPs) scope.populateBannedIPs();
else if (tab === 'rules' && scope.populateCurrentRecords) scope.populateCurrentRecords();
});
return true;
} catch (e) {
return false;
}
}
function loadTab(tab) {
if (!tab || (tab !== 'rules' && tab !== 'banned')) return;
var done = false;
if (window.__firewallLoadTab) {
try { window.__firewallLoadTab(tab); done = true; } catch (e) {}
}
if (!done) {
done = loadTabViaAngularScope(tab);
}
if (!done) {
setTimeout(function() {
if (window.__firewallLoadTab) try { window.__firewallLoadTab(tab); } catch (e) {};
else loadTabViaAngularScope(tab);
}, 50);
setTimeout(function() {
if (window.__firewallLoadTab) try { window.__firewallLoadTab(tab); } catch (e) {};
else loadTabViaAngularScope(tab);
}, 200);
setTimeout(function() {
if (window.__firewallLoadTab) try { window.__firewallLoadTab(tab); } catch (e) {};
else loadTabViaAngularScope(tab);
}, 500);
}
}
function onTabButtonActivate(btn) {
var tab = btn && btn.getAttribute('data-tab');
if (!tab) return;
window.location.hash = (tab === 'banned') ? '#banned-ips' : '#rules';
loadTab(tab);
}
nav.addEventListener('click', function(e) {
var btn = (e.target && e.target.closest) ? e.target.closest('.tab-button[data-tab]') : null;
if (btn && nav.contains(btn)) onTabButtonActivate(btn);
}, false);
nav.addEventListener('mousedown', function(e) {
var btn = (e.target && e.target.closest) ? e.target.closest('.tab-button[data-tab]') : null;
if (btn && nav.contains(btn)) onTabButtonActivate(btn);
}, false);
// Sync tab from hash on load and hashchange (back/forward). Tab clicks are handled by ng-click only.
function loadTabFromHash() {
var h = (window.location.hash || '').replace(/^#/, '');
var tab = (h === 'banned-ips') ? 'banned' : 'rules';
loadTab(tab);
if (window.__firewallLoadTab) {
try { window.__firewallLoadTab(tab); } catch (e) {}
}
}
var h = (window.location.hash || '').replace(/^#/, '');
if (h === 'banned-ips') loadTabFromHash();
window.addEventListener('hashchange', loadTabFromHash);
setTimeout(loadTabFromHash, 150);
setTimeout(loadTabFromHash, 500);
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', function() {
setTimeout(loadTabFromHash, 100);
setTimeout(loadTabFromHash, 400);
});
} else {
setTimeout(loadTabFromHash, 100);
setTimeout(loadTabFromHash, 400);
}
})();
</script>