Browse Source

PageToolbar buton class added.

pull/12969/head
Fatih KILIÇ 4 years ago
parent
commit
e527de9a33
  1. 2
      npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
  2. 1
      npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.ts
  3. 6
      npm/ng-packs/packages/theme-shared/extensions/src/lib/models/toolbar-actions.ts

2
npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html

@ -13,7 +13,7 @@
</ng-container> </ng-container>
<ng-template #button> <ng-template #button>
<button (click)="action.action(data)" type="button" class="btn btn-primary btn-sm"> <button (click)="action.action(data)" type="button" [ngClass]="action.btnClass ? action.btnClass : defaultBtnClass" >
<i [ngClass]="action.icon" [class.me-1]="action.icon"></i> <i [ngClass]="action.icon" [class.me-1]="action.icon"></i>
{{ action.text | abpLocalization }} {{ action.text | abpLocalization }}
</button> </button>

1
npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.ts

@ -28,6 +28,7 @@ import { AbstractActionsComponent } from '../abstract-actions/abstract-actions.c
changeDetection: ChangeDetectionStrategy.OnPush, changeDetection: ChangeDetectionStrategy.OnPush,
}) })
export class PageToolbarComponent<R = any> extends AbstractActionsComponent<ToolbarActionList<R>> { export class PageToolbarComponent<R = any> extends AbstractActionsComponent<ToolbarActionList<R>> {
defaultBtnClass = 'btn btn-sm btn-primary';
readonly trackByFn: TrackByFunction<ToolbarComponent<R>> = (_, item) => readonly trackByFn: TrackByFunction<ToolbarComponent<R>> = (_, item) =>
item.action || item.component; item.action || item.component;

6
npm/ng-packs/packages/theme-shared/extensions/src/lib/models/toolbar-actions.ts

@ -25,11 +25,15 @@ export class ToolbarActionsFactory<R = any> extends ActionsFactory<ToolbarAction
export class ToolbarAction<R = any> extends Action<R> { export class ToolbarAction<R = any> extends Action<R> {
readonly text: string; readonly text: string;
readonly icon: string; readonly icon: string;
readonly btnClass?: string;
constructor(options: ToolbarActionOptions<R>) { constructor(options: ToolbarActionOptions<R>) {
super(options.permission || '', options.visible, options.action); super(options.permission || '', options.visible, options.action);
this.text = options.text; this.text = options.text;
this.icon = options.icon || ''; this.icon = options.icon || '';
if(options.btnClass){
this.btnClass = options.btnClass;
};
} }
static create<R = any>(options: ToolbarActionOptions<R>) { static create<R = any>(options: ToolbarActionOptions<R>) {
@ -60,7 +64,7 @@ export class ToolbarComponent<R = any> extends Action<R> {
export type ToolbarActionOptions<R = any> = O.Optional< export type ToolbarActionOptions<R = any> = O.Optional<
O.Writable<ToolbarAction<R>>, O.Writable<ToolbarAction<R>>,
'permission' | 'visible' | 'icon' 'permission' | 'visible' | 'icon' | 'btnClass'
>; >;
export type ToolbarComponentOptions<R = any> = O.Optional< export type ToolbarComponentOptions<R = any> = O.Optional<

Loading…
Cancel
Save