Hide a item in navItems

[pnthree]

How Can i hide a item in array navItems?

[xidedix]

hi @pnthree

_nav.ts returns a configuration object to populate sidebar-nav

• static way: in _nav.ts add hidden attribute to item:

{
  name: 'Colors',
  url: '/theme/colors',
  icon: 'icon-drop',
  attributes: { hidden: true }
 },

• dynamic way: write an angular service to set up nav config object dynamically, and subscribe the result in default-layout.component

see also:

• app-sidebar-nav navItems reassignment coreui-free-angular-admin-template#126
• Dynamically translate left sidebar coreui-free-angular-admin-template#123
• dynamically adding and removing sidebar menu based on admin role coreui-free-angular-admin-template#143

[pnthree]

Thank you for prompt response and assistance , it works Regards Prince

…

On Sat, May 4, 2019 at 2:50 PM xidedix ***@***.***> wrote: hi @pnthree <https://github.com/pnthree> _nav.ts returns a configuration object to populate sidebar-nav - static way: in _nav.ts add hidden attribute to item: { name: 'Colors', url: '/theme/colors', icon: 'icon-drop', attributes: { hidden: true } }, - dynamic way: write an agular service to set up nav config object dynamically, and subscribe the result in default-layout.component see also: - coreui/coreui-free-angular-admin-template#126 <coreui/coreui-free-angular-admin-template#126> - coreui/coreui-free-angular-admin-template#123 <coreui/coreui-free-angular-admin-template#123> - coreui/coreui-free-angular-admin-template#143 <coreui/coreui-free-angular-admin-template#143> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#60 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAEUUMN2IMC3G44F2DDXZU3PTWBB3ANCNFSM4HKV7Q4A> .

[SekouSallah]

I created a service called authentication in the services folder located at the root of the project. In this service I created a hasRole method which allows you to see if the user has a role and return true. As you can see: public hasRole(roles: string[]): boolean {
const storedUserRoles = localStorage.getItem("userRoles");

if (storedUserRoles) {
  const userRoles = JSON.parse(storedUserRoles);
  return roles.some(role => userRoles.includes(role));
}

return false;

}. Now I want to display this sidebar element only if the user has the "ADMIN" or "PATIENT" role. {
name: 'Add patient',
url: '/base/add-patient',
iconComponent: { name: 'eyelash-puzzle' },
attributes: { hidden: (authService: AuthenticationService) => authService.hasRole(['ADMIN']) }
}, at the hidden level it has no effect because it is displayed whether the user has the ADMIN role or not. Help me please