I feel the cookie is created at the front-e
yes.. that provider created language cookie. You can override too with TOKEN. https://github.com/abpframework/abp/blob/dev/npm/ng-packs/packages/core/src/lib/providers/cookie-language.provider.ts
Yes, there is an bug in there. I have created an task. it will fixed in next patch version. I've refund your credit.
I have asked. ABP return the a header when the tenant passive. Here you can see in the screen.
that is handled in ABP. I would copy this file in Myproject and Set a name like MyErrorHandler
. then I would override the functionalty.
https://github.com/abpframework/abp/blob/74601db85efb094e17d8ccf0651107458374d452/npm/ng-packs/packages/theme-shared/src/lib/handlers/error.handler.ts#L150
The "Abp-Tenant-Resolver-Error" is thrown by the backend when the tenant is removed. Then the Auth server or Angular( When the user selects Password Owner Flow) catch the error, and if the header exits, it executed the fn. you can check the code.
https://github.com/abpframework/abp/blob/74601db85efb094e17d8ccf0651107458374d452/npm/ng-packs/packages/theme-shared/src/lib/handlers/error.handler.ts#L150
Deleted Tenant cause issuer/errors. that related with cleaning issue. So we need a additional header for this. It is missing. I have talked my teammates.When the answer arrived, I will send more infromation.
This page is an example. No ABP or angular. component available. You may copy Lepton X's source code and implement it into your own work (CSS and html). Then you may apply that
'isSAOnly' as variable is singleton, and I cannot locate the code that calls the routerProviderService. isSAOnly() function, therefore 'isSAOnly' is always false. That has no relation to ABP. It just programing issue.
if you want to change visiblity of route (page/component), you may use angular 'guard' structure or you can check ABP Authorization mechanism docs. https://docs.abp.io/en/abp/latest/Authorization https://docs.abp.io/en/abp/latest/UI/Angular/Permission-Management
When you are using lepton x, logo change with css. You may check the documentation.
https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular#leptonx-angular-ui
did you tried that?
:root {
.lpx-theme-dark {
--lpx-logo: url('/assets/images/logo/logo-light.svg');
--lpx-logo-icon: url('/assets/images/logo/logo-light-icon.svg');
--lpx-brand: #edae53;
}
.lpx-theme-dim {
--lpx-logo: url('/assets/images/logo/logo-light.svg');
--lpx-logo-icon: url('/assets/images/logo/logo-light-icon.svg');
--lpx-brand: #f15835;
}
.lpx-theme-light {
--lpx-logo: url('/assets/images/logo/logo-dark.svg');
--lpx-logo-icon: url('/assets/images/logo/logo-dark-icon.svg');
--lpx-brand: #69aada;
}
}
I have created app with 7.1 and 7.0.3. I couldn't produce the issue. I couldn't get any error.
here my added code in my angular.json
"creative-management": {
"projectType": "library",
"root": "projects/creative-management",
"sourceRoot": "projects/creative-management/src",
"prefix": "abp",
"architect": {
"build": {
"builder": "@angular-devkit/build-ng-packagr:build",
"options": {
"tsConfig": "projects/creative-management/tsconfig.lib.json",
"project": "projects/creative-management/ng-package.json"
},
"configurations": {
"production": {
"tsConfig": "projects/creative-management/tsconfig.lib.prod.json"
}
}
},
"test": {
"builder": "@angular-builders/jest:run",
"options": {
"coverage": true,
"passWithNoTests": true
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"projects/creative-management/tsconfig.lib.json",
"projects/creative-management/tsconfig.spec.json"
],
"exclude": [
"**/node_modules/**"
]
}
}
}
}
}
For the angular follow the steps
(just a there is a minor issue in docs, use yarn add @volosoft/abp.ng.theme.lepton-x
instead of @ preview yarn add @volosoft/abp.ng.theme.lepton-x@preview
https://docs.abp.io/en/commercial/latest/themes/lepton-x/angular
for the backend
go to host/YourModuleName.AuthServer/package.json
remove "@volo/abp.aspnetcore.mvc.ui.theme.lepton": "xxx",
add "@volosoft/abp.ng.theme.lepton-x": "^2.0.0"
open host/YourModuleName.AuthServer/YourModuleName.AuthServer.csproj
with a text editor.
remove
<PackageReference Include="Volo.Abp.LeptonTheme.Management.HttpApi" Version="7.x.0" />
<PackageReference Include="Volo.Abp.LeptonTheme.Management.Application" Version="7.x.0" />
<PackageReference Include="Volo.Abp.LeptonTheme.Management.Domain" Version="7.x.0" />
find
<PackageReference Include="Volo.Abp.AspNetCore.Mvc.UI.Theme.Lepton" Version="7.x.0" />
replace
<PackageReference Include="Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX" Version="2.0.0" />
open MyModuleProAppAuthServerModule.cs
with text editor
//Remove
using Volo.Abp.LeptonTheme;
using Volo.Abp.LeptonTheme.Management;
//Remove
typeof(LeptonThemeManagementHttpApiModule),
typeof(LeptonThemeManagementApplicationModule),
typeof(LeptonThemeManagementDomainModule),
// Replace
//using Volo.Abp.AspNetCore.Mvc.UI.Theme.Lepton;
using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX;
run abp install-libs on host/YourModuleName.AuthServer
then open YourModuleName.HttpApi.Host.csproj
with text editor
// remove
<PackageReference Include="Volo.Abp.LeptonTheme.Management.Application" Version="7.x.0" />
<PackageReference Include="Volo.Abp.LeptonTheme.Management.Domain" Version="7.x.0" />
//replace
// <PackageReference Include="Volo.Abp.AspNetCore.Mvc.UI.Theme.Lepton" Version="7.1.0" />
<PackageReference Include="Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX" Version="2.0.0" />
then open YourModuleNameHttpApiHostModule.cs
//Remove
using Volo.Abp.LeptonTheme.Management;
//...
typeof(LeptonThemeManagementApplicationModule),
typeof(LeptonThemeManagementDomainModule),
//Replace
// using Volo.Abp.AspNetCore.Mvc.UI.Theme.Lepton;
using Volo.Abp.AspNetCore.Mvc.UI.Theme.LeptonX;
//...
// typeof(AbpAspNetCoreMvcUiLeptonThemeModule),
typeof(AbpAspNetCoreMvcUiLeptonXThemeModule),
then your backend and frontend work with Lepton-X
What is your template ? lepton ? lepton-x ?