CyberMind-FR
c5e22fd08d
SecuNav.renderTabs() now automatically initializes theme and loads CSS, eliminating boilerplate from views. Added renderCompactTabs() for nested modules and renderBreadcrumb() for back-navigation. Updated module navs: cdn-cache, client-guardian, crowdsec-dashboard, media-flow, mqtt-bridge, system-hub. Removed ~1000 lines of duplicate CSS. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
42 lines
1.7 KiB
JavaScript
42 lines
1.7 KiB
JavaScript
'use strict';
|
|
'require baseclass';
|
|
'require secubox/nav as SecuNav';
|
|
|
|
/**
|
|
* Client Guardian Navigation
|
|
* Uses SecuNav.renderCompactTabs() for consistent styling
|
|
*/
|
|
|
|
var tabs = [
|
|
{ id: 'overview', icon: '📊', label: _('Overview'), path: ['admin', 'secubox', 'security', 'guardian', 'overview'] },
|
|
{ id: 'wizard', icon: '🚀', label: _('Setup Wizard'), path: ['admin', 'secubox', 'security', 'guardian', 'wizard'] },
|
|
{ id: 'clients', icon: '👥', label: _('Clients'), path: ['admin', 'secubox', 'security', 'guardian', 'clients'] },
|
|
{ id: 'zones', icon: '🏠', label: _('Zones'), path: ['admin', 'secubox', 'security', 'guardian', 'zones'] },
|
|
{ id: 'autozoning', icon: '🎯', label: _('Auto-Zoning'), path: ['admin', 'secubox', 'security', 'guardian', 'autozoning'] },
|
|
{ id: 'logs', icon: '📜', label: _('Logs'), path: ['admin', 'secubox', 'security', 'guardian', 'logs'] },
|
|
{ id: 'alerts', icon: '🔔', label: _('Alerts'), path: ['admin', 'secubox', 'security', 'guardian', 'alerts'] },
|
|
{ id: 'parental', icon: '👨👩👧', label: _('Parental'), path: ['admin', 'secubox', 'security', 'guardian', 'parental'] },
|
|
{ id: 'settings', icon: '⚙️', label: _('Settings'), path: ['admin', 'secubox', 'security', 'guardian', 'settings'] }
|
|
];
|
|
|
|
return baseclass.extend({
|
|
getTabs: function() {
|
|
return tabs.slice();
|
|
},
|
|
|
|
/**
|
|
* Render Client Guardian navigation tabs
|
|
* Delegates to SecuNav.renderCompactTabs() for consistent styling
|
|
*/
|
|
renderTabs: function(active) {
|
|
return SecuNav.renderCompactTabs(active, this.getTabs(), { className: 'cg-nav-tabs' });
|
|
},
|
|
|
|
/**
|
|
* Render breadcrumb back to SecuBox
|
|
*/
|
|
renderBreadcrumb: function() {
|
|
return SecuNav.renderBreadcrumb(_('Client Guardian'), '🛡️');
|
|
}
|
|
});
|