From 7e4da0a09ce07631dd5960866470faca1e6326a5 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Mon, 4 Nov 2024 17:57:31 +0200
Subject: [PATCH 1/3] Added Widget Types Help link for adding new widget

---
 .../widget/select-widget-type-dialog.component.html    |  1 +
 .../widget/select-widget-type-dialog.component.ts      | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
index 039b5acdf4..80dfb9afbf 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
@@ -19,6 +19,7 @@
   <mat-toolbar color="primary">
     <h2 translate>widget.select-widget-type</h2>
     <span class="flex-1"></span>
+    <div [tb-help]="widgetTypesHelpLink"></div>
     <button mat-icon-button
             (click)="cancel()"
             type="button">
diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
index e5db677752..67de68a132 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
@@ -21,6 +21,7 @@ import { AppState } from '@core/core.state';
 import { DialogComponent } from '@shared/components/dialog.component';
 import { Router } from '@angular/router';
 import { widgetType, widgetTypesData } from '@shared/models/widget.models';
+import { HelpLinks } from '@shared/models/constants';
 
 @Component({
   selector: 'tb-select-widget-type-dialog',
@@ -30,11 +31,10 @@ import { widgetType, widgetTypesData } from '@shared/models/widget.models';
 export class SelectWidgetTypeDialogComponent extends
   DialogComponent<SelectWidgetTypeDialogComponent, widgetType> {
 
-  widgetTypes = widgetType;
-
-  allWidgetTypes = Object.keys(widgetType);
-
-  widgetTypesDataMap = widgetTypesData;
+  readonly widgetTypes = widgetType;
+  readonly allWidgetTypes = Object.keys(widgetType);
+  readonly widgetTypesDataMap = widgetTypesData;
+  readonly widgetTypesHelpLink = HelpLinks.linksMap.widgetTypes;
 
   constructor(protected store: Store<AppState>,
               protected router: Router,

From fcfb3b786d1b6e360fdf52277348986fe57ec7ba Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Thu, 7 Nov 2024 12:47:28 +0200
Subject: [PATCH 2/3] Revert "Added Widget Types Help link for adding new
 widget"

This reverts commit 7e4da0a09ce07631dd5960866470faca1e6326a5.
---
 .../widget/select-widget-type-dialog.component.html    |  1 -
 .../widget/select-widget-type-dialog.component.ts      | 10 +++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
index 80dfb9afbf..039b5acdf4 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
@@ -19,7 +19,6 @@
   <mat-toolbar color="primary">
     <h2 translate>widget.select-widget-type</h2>
     <span class="flex-1"></span>
-    <div [tb-help]="widgetTypesHelpLink"></div>
     <button mat-icon-button
             (click)="cancel()"
             type="button">
diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
index 67de68a132..e5db677752 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.ts
@@ -21,7 +21,6 @@ import { AppState } from '@core/core.state';
 import { DialogComponent } from '@shared/components/dialog.component';
 import { Router } from '@angular/router';
 import { widgetType, widgetTypesData } from '@shared/models/widget.models';
-import { HelpLinks } from '@shared/models/constants';
 
 @Component({
   selector: 'tb-select-widget-type-dialog',
@@ -31,10 +30,11 @@ import { HelpLinks } from '@shared/models/constants';
 export class SelectWidgetTypeDialogComponent extends
   DialogComponent<SelectWidgetTypeDialogComponent, widgetType> {
 
-  readonly widgetTypes = widgetType;
-  readonly allWidgetTypes = Object.keys(widgetType);
-  readonly widgetTypesDataMap = widgetTypesData;
-  readonly widgetTypesHelpLink = HelpLinks.linksMap.widgetTypes;
+  widgetTypes = widgetType;
+
+  allWidgetTypes = Object.keys(widgetType);
+
+  widgetTypesDataMap = widgetTypesData;
 
   constructor(protected store: Store<AppState>,
               protected router: Router,

From f68489cacbe32e9c2c28912bcaf93106dc662519 Mon Sep 17 00:00:00 2001
From: mpetrov <mpetrov@thingsboard.io>
Date: Thu, 7 Nov 2024 12:49:26 +0200
Subject: [PATCH 3/3] Added Widget Types Help link for adding new widget

---
 .../home/pages/widget/select-widget-type-dialog.component.html   | 1 +
 1 file changed, 1 insertion(+)

diff --git a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
index 039b5acdf4..323094bbff 100644
--- a/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
+++ b/ui-ngx/src/app/modules/home/pages/widget/select-widget-type-dialog.component.html
@@ -19,6 +19,7 @@
   <mat-toolbar color="primary">
     <h2 translate>widget.select-widget-type</h2>
     <span class="flex-1"></span>
+    <div tb-help="widgetTypes"></div>
     <button mat-icon-button
             (click)="cancel()"
             type="button">