Activities of "muhammedaltug"

Hello,

The example in the document is for theme basic's route HTML. If you want to replace theme lepton's route component please follow the steps below;

• Run the following command in your terminal. You can run the command outside of the project.

abp get-source Volo.LeptonTheme -v 5.2.1 -o lepton-theme

• Copy routes.componet.html and routes.component.ts to your project which placed in lepton-theme/angular/projects/theme-lepton/src/lib/components/routes
• Modify the import in routes.component.ts

import { CONTENT_AFTER_ROUTES, CONTENT_BEFORE_ROUTES } from '../../tokens/routes-content.token';

to

import { CONTENT_AFTER_ROUTES, CONTENT_BEFORE_ROUTES } from '@volo/abp.ng.theme.lepton';

• Change the selector of the component 'abp-routes' to 'app-my-routes' or something else. Rename the component if you want.
• Add the component to the app.module's declarations array.
• Replace the route component with the copied component.

Hello,

The top menu layout will available in the next versions.

You can change the default theme with the following code:

//app.module.ts
import { NgModule } from '@angular/core';
import { lightTheme, LPX_THEME_STYLES_DEFAULTS, LPX_THEMES } from '@volosoft/ngx-lepton-x';



function setLpxThemes() {
  const themes = LPX_THEME_STYLES_DEFAULTS.map(style =>
    Object.assign({}, style, {
      defaultTheme: style.styleName === lightTheme.styleName,
    })
  );
  return themes;
}

@NgModule({
  imports: [ /* imports */],
  declarations: [/*declarations*/],
  providers: [
    // ...other providers
    {
      provide: LPX_THEMES,
      useFactory: setLpxThemes
    },
  ],
  bootstrap: [/*bootstrap comp*/],
})
export class AppModule {}

Hello,

Did you import SharedModule to CountryModule? If you imported, please add the following provider to SharedModule's providers array.

import {ApiInterceptor} from '@abp/ng.core';
import {NgModule} from '@angular/core';
import {HTTP_INTERCEPTORS} from "@angular/common/http";

@NgModule({
  declarations: [],
  imports: [/* imports */],
  exports: [/* exports */],
  providers: [
    {
      provide: HTTP_INTERCEPTORS,
      multi: true,
      useClass: ApiInterceptor
    }
  ]
})
export class SharedModule {}

Reason for this behavior SharedModule which exists in ABP templates imports CoreModule. CoreModule imports HttpClientModule. In this way, HttpClient has a different instance in lazy-loaded DI Context. We will consider about add this provider to SharedModule.

Hello

Can you send an example project? Or can you share your component, your service, and your module which is the component declared?

Hello,

Please don't use the yarn command in the packages folder. It should be one node_modules folder in an angular project. Do not import with relative path in app-routing.module.ts please define a tsconfig path with the following code.

//tsconfig.json
{
    "compilerOptions": {
        "paths": {
            //...other paths
            "@volo/abp.ng.file-management": "projects/file-management/src/public-api.ts"
        }
    }
}

And change your routing with the following code

{
    path: 'file-management',
    loadChildren: () =>
      import('@volo/abp.ng.file-management').then(m =>
        m.FileManagementModule.forLazy()
      ),
},

Remove the node_modules folder which placed in projects/file-management

You can read the documentation about "How to Add a Feature Library to Your Project"

Hello,

The reason for this problem is probably HttpClient imported in lazy load scope. Please define services with @Injectable({providedIn: 'root'}) decorator. And use this service in lazy-loaded components. Do not import HttpClientModule or do not provide HTTP_INTERCEPTORS token in lazy-loaded modules. You can read angular documentation for more information.

Hello

This error is related to windows. Can you replace the generate-proxy command with the below?

"scripts": {
    "generate-proxy": "node --stack-size=1200 ./node_modules/@angular/cli/bin/ng.js g @abp/ng.schematics/collection.json:proxy-add --module __default --apiName __default --source __default --target __default --url https://YOUR_URL"
}

Hello,

Can you remove your node_modules folder and yarn.lock or package-lock.json? Then install packages with the yarn command.

I think the installed text template package version is 5.1.4 and other ABP angular packages are 5.1.3.

Hello,

The next version that version of 5.3 will publish is 5.3.4. 5.3.3 version already published.

I tried in node 14.17.0 and node 16.16.0.

Can you send the errors you faced?

Hello,

Can you retry to generate after removing the angular/.suite folder?

Was this problem happened after the update to version 5.2? How did you update the project? (using ABP Cli? using ABP Suite?)