From 824e5c9fc7e63e0add29c46e6617b654dd318e00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sinan=20=C3=96zt=C3=BCrk?= <sinanozturk997@gmail.com>
Date: Thu, 29 Feb 2024 16:42:30 +0300
Subject: [PATCH 1/2] add showOnlyIcon attribute to single action button

---
 .../grid-actions/grid-actions.component.html         | 12 +++++++-----
 .../extensible/src/lib/models/entity-actions.ts      |  2 ++
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html
index 73e01b3440..a17369a413 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html
@@ -41,11 +41,13 @@
 </ng-template>
 
 <ng-template #buttonContentTmp let-action>
-  <i [ngClass]="action.icon" [class.me-1]="action.icon"></i>
-  @if (action.icon) {
-  <span>{{ action.text | abpLocalization }}</span>
-  }@else {
-  <div abpEllipsis>{{ action.text | abpLocalization }}</div>
+  <i [ngClass]="action.icon" [class.me-1]="action.icon && !action.showOnlyIcon"></i>
+  @if(!action.showOnlyIcon){
+    @if (action.icon) {
+      <span>{{ action.text | abpLocalization }}</span>
+    }@else {
+      <div abpEllipsis>{{ action.text | abpLocalization }}</div>
+    }
   }
 </ng-template>
 
diff --git a/npm/ng-packs/packages/components/extensible/src/lib/models/entity-actions.ts b/npm/ng-packs/packages/components/extensible/src/lib/models/entity-actions.ts
index 4a801e841e..f49b6fcf2c 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/models/entity-actions.ts
+++ b/npm/ng-packs/packages/components/extensible/src/lib/models/entity-actions.ts
@@ -24,6 +24,7 @@ export class EntityAction<R = any> extends Action<R> {
   readonly icon: string;
   readonly btnClass?: string;
   readonly btnStyle?: string;
+  readonly showOnlyIcon?: boolean;
 
   constructor(options: EntityActionOptions<R>) {
     super(options.permission || '', options.visible, options.action);
@@ -31,6 +32,7 @@ export class EntityAction<R = any> extends Action<R> {
     this.icon = options.icon || '';
     this.btnClass = options.btnClass || 'btn btn-primary text-center';
     this.btnStyle = options.btnStyle;
+    this.showOnlyIcon = options.showOnlyIcon || false;
   }
 
   static create<R = any>(options: EntityActionOptions<R>) {

From 39233bc83fdd1ce7cde07922d7a2ee6d3bd16dac Mon Sep 17 00:00:00 2001
From: Masum ULU <49063256+masumulu28@users.noreply.github.com>
Date: Thu, 29 Feb 2024 16:48:30 +0300
Subject: [PATCH 2/2] format grid-actions.component.html

---
 .../grid-actions/grid-actions.component.html  | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html
index a17369a413..70809a8975 100644
--- a/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html
+++ b/npm/ng-packs/packages/components/extensible/src/lib/components/grid-actions/grid-actions.component.html
@@ -42,10 +42,10 @@
 
 <ng-template #buttonContentTmp let-action>
   <i [ngClass]="action.icon" [class.me-1]="action.icon && !action.showOnlyIcon"></i>
-  @if(!action.showOnlyIcon){
+  @if (!action.showOnlyIcon) {
     @if (action.icon) {
       <span>{{ action.text | abpLocalization }}</span>
-    }@else {
+    } @else {
       <div abpEllipsis>{{ action.text | abpLocalization }}</div>
     }
   }
@@ -53,16 +53,16 @@
 
 <ng-template #btnTmp let-action>
   @if (action.visible(data)) {
-  <button
-    *abpPermission="action.permission; runChangeDetection: false"
-    (click)="action.action(data)"
-    type="button"
-    [class]="action.btnClass"
-    [style]="action.btnStyle"
-  >
-    <ng-container
-      *ngTemplateOutlet="buttonContentTmp; context: { $implicit: action }"
-    ></ng-container>
-  </button>
+    <button
+      *abpPermission="action.permission; runChangeDetection: false"
+      (click)="action.action(data)"
+      type="button"
+      [class]="action.btnClass"
+      [style]="action.btnStyle"
+    >
+      <ng-container
+        *ngTemplateOutlet="buttonContentTmp; context: { $implicit: action }"
+      ></ng-container>
+    </button>
   }
 </ng-template>