Parent menu sends user to home instead of to path #7348

mattw@agilenova.com created 10 months ago

Hello,

I have created a menu (angular route) with child menus (route with parentName).
this.routes.add([
{
path: '/projects',
name: '::Menu:Management',
iconClass: 'fas fa-chart-line',
order: 5,
layout: eLayoutType.application,
requiredPolicy: 'ABC.Projects',
},
{
path: '/projects',
iconClass: 'fas fa-project-diagram',
name: '::Menu:Projects',
parentName: '::Menu:Management',
layout: eLayoutType.application,
requiredPolicy: 'ABC.Projects',
},]);

This displays a Management menu with a Projects child option. If I hover over the Management menu and select Projects, the user is correctly sent to the /projects path. If I click on the Management menu, however, the user is sent to the root / instead of to the specified path (/projects).

Is there a way to either?

Send the user to the /projects path upon clicking the (parent) Management menu.
Disable click on the Management menu but still allow the user to hover and select child menu options.

ABP Framework version: v8.1.3
UI Type: Angular
Database System: EF Core (PostgreSQL)
Tiered (for MVC) or Auth Server Separated (for Angular): no
Exception message and full stack trace:
Steps to reproduce the issue:
- create submenu/routes with parentName set, click on parent menu option
- user is sent to home instead of the path specified in the parent menu

Anjali_Musmade created 10 months ago

Support Team Member

Hello,

Please check out https://docs.abp.io/en/commercial/latest/tutorials/book-store/part-9?UI=NG&DB=EF#menu-definition
if it helps you.
I will try to reproduce the issue and will revert back again.

Thanks

Anjali_Musmade created 10 months ago

Support Team Member

Hello,
I have generate BookModule using this command
yarn ng generate module book --module app --routing --route books

I have added below code to route.provider.ts

{
        path: '/book-store',
        name: '::Menu:BookStore',
        iconClass: 'fas fa-book',
        order: 101,
        layout: eLayoutType.application,
      },
      {
        path: '/books',
        name: '::Menu:Books',
        parentName: '::Menu:BookStore',
        layout: eLayoutType.application
      }

It's showing this result

After that I have added one more child here Author using this command generate author component
yarn ng generate module author --module app --routing --route authors

I have added below code in route.provider.ts

{
   path: '/authors',
   name: '::Menu:Authors',
   parentName: '::Menu:BookStore',
   layout: eLayoutType.application,
  }

It's showing result

After that I have add permission for Author tab

{
   path: '/authors',
   name: '::Menu:Authors',
   parentName: '::Menu:BookStore',
   layout: eLayoutType.application,
   requiredPolicy: 'BookStore.Authors',
  }

After disabling the permissions for Auther, the final result will look like this - the author menu get hide

Thanks.

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

Hi,

I have a similar issue.
After I navigate in that manner,

the top bar (including the breadcrumb items) resets.

Expected top bar should be masterdata | feature | feature-management