Hide Linked Accounts, Authority delegation etc in Angular #7013

7 Answer(s)

• 

  0

  Anjali_Musmade created 8 months ago

  Support Team Support Team Member

  Hello,

  To hide menu temporarily like Text Templates and Language Management you may comment them in app.module.ts just like

  

  it will result like

  thanks

  Save Cancel
• 

  0

  franciscokadzi@gmail.com created 8 months ago

  Thanks for the response.

  How about Linked Accounts, authenticator app and Authority delegation

  Save Cancel
• 

  0

  Anjali_Musmade created 8 months ago

  Support Team Support Team Member

  Hello,

  please check similar issue https://support.abp.io/QA/Questions/3741/Linked-accounts-in-header-bar if it helps you.

  Thanks

  Save Cancel
• 

  1

  franciscokadzi@gmail.com created 8 months ago

  Yes I have seen this issue ealier. It assumes the UI is MVC. My UI is angular. Do you mean to say I have to create a new menucontributor in my HttpApi.Host project? Secondly in my case I do not seek to use permissions to hide or show the menus. I just want to hide it by default.

  Save Cancel
• 

  0

  yusuf.cirak created 8 months ago

  Angular Developer

  Hi,

  You can hide menu items.

  https://docs.abp.io/en/abp/latest/UI/Angular/Modifying-the-Menu#how-to-patch-or-remove-a-navigation-element

  We're sorry to keep you waited. I will leave some code examples.

  Authority Delegation and Linked Accounts are under user menu items which handled by UserMenuService so you need to do this:

  const HIDDEN_MENU_ITEMS_PROVIDER = [
    {
      provide: APP_INITIALIZER,
      useFactory: () => {
        const userMenu = inject(UserMenuService);
        return () => {
          const obj = { visible: () => false };
          userMenu.patchItem(eUserMenuItems.AuthorityDelegation, obj);
          userMenu.patchItem(eUserMenuItems.LinkedAccounts, obj);
        };
      },
      multi: true,
    },
  ];
  

  The same should apply for Authenticator App. You need to import ManageProfileTabsService from @volo/abp.ng.account package. You can use eAccountManageProfileTabNames enum type.

  Save Cancel
• 

  0

  gogu.stere@3sstudio.com created 7 months ago

  Thanks for the response, managed to modify the userMenu items, but i can't find how to hide/delete filter menu option in the sidemenu. Any topic that i should check?

  

  Save Cancel
• 

  0

  yusuf.cirak created 7 months ago

  Angular Developer

  Hi,

  You can check this documentation.

  For example, i can hide the Administration tab with this code.

  const HIDDEN_ROUTES_PROVIDER = [
    {
      provide: APP_INITIALIZER,
      useFactory: (routesService: RoutesService) => {
        return () => {
          const obj = { invisible: true };
          routesService.patch(eThemeSharedRouteNames.Administration, obj);
        };
      },
      deps: [RoutesService],
      multi: true,
    },
  ];
  

  • Use eLanguageManagementRouteNames.LanguageManagement from @volo/abp.ng.language-management
  • Use eTextTemplateManagementRouteNames.TextTemplates from @volo/abp.ng.text-template-management

  Save Cancel