Activities of "mahmut.gundogdu"

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

Answer

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 section has abp-nav-items component. It has NavItemsService service for managing the children. You can add your item or You can change or extend abp-navbar-items via Abp replaceable Component System. The key of the component is eThemeLeptonXComponents.NavItems

The Repository has a hard or soft delete function. https://docs.abp.io/en/abp/latest/Repositories#soft-hard-delete

Showing 221 to 230 of 282 entries
Made with ❤️ on ABP v9.1.0-preview. Updated on November 11, 2024, 11:11