UI: Improved dashboard load performance by optimizing widget header template.

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"