Activities of "sumeyye.kurtulus"

Hello,

You may try using a CustomTitleStrategy that overrides the default TitleStrategy

import { Injectable, inject, effect } from '@angular/core';
import { toSignal } from '@angular/core/rxjs-interop';
import { RouterStateSnapshot, TitleStrategy } from '@angular/router';
import { Title } from '@angular/platform-browser';
import { LocalizationService } from '@abp/ng.core';

@Injectable({
  providedIn: 'root',
})
export class CustomTitleStrategy extends TitleStrategy {
  protected readonly title = inject(Title);
  protected readonly localizationService = inject(LocalizationService);
  protected routerState: RouterStateSnapshot;

  langugageChange = toSignal(this.localizationService.languageChange$);

  constructor() {
    super();
    this.title.setTitle('PRO'); // Set a default title
    effect(() => {
      // React to language changes
      if (this.langugageChange()) {
        this.updateTitle(this.routerState);
      }
    });
  }

  override updateTitle(routerState: RouterStateSnapshot) {
    this.routerState = routerState;
    const title = this.buildTitle(routerState);

    const projectName = 'PRO'; // Replace with your project name
    this.title.setTitle(projectName);
    if (!title) {
      return this.title.setTitle(projectName);
    }

    const localizedText =
      this.localizationService.instant({ key: title, defaultValue: title }) + ` | ${projectName}`;

    this.title.setTitle(localizedText);
  }
}

Then, in your providers array

// app.module.ts or app.config.ts
providers: [
		//...
		{
      provide: TitleStrategy,
      useExisting: CustomTitleStrategy,
    },
 ],

You can let us know if you need further assistance. Thank you for your cooperation.

Hello again, You can use the reloadPage declared in AbpWindowService https://github.com/abpframework/abp/blob/93da49c17aa61883733f0abcff19ba45b6c3d633/npm/ng-packs/packages/core/src/lib/services/window.service.ts#L18 to reload the page. However, it does the same thing at the end.

Thank you for sharing the additional details. Unfortunately, I am unable to determine how the theme has been integrated into your project based on the information provided.

To help us investigate further, could you please send a minimal, reproducible example?
You may send it directly to me at sumeyye.kurtulus@volosoft.com.

In the meantime, you can also review the source code for the LeptonX theme.
The source can be obtained using Suite, as explained here: ABP Suite Source Code Documentation.

Alternatively, you can add the theme package with source code under your Angular directory using the following command:

abp add-package @volosoft/abp.ng.theme.lepton-x --with-source-code

Please let us know if you need any further assistance. We will be glad to help.

Thank you for your cooperation.

Hello,

Could you try adding this setting to the host application? It should be working fine in this way.

You can let us know if you need further assistance. Thank you for your cooperation.

Hello, The expected behavior here is actually met. These links are configured inside the provider function as you mentioned above.

 provideGdprConfig(
      withCookieConsentOptions({
        cookiePolicyUrl: 'https://google.com',
        privacyPolicyUrl: 'https://google.com',
      }),
    ),

Hello,

I can suggest you to hide the tab programmatically inside your app.component.ts

//app.component.ts
ngOnInit() {
    // Hide idle session timeout tab specifically
    const hideIdleTab = () => {
      const tabs = document.querySelectorAll('.nav-link');
      tabs.forEach(tab => {
        if (tab.textContent?.toLowerCase().includes('idle session timeout')) {
          tab.closest('.nav-item')?.remove();
        }
      });
    };
    
    hideIdleTab();
    // Watch for dynamic content
    new MutationObserver(hideIdleTab).observe(document.body, { childList: true, subtree: true });
  }

You can let us know if you need further assistance. Thank you for your cooperation.

Hello, Thank you for providing detailed information and related updates regarding your problem. I have simply replaced the Toolbar component just to demonstrate the issue on my side. However, I was unable to produce it.

May I ask how exactly you have used the component on your side? Thank you for your cooperation.

We have been enhancing our React Native template to provide an even better development experience. As part of this effort, we are incorporating the latest React Native and Expo updates to elevate the workflow. Stay tuned for the next upcoming releases.

Hello,

We suggest you to use angular version ~19.0.0, or ~19.1.0 for this version of ABP if you do not have a special occasion.

Thank you for the response. We will be looking into this problem and propose a solution as soon as possible. You can check the releases for this https://github.com/abpframework/abp/releases

Also, is there an updated guide on how to customize lepton-x from the source, or a better way to do it? The build has a lot of warnings, but it produces an output.

If you need to get the source code for your project, you can use this command under your angular directory abp add-package @volosoft/abp.ng.theme.lepton-x --with-source-code

Thank you for your cooperation.