From 3e8824c5294360b4a9c83ccf0d3a278131207f1a Mon Sep 17 00:00:00 2001
From: Igor Kulikov <ikulikov@thingsboard.io>
Date: Tue, 23 Mar 2021 13:17:02 +0200
Subject: [PATCH] UI: Improved dashboard load performance by optimizing widget
 header template.

---
 .../home/components/dashboard/dashboard.component.html   | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html
index a5d50e9507..d893ec848f 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html
+++ b/ui-ngx/src/app/modules/home/components/dashboard/dashboard.component.html
@@ -80,9 +80,9 @@
              (mousedown)="widgetMouseDown($event, widget)"
              (click)="widgetClicked($event, widget)"
              (contextmenu)="openWidgetContextMenu($event, widget)">
-          <div fxLayout="row" fxLayoutAlign="space-between start">
-            <div class="tb-widget-title" fxLayout="column" fxLayoutAlign="center start" [fxShow]="widget.showWidgetTitlePanel">
-              <span [fxShow]="widget.showTitle"
+          <div *ngIf="widgetComponent.widgetContext?.inited" fxLayout="row" fxLayoutAlign="space-between start">
+            <div class="tb-widget-title" fxLayout="column" fxLayoutAlign="center start" *ngIf="widget.showWidgetTitlePanel">
+              <span *ngIf="widget.showTitle"
                     [ngClass]="{'single-row': widget.hasTimewindow}"
                     [ngStyle]="widget.titleStyle"
                     [matTooltip]="widget.titleTooltip"
@@ -93,7 +93,6 @@
                 {{widget.customTranslatedTitle}}
               </span>
               <tb-timewindow *ngIf="widget.hasTimewindow"
-                             #timewindowComponent
                              aggregation="{{widget.hasAggregation}}"
                              timezone="true"
                              [isEdit]="isEdit"
@@ -101,7 +100,7 @@
                              (ngModelChange)="widgetComponent.onTimewindowChanged($event)">
               </tb-timewindow>
             </div>
-            <div [fxShow]="widget.showWidgetActions"
+            <div *ngIf="widget.showWidgetActions"
                  class="tb-widget-actions"
                  [ngClass]="{'tb-widget-actions-absolute': !(widget.showWidgetTitlePanel&&(widget.showTitle||widget.hasAggregation))}"
                  fxLayout="row"