Merge pull request #10661 from abpframework/feat/10660

Remove ngbDropdownItem directive from single abp grid action button

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

@@ -10,7 +10,7 @@
   <div ngbDropdownMenu>
     <ng-container
       *ngFor="let action of actionList; trackBy: trackByFn"
-      [ngTemplateOutlet]="btnItem"
+      [ngTemplateOutlet]="dropDownBtnItemTmp"
       [ngTemplateOutletContext]="{ $implicit: action }"
     >
     </ng-container>
@@ -19,25 +19,44 @@
 
 <ng-container
   *ngIf="actionList.length === 1"
-  [ngTemplateOutlet]="btnItem"
+  [ngTemplateOutlet]="btnTmp"
   [ngTemplateOutletContext]="{ $implicit: actionList.get(0).value }"
 ></ng-container>
 
-<ng-template #btnItem let-action>
+<ng-template #dropDownBtnItemTmp let-action>
   <ng-container *ngIf="action.visible(data)">
     <button
       ngbDropdownItem
       *abpPermission="action.permission"
       (click)="action.action(data)"
       type="button"
-      class="{{ actionList.length === 1 ? 'btn btn-primary' : '' }}"
-      [class.text-center]="actionList.length === 1"
     >
-      <i [ngClass]="action.icon" [class.me-1]="action.icon"></i>
+      <ng-container
-      <span *ngIf="action.icon; else ellipsis">{{ action.text | abpLocalization }}</span>
+        *ngTemplateOutlet="buttonContentTmp; context: { $implicit: action }"
-      <ng-template #ellipsis>
+      ></ng-container>
-        <div abpEllipsis>{{ action.text | abpLocalization }}</div>
+    </button>
-      </ng-template>
+  </ng-container>
+</ng-template>
+
+<ng-template #buttonContentTmp let-action>
+  <i [ngClass]="action.icon" [class.me-1]="action.icon"></i>
+  <span *ngIf="action.icon; else ellipsis">{{ action.text | abpLocalization }}</span>
+  <ng-template #ellipsis>
+    <div abpEllipsis>{{ action.text | abpLocalization }}</div>
+  </ng-template>
+</ng-template>
+
+<ng-template #btnTmp let-action>
+  <ng-container *ngIf="action.visible(data)">
+    <button
+      *abpPermission="action.permission"
+      (click)="action.action(data)"
+      type="button"
+      class="btn btn-primary text-center"
+    >
+      <ng-container
+        *ngTemplateOutlet="buttonContentTmp; context: { $implicit: action }"
+      ></ng-container>
     </button>
   </ng-container>
 </ng-template>

npm/ng-packs/packages/theme-shared/extensions/src/tests/enum.util.spec.ts

@@ -7,6 +7,7 @@ import { createEnum, createEnumOptions, createEnumValueResolver } from '../lib/u
 const mockSessionState = {
   languageChange$: new BehaviorSubject('tr'),
   getLanguage: () => 'tr',
+  getLanguage$: () => of('tr'),
   onLanguageChange$: () => new BehaviorSubject('tr'),
 } as any;