Could you share your package.json and custom changes (related to abp) with us?
The identity module has extensible system feature. So you can override entity_actions.
import { EntityAction, EntityActionList } from '@abp/ng.theme.shared/extensions';
import { IdentityEntityActionContributors, UsersComponent } from '@volo/abp.ng.identity';
import { IdentityUserDto } from '@volo/abp.ng.identity/proxy';
const claimsModal = new EntityAction<IdentityUserDto>({
text: 'AbpIdentity::Claims',
action: data => {
const component = data.getInjected(UsersComponent);
component.openPermissionsModal(data.record.id, data.record.userName);
},
permission: 'MyCustomPermissionToken',
visible: data => true // implement your custom logic
});
export function claimsModalContributor(actionList: EntityActionList<IdentityUserDto>) {
const index = actionList.indexOf(
'AbpIdentity::Claims',
(action, text) => action.text === text,
);
actionList.dropByIndex(index);
actionList.addByIndex(claimsModal, index);
}
export const identityEntityActionContributors: IdentityEntityActionContributors = {
'Identity.UsersComponent': [claimsModalContributor],
};
See the detail. https://docs.abp.io/en/abp/latest/UI/Angular/Dynamic-Form-Extensions
Would you describe your version and which UI type you used? (Angular, MVC or blazor)
@volosoft/abp.ng.theme.lepton-x"
Version should be 1.0.0
@volosoft/abp.ng.theme.lepton-x": "^1.0.0"
Could you update and try again, please? It will fix.
You need to add styles to angular.json.
see the docs please,https://docs.abp.io/en/abp/latest/UI/Angular/Theme-Configurations
If you choose Lepton, you need to add these style settings to angular.json.
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css",
"inject": false,
"bundleName": "lepton1"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css",
"inject": false,
"bundleName": "lepton2"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.min.css",
"inject": false,
"bundleName": "lepton3"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.min.css",
"inject": false,
"bundleName": "lepton4"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.min.css",
"inject": false,
"bundleName": "lepton5"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.min.css",
"inject": false,
"bundleName": "lepton6"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css",
"inject": false,
"bundleName": "lepton1.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.rtl.min.css",
"inject": false,
"bundleName": "lepton2.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.rtl.min.css",
"inject": false,
"bundleName": "lepton3.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.rtl.min.css",
"inject": false,
"bundleName": "lepton4.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.rtl.min.css",
"inject": false,
"bundleName": "lepton5.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.rtl.min.css",
"inject": false,
"bundleName": "lepton6.rtl"
},
Remove these settings in angular.json
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.min.css",
"inject": false,
"bundleName": "lepton1"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.min.css",
"inject": false,
"bundleName": "lepton2"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.min.css",
"inject": false,
"bundleName": "lepton3"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.min.css",
"inject": false,
"bundleName": "lepton4"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.min.css",
"inject": false,
"bundleName": "lepton5"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.min.css",
"inject": false,
"bundleName": "lepton6"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton1.rtl.min.css",
"inject": false,
"bundleName": "lepton1.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton2.rtl.min.css",
"inject": false,
"bundleName": "lepton2.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton3.rtl.min.css",
"inject": false,
"bundleName": "lepton3.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton4.rtl.min.css",
"inject": false,
"bundleName": "lepton4.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton5.rtl.min.css",
"inject": false,
"bundleName": "lepton5.rtl"
},
{
"input": "node_modules/@volo/abp.ng.theme.lepton/dist/global/styles/lepton6.rtl.min.css",
"inject": false,
"bundleName": "lepton6.rtl"
},
https://github.com/abpframework/abp/blob/dce0cf7a6f2db9aa738fa2b15e1d6c2a627ccdc9/docs/en/UI/Angular/Theme-Configurations.md
If you are using Resource Owner Password Flow
you may skip this step.
go to the path aspnet-core/src/YourAppName.HttpApi.Host/
and add @volo/abp.aspnetcore.mvc.ui.theme.lepton
to package.json like yarn add @volo/abp.aspnetcore.mvc.ui.theme.lepton
. Then run the command in the terminal (in the same path) abp install-libs
It will be working as expected. The problem will be fixed soon.
On the log in page there is a background image. How can I change it ?
The solution depend on your login flow.
If you are using Resource Owner Password Flow
,
The angular app has a token whose name is AUTH_LAYOUT_IMG
for overriding the image source
but If you are using the default way. You need to overrider account layout. Here the link https://docs.abp.io/en/commercial/latest/themes/lepton-x/commercial/mvc#account-layout
Lepton-x customization document is not ready yet. Lite is here, it is similar. https://docs.abp.io/en/abp/latest/Themes/LeptonXLite/Angular
LeptonX offers a variety of layouts. Side-menu component is one. The top-menu component is still another. Those are different components. The top-menu is under development. The following iteration of lepton X will see its completion. You can create an empty layout and use your own layout system if you don't want to wait.
The Repository has a hard or soft delete function. https://docs.abp.io/en/abp/latest/Repositories#soft-hard-delete