Activities of "muhammedaltug"

Hello

We fixed the problem. The fix will be available in the next version of Lepton x 2.0

Hello,

Can you send code example?

Hello,

You need to replace the layout for both requests. To disable the side menu opening when hovering, you need to remove hover-on-disabled classes from elements and implement the changes you want.

To move language selection to the header section, you need to customize the settings service. You can remove language options from the setting area with the following code

import {
  Setting,
  SettingsService,
  SideMenuLayoutService,
} from '@volosoft/ngx-lepton-x/layouts';
import { ThemeService } from '@volosoft/ngx-lepton-x';
import { map } from 'rxjs/internal/operators';
import { combineLatest, Observable } from 'rxjs';

@Injectable()
class MySettingService implements SettingsService {
  settings$: Observable<Setting[]> = combineLatest([
    this.themeService.stylesAsSettingsGroup$,
    this.layoutService.layoutsAsSettingsGroup$,
  ]).pipe(map(parents => parents.filter(parent => parent.children.length > 0)));

  selectedSettings$ = combineLatest([
    this.themeService.selectedStyle$.pipe(
      map(style => ({
        icon: style.icon,
        id: this.themeService.id,
      }))
    ),
    this.layoutService.selectedLayout$.pipe(
      map(layout => ({
        icon: layout.icon,
        id: this.layoutService.id,
      }))
    ),
  ]);

  constructor(private themeService: ThemeService, private layoutService: SideMenuLayoutService) {}
}

In your app.module.ts

import { LPX_SETTINGS_SERVICE } from '@volosoft/ngx-lepton-x/layouts';
@NgModule({
    providers: [
        // ..other providers
        {
          provide: LPX_SETTINGS_SERVICE,
          useClass: MySettingService,
        },
    ]
})

You can use the following stream to get available languages.

    this.sessionService
      .getLanguage$()
      .pipe(
        switchMap((currentLang) =>
          this.configStateService
            .getDeep$('localization.languages')
            .pipe(filter<LanguageInfo[]>(Boolean))
        )
      )
      .subscribe((settings) => {
        // read language information
      });

If you want to download the source code and examine lepton-x codes, please follow the documentation

Hello

Can you check LeptonThemeManagement.Settings policy is granted?

Hello

You can override hover state styles

.lpx-nav-menu .lpx-menu-item-link:hover {
    color: var(--lpx-navbar-text-color);
}
.lpx-nav-menu .lpx-menu-item-link:hover .lpx-menu-item-icon {
    color: var(--lpx-navbar-text-color);
}
.lpx-nav-menu .lpx-menu-item-link:hover .dd-icon {
    opacity: .5;
    color: var(--lpx-navbar-text-color);
}

Please follow this document for customizing layout.

Hello

Did you change theme lepton to lepton-x in the aspnet-core project? If you did, you need to change angular project too.

Hello,

These changes probably relate to the EOL difference (files' line break change LF to CRLF).

You can roll back these differences with a lint fix.

Add the following rule to your .eslintrc.json

{
    //...other properties
    "overrides" :[
        {
          "files": [
            "*.ts"
          ],
          //...other props
          "rules": {
               //...other rules
               "linebreak-style": ["error", "unix"]
            ]
          }
        },
    ]
}

Run the command below after adding the rule

ng lint --fix

Hello,

Currently, proxy generation does not have this function. But I opened an issue in the ABP repository. You can follow the status of issue

Hello,

Can you send the response of application-configuration endpoint?

Hello,

Thanks for reporting the issue, i opened an internal issue. I will inform you when the fix available