From 86f7eb8da322512f2e65e4ae87a8b8b5c55171f0 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Tue, 19 Aug 2025 13:20:06 +0300
Subject: [PATCH] UI: Fixed blink action buttons in table widgets when API
 calls

---
 .../widget/lib/alarm/alarms-table-widget.component.html   | 8 ++++----
 .../lib/entity/entities-table-widget.component.html       | 3 +--
 .../widget/lib/timeseries-table-widget.component.html     | 3 +--
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarm/alarms-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/alarm/alarms-table-widget.component.html
index acd4fc43be..0131eb2947 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/alarm/alarms-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarm/alarms-table-widget.component.html
@@ -45,14 +45,14 @@
                 </span>
         <span class="flex-1"></span>
         <button *ngIf="allowAcknowledgment"
-                mat-icon-button [disabled]="isLoading$ | async"
+                mat-icon-button
                 matTooltip="{{ 'alarm.acknowledge' | translate }}"
                 matTooltipPosition="above"
                 (click)="ackAlarms($event)">
           <mat-icon>done</mat-icon>
         </button>
-        <button *ngIf="ctx.settings.allowClear" mat-icon-button
-                [disabled]="isLoading$ | async"
+        <button *ngIf="ctx.settings.allowClear"
+                mat-icon-button
                 matTooltip="{{ 'alarm.clear' | translate }}"
                 matTooltipPosition="above"
                 (click)="clearAlarms($event)">
@@ -107,7 +107,7 @@
                   </span>
                 </ng-template>
                 <button *ngIf="allowAssign"
-                        mat-icon-button [disabled]="isLoading$ | async"
+                        mat-icon-button
                         matTooltip="{{ 'alarm.assign' | translate }}"
                         matTooltipPosition="above"
                         (click)="openAlarmAssigneePanel($event, alarm)">
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entity/entities-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/entity/entities-table-widget.component.html
index 246cab535e..dba9f1d262 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/entity/entities-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entity/entities-table-widget.component.html
@@ -65,7 +65,7 @@
                    [style.min-width]="(entityDatasource.countCellButtonAction * 48) + 'px'">
                 <ng-container *ngFor="let actionDescriptor of entity.actionCellButtons; trackBy: trackByActionCellDescriptionId">
                   <span *ngIf="!actionDescriptor.icon" style="width: 48px;"></span>
-                  <button mat-icon-button [disabled]="isLoading$ | async"
+                  <button mat-icon-button
                           *ngIf="actionDescriptor.icon"
                           matTooltip="{{ actionDescriptor.displayName }}"
                           matTooltipPosition="above"
@@ -83,7 +83,6 @@
                 <mat-menu #cellActionsMenu="matMenu" xPosition="before">
                   <ng-container *ngFor="let actionDescriptor of entity.actionCellButtons; trackBy: trackByActionCellDescriptionId">
                     <button mat-menu-item *ngIf="actionDescriptor.icon"
-                            [disabled]="isLoading$ | async"
                             (click)="onActionButtonClick($event, entity, actionDescriptor)">
                       <tb-icon matMenuItemIcon>{{actionDescriptor.icon}}</tb-icon>
                       <span>{{ actionDescriptor.displayName }}</span>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
index 99ef5f7481..9f13f20331 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
@@ -78,7 +78,7 @@
                         <span *ngIf="!actionDescriptor.icon" style="width: 40px;"></span>
                         <button *ngIf="actionDescriptor.icon"
                                 class="tb-mat-40"
-                                mat-icon-button [disabled]="isLoading$ | async"
+                                mat-icon-button
                                 matTooltip="{{ actionDescriptor.displayName }}"
                                 matTooltipPosition="above"
                                 (click)="onActionButtonClick($event, row, actionDescriptor)">
@@ -96,7 +96,6 @@
                       <mat-menu #cellActionsMenu="matMenu" xPosition="before">
                         <ng-container *ngFor="let actionDescriptor of row.actionCellButtons; trackBy: trackByActionCellDescriptionId">
                           <button mat-menu-item *ngIf="actionDescriptor.icon"
-                                  [disabled]="isLoading$ | async"
                                   (click)="onActionButtonClick($event, row, actionDescriptor)">
                             <tb-icon matMenuItemIcon>{{actionDescriptor.icon}}</tb-icon>
                             <span>{{ actionDescriptor.displayName }}</span>