From 39e438c3927ee0e2a6a6d775239f7800c92dfef7 Mon Sep 17 00:00:00 2001
From: Vladyslav_Prykhodko <vprykhodko@thingsboard.io>
Date: Tue, 4 Aug 2020 13:16:17 +0300
Subject: [PATCH] Disabled column sort for alarm widget for details key

---
 .../components/widget/lib/alarms-table-widget.component.html  | 4 +++-
 .../components/widget/lib/alarms-table-widget.component.ts    | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
index 20659922d1..52b497494a 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
@@ -78,7 +78,9 @@
           </mat-cell>
         </ng-container>
         <ng-container [matColumnDef]="column.def" *ngFor="let column of columns; trackBy: trackByColumnDef;">
-          <mat-header-cell [ngStyle]="headerStyle(column)" *matHeaderCellDef mat-sort-header> {{ column.title }} </mat-header-cell>
+          <mat-header-cell [ngStyle]="headerStyle(column)" *matHeaderCellDef mat-sort-header [disabled]="isSorting(column)">
+            {{ column.title }}
+          </mat-header-cell>
           <mat-cell *matCellDef="let alarm;"
                     [innerHTML]="cellContent(alarm, column)"
                     [ngStyle]="cellStyle(alarm, column)">
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts
index c79a115f4b..c67d598320 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.ts
@@ -840,6 +840,9 @@ export class AlarmsTableWidgetComponent extends PageComponent implements OnInit,
     }
   }
 
+  isSorting(column: EntityColumn): boolean {
+    return column.type === DataKeyType.alarm && column.name.startsWith('details.');
+  }
 }
 
 class AlarmsDatasource implements DataSource<AlarmDataInfo> {