From 2ed3d479520c8303f1a64f8c4fcae1e1b081f6e5 Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Wed, 9 Aug 2023 14:55:40 +0300
Subject: [PATCH] UI: Fix widget labels pattern processing.

---
 ui-ngx/src/app/core/api/widget-api.models.ts           |  2 ++
 ui-ngx/src/app/core/api/widget-subscription.ts         | 10 ++++++++++
 .../app/modules/home/models/widget-component.models.ts |  5 +++--
 3 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/ui-ngx/src/app/core/api/widget-api.models.ts b/ui-ngx/src/app/core/api/widget-api.models.ts
index 115bf6e222..d0de3481ed 100644
--- a/ui-ngx/src/app/core/api/widget-api.models.ts
+++ b/ui-ngx/src/app/core/api/widget-api.models.ts
@@ -284,6 +284,8 @@ export interface IWidgetSubscription {
 
   legendData: LegendData;
 
+  readonly firstDatasource?: Datasource;
+
   datasourcePages?: PageData<Datasource>[];
   dataPages?: PageData<Array<DatasourceData>>[];
   datasources?: Array<Datasource>;
diff --git a/ui-ngx/src/app/core/api/widget-subscription.ts b/ui-ngx/src/app/core/api/widget-subscription.ts
index 440e61148e..f9a79d8f76 100644
--- a/ui-ngx/src/app/core/api/widget-subscription.ts
+++ b/ui-ngx/src/app/core/api/widget-subscription.ts
@@ -160,6 +160,16 @@ export class WidgetSubscription implements IWidgetSubscription {
   warnOnPageDataOverflow: boolean;
   ignoreDataUpdateOnIntervalTick: boolean;
 
+  get firstDatasource(): Datasource {
+    if (this.type === widgetType.alarm) {
+      return this.alarmSource;
+    } else if (this.datasources?.length) {
+      return this.datasources[0];
+    } else {
+      return null;
+    }
+  }
+
   datasourcePages: PageData<Datasource>[];
   dataPages: PageData<Array<DatasourceData>>[];
   entityDataListeners: Array<EntityDataListener>;
diff --git a/ui-ngx/src/app/modules/home/models/widget-component.models.ts b/ui-ngx/src/app/modules/home/models/widget-component.models.ts
index 11b631dc52..12d3312dbb 100644
--- a/ui-ngx/src/app/modules/home/models/widget-component.models.ts
+++ b/ui-ngx/src/app/modules/home/models/widget-component.models.ts
@@ -477,8 +477,9 @@ export class LabelVariablePattern {
 
   update() {
     let label = this.pattern;
-    if (this.hasVariables && this.ctx.defaultSubscription?.datasources?.length) {
-      label = createLabelFromDatasource(this.ctx.defaultSubscription.datasources[0], label);
+    const datasource = this.ctx.defaultSubscription?.firstDatasource;
+    if (this.hasVariables && datasource) {
+      label = createLabelFromDatasource(datasource, label);
     }
     if (this.labelSubject.value !== label) {
       this.labelSubject.next(label);