From e527de9a3317146c970860d123b0ea047b0cc329 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fatih=20KILI=C3=87?= <fsk202@gmail.com>
Date: Fri, 10 Jun 2022 15:34:10 +0300
Subject: [PATCH] PageToolbar buton class added.

---
 .../lib/components/page-toolbar/page-toolbar.component.html | 2 +-
 .../lib/components/page-toolbar/page-toolbar.component.ts   | 1 +
 .../extensions/src/lib/models/toolbar-actions.ts            | 6 +++++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
index c231f3b82c..e012030bc0 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.html
@@ -13,7 +13,7 @@
         </ng-container>
 
         <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>
             {{ action.text | abpLocalization }}
           </button>
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.ts
index dfd7c0105d..c46a459f6f 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/page-toolbar/page-toolbar.component.ts
+++ b/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,
 })
 export class PageToolbarComponent<R = any> extends AbstractActionsComponent<ToolbarActionList<R>> {
+  defaultBtnClass = 'btn btn-sm btn-primary';
   readonly trackByFn: TrackByFunction<ToolbarComponent<R>> = (_, item) =>
     item.action || item.component;
 
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/models/toolbar-actions.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/models/toolbar-actions.ts
index 9a688cc20f..5d9cdf7b07 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/models/toolbar-actions.ts
+++ b/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> {
   readonly text: string;
   readonly icon: string;
+  readonly btnClass?: string;
 
   constructor(options: ToolbarActionOptions<R>) {
     super(options.permission || '', options.visible, options.action);
     this.text = options.text;
     this.icon = options.icon || '';
+     if(options.btnClass){
+       this.btnClass = options.btnClass;
+     };
   }
 
   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<
   O.Writable<ToolbarAction<R>>,
-  'permission' | 'visible' | 'icon'
+  'permission' | 'visible' | 'icon' | 'btnClass'
 >;
 
 export type ToolbarComponentOptions<R = any> = O.Optional<