Page Toolbar Extensions for Angular UI #2850

4 Answer(s)

• 

  0

  mahmut.gundogdu created 2 years ago

  Hi Chris.

  The article works, but some references of objects are different for the Abp Commercial project.

  import { ToolbarAction, ToolbarActionList } from '@abp/ng.theme.shared/extensions'; import { eIdentityComponents, IdentityToolbarActionContributors } from '@volo/abp.ng.identity'; import { IdentityUserDto } from '@volo/abp.ng.identity/proxy'; I have tested, and the references work.

  import { eIdentityComponents, IdentityToolbarActionContributors } from '@abp/ng.identity';
  import { IdentityUserDto } from '@abp/ng.identity/proxy';
  import { ToolbarActionList, ToolbarComponent } from '@abp/ng.theme.shared/extensions';
  import { ClickMeButtonComponent } from './click-me-button.component';
  
  const logUserNames = new ToolbarComponent<IdentityUserDto[]>({
    component: ClickMeButtonComponent,
    // See ToolbarActionOptions in API section for all options
  });
  
  export function logUserNamesContributor(actionList: ToolbarActionList<IdentityUserDto[]>) {
    actionList.addHead(logUserNames);
  }
  
  export const identityToolbarActionContributors: IdentityToolbarActionContributors = {
    // enum indicates the page to add contributors to
    [eIdentityComponents.Users]: [
      logUserNamesContributor,
      // You can add more contributors here
    ],
  };
  
  

  Save Cancel

  1
• 

  0

  chris.tune@gmail.com created 2 years ago

  Great thanks for the clarification :)

  Save Cancel
• 

  0

  chris.tune@gmail.com created 2 years ago

  Can I double-check the route as well. At the moment the commercial template uses the following in the route module:

  { path: 'identity', loadChildren: () => import('@volo/abp.ng.identity').then(m => m.IdentityModule.forLazy()), },

  Does this need to be changed to @abp/ng.identity ?

  Save Cancel
• 

  0

  mahmut.gundogdu created 2 years ago

  es this need to be changed to

  No. it should be

    {
      path: 'identity',
      loadChildren: () => import('@volo/abp.ng.identity').then(m => m.IdentityModule.forLazy()),
    },
  

  You should import only ToolbarAction, ToolbarActionList from @abp. anothers should import from @volo

  'import { ToolbarAction, ToolbarActionList } from '@abp/ng.theme.shared/extensions'

  Save Cancel