hykocx
97f8baf502
- add optional `permission` field to nav items in registry - filter nav items by user permissions in `buildNavigationSections` - auto-hide sections when all their items are filtered out - fetch user permissions in `AdminLayout.server.js` and pass to navigation builder - update docs and README to document `permission` param and new signature
71 lines
3.1 KiB
JavaScript
71 lines
3.1 KiB
JavaScript
import {
|
|
registerNavSection,
|
|
registerNavItem,
|
|
getNavSections,
|
|
getNavItems,
|
|
} from './registry.js';
|
|
import { isDevkitEnabled } from '../../shared/lib/appConfig.js';
|
|
import { PERMISSIONS } from '@zen/core/users';
|
|
|
|
// Sections et items core — enregistrés à l'import de ce module.
|
|
registerNavSection({ id: 'dashboard', title: 'Tableau de bord', icon: 'DashboardSquare03Icon', order: 10 });
|
|
registerNavSection({ id: 'system', title: 'Utilisateurs', icon: 'UserMultiple02Icon', order: 20 });
|
|
|
|
registerNavItem({ id: 'dashboard', label: 'Tableau de bord', icon: 'DashboardSquare03Icon', href: '/admin/dashboard', sectionId: 'dashboard', order: 10 });
|
|
registerNavItem({ id: 'users', label: 'Utilisateurs', icon: 'UserMultiple02Icon', href: '/admin/users', sectionId: 'system', order: 10, permission: PERMISSIONS.USERS_VIEW });
|
|
registerNavItem({ id: 'roles', label: 'Rôles', icon: 'Crown03Icon', href: '/admin/roles', sectionId: 'system', order: 20, permission: PERMISSIONS.ROLES_VIEW });
|
|
registerNavItem({ id: 'settings', label: 'Paramètres', icon: 'Settings02Icon', href: '/admin/settings', position: 'bottom', order: 10 });
|
|
|
|
if (isDevkitEnabled()) {
|
|
registerNavSection({ id: 'devkit', title: 'DevKit', icon: 'Wrench01Icon', order: 90 });
|
|
registerNavItem({ id: 'devkit-components', label: 'Composants', icon: 'Layers01Icon', href: '/admin/devkit/components', sectionId: 'devkit', order: 10 });
|
|
registerNavItem({ id: 'devkit-icons', label: 'Icônes', icon: 'Image01Icon', href: '/admin/devkit/icons', sectionId: 'devkit', order: 20 });
|
|
}
|
|
|
|
/**
|
|
* Build sections for AdminSidebar. Items are sérialisables (pas de composants),
|
|
* icônes en chaînes résolues côté client.
|
|
* @param {string} pathname
|
|
* @param {string[]} [userPermissions] - Permissions de l'utilisateur connecté ; les items
|
|
* avec un champ `permission` sont masqués si la permission n'est pas présente.
|
|
*/
|
|
export function buildNavigationSections(pathname, userPermissions = []) {
|
|
const sections = getNavSections();
|
|
const items = getNavItems().filter(item => {
|
|
if (item.position === 'bottom') return false;
|
|
if (item.permission && !userPermissions.includes(item.permission)) return false;
|
|
return true;
|
|
});
|
|
|
|
const bySection = new Map();
|
|
for (const item of items) {
|
|
const list = bySection.get(item.sectionId) || [];
|
|
list.push({
|
|
name: item.label,
|
|
href: item.href,
|
|
icon: item.icon,
|
|
current: pathname === item.href || pathname.startsWith(item.href + '/'),
|
|
});
|
|
bySection.set(item.sectionId, list);
|
|
}
|
|
|
|
return sections
|
|
.filter(s => bySection.has(s.id))
|
|
.map(s => ({ id: s.id, title: s.title, icon: s.icon, items: bySection.get(s.id) }));
|
|
}
|
|
|
|
/**
|
|
* Build the list of bottom-pinned nav items for AdminSidebar.
|
|
*/
|
|
export function buildBottomNavItems(pathname) {
|
|
return getNavItems()
|
|
.filter(item => item.position === 'bottom')
|
|
.sort((a, b) => (a.order ?? 0) - (b.order ?? 0))
|
|
.map(item => ({
|
|
name: item.label,
|
|
href: item.href,
|
|
icon: item.icon,
|
|
current: pathname === item.href || pathname.startsWith(item.href + '/'),
|
|
}));
|
|
}
|