Browse Source

Improve dashboard page html template formatting

pull/15801/head
Igor Kulikov 4 months ago
parent
commit
7d3c26e2dc
  1. 27
      ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html

27
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.html

@ -114,8 +114,8 @@
matTooltip="{{'dashboard.edit-mode' | translate}}"
matTooltipPosition="below">
<mat-icon>edit</mat-icon></button>
<button class="lt-lg:!hidden" mat-stroked-button (click)="toggleDashboardEditMode()">
<mat-icon>edit</mat-icon>{{'dashboard.edit-mode' | translate}}</button>
<button class="lt-lg:!hidden" mat-stroked-button (click)="toggleDashboardEditMode()">
<mat-icon>edit</mat-icon>{{'dashboard.edit-mode' | translate}}</button>
}
@if (isEdit) {
<button class="gt-md:!hidden" mat-icon-button (click)="saveDashboard()" [disabled]="isLoading$ | async"
@ -264,11 +264,10 @@
[aliasController]="dashboardCtx.aliasController">
</tb-aliases-entity-select>
@if (!isEdit && !widgetEditMode && !embedded && displayDashboardsSelect()) {
<tb-dashboard-select
[(ngModel)]="currentDashboardId"
(ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
[customerId]="currentCustomerId"
[dashboardsScope]="currentDashboardScope">
<tb-dashboard-select [(ngModel)]="currentDashboardId"
(ngModelChange)="currentDashboardIdChanged(currentDashboardId)"
[customerId]="currentCustomerId"
[dashboardsScope]="currentDashboardScope">
</tb-dashboard-select>
}
</div>
@ -276,12 +275,12 @@
</tb-dashboard-toolbar>
</section>
<section class="tb-dashboard-container tb-absolute-fill"
tb-toast toastTarget="dashboardRoot"
#dashboardContainer
[class.is-fullscreen]="forceFullscreen"
[class.tb-dashboard-toolbar-opened]="toolbarOpened"
[class.tb-dashboard-toolbar-animated]="isToolbarOpenedAnimate"
[class.tb-dashboard-toolbar-closed]="!toolbarOpened">
tb-toast toastTarget="dashboardRoot"
#dashboardContainer
[class.is-fullscreen]="forceFullscreen"
[class.tb-dashboard-toolbar-opened]="toolbarOpened"
[class.tb-dashboard-toolbar-animated]="isToolbarOpenedAnimate"
[class.tb-dashboard-toolbar-closed]="!toolbarOpened">
<mat-drawer-container hasBackdrop="false" class="tb-absolute-fill tb-dashboard-drawer-container">
<mat-drawer-content #dashboardContent class="flex flex-col items-start justify-center">
@if (!widgetEditMode) {
@ -297,7 +296,7 @@
</section>
}
<mat-drawer-container class="tb-dashboard-layouts flex-1"
[class.tb-shrinked]="isEditingWidget">
[class.tb-shrinked]="isEditingWidget">
@if (layouts.right.show) {
<mat-drawer
id="tb-right-layout"

Loading…
Cancel
Save