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

This commit is contained in:
Igor Kulikov 2021-03-23 13:17:02 +02:00
parent 3b6153acc7
commit 3e8824c529

View File

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