Open Closed

[BUG] Profile menu disappeared in 7.1.1 angular Lepton project #4907


User avatar
0
kirotech created
  • ABP Framework version: v7.1.1
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): no
  • Exception message and stack trace:
  • Steps to reproduce the issue:
    • open abp suite
    • select Lepton version angular
    • generate new Angular 7.1.1 solution using abp suite
    • try to find user profile meniu in top right corner
    • there is no profile menu anymore?
      • Logout menu is gone
      • Account menu items gone too
      • Check screenshot

5 Answer(s)
  • User Avatar
    0
    mahmut.gundogdu created

    Yes, there is an bug in there. I have created an task. it will fixed in next patch version. I've refund your credit.

  • User Avatar
    0
    kirotech created

    Thank you for confirmation Mahmut. Can you tell when you release update with the fix which version exactly you plan to include this?

  • User Avatar
    0
    mahmut.gundogdu created

    It will fixed in 7.1.2 but there is a workaround that you can fix now.

    the issue is visible should be *ngIf="!item.visible || item.visible()" but set *ngIf="item.visible && item.visible()" So if the userMenuItem has not visible fn, it should not rendered. so I add all a visible fn userMenuItems.

    import { UserMenu, UserMenuService } from '@abp/ng.theme.shared';
    import { Observable, map } from 'rxjs';
    
    function createVisibleFn() {
      return () => {
        return true;
      };
    }
    
    export class MyUserMenuService extends UserMenuService {
      get items$(): Observable<UserMenu[]> {
        return super.items$.pipe(
          map(x => {
            return x.map(y => {
              if (y.visible) {
                return y;
              }
              return {
                ...y,
                visible: createVisibleFn(),
              };
            });
          })
        );
      }
    }
    
    

    then I set my MyUserMenuService class to DI on app.module.ts

    
    //...
     providers: [APP_ROUTE_PROVIDER,{
        provide:UserMenuService,
        useClass:MyUserMenuService
      }],
      bootstrap: [AppComponent],
    })
    export class AppModule {}
    

    then it works as expected. Also we will fix in the next patch. I have sent commit.

  • User Avatar
    0
    kirotech created

    temporary fix worked, but when i click My Account url now i see 2023 © LeptonTheme by Volosoft this was not there before how do i remove this?

    I see you moved account profile edit to api auth project.

  • User Avatar
    0
    mahmut.gundogdu created

    temporary fix worked, but when i click My Account url now i see 2023 © LeptonTheme by Volosoft this was not there before how do i remove this?

    I see you moved account profile edit to api auth project.

    I have created app via cli. But I couldn't see the text. I checked Account layout I checked Application Layout

    I have checked account (on Auth server) too

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v10.0.0-preview. Updated on September 18, 2025, 07:10