Add class & style property to EntityAction

npm/ng-packs/packages/theme-shared/extensions/src/lib/components/grid-actions/grid-actions.component.html

@@ -52,7 +52,9 @@
       *abpPermission="action.permission; runChangeDetection: false"
       (click)="action.action(data)"
       type="button"
-      class="btn btn-primary text-center"
+      class="btn text-center"
+      [class]="action.btnClass"
+      [style]="action.btnStyle"
     >
       <ng-container
         *ngTemplateOutlet="buttonContentTmp; context: { $implicit: action }"

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

@@ -29,6 +29,8 @@ export abstract class Action<R = any> {
     public readonly permission: string,
     public readonly visible: ActionPredicate<R> = () => true,
     public readonly action: ActionCallback<R> = () => {},
+    public readonly btnClass?: string,
+    public readonly btnStyle?: string,
   ) {}
 }
 

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

@@ -22,11 +22,15 @@ export class EntityActionsFactory<R = any> extends ActionsFactory<EntityActions<
 export class EntityAction<R = any> extends Action<R> {
   readonly text: string;
   readonly icon: string;
+  readonly btnClass?: string;
+  readonly btnStyle?: string;
 
   constructor(options: EntityActionOptions<R>) {
     super(options.permission || '', options.visible, options.action);
     this.text = options.text;
     this.icon = options.icon || '';
+    this.btnClass = options.btnClass || 'btn-primary';
+    this.btnStyle = options.btnStyle;
   }
 
   static create<R = any>(options: EntityActionOptions<R>) {