dendi-wang/thingsboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: Fixed incorrect apply change colums size in dashboard layout; added support breakpoints in dashboard settings

Browse Source
This commit is contained in:
Vladyslav Prykhodko 2024-08-31 15:22:16 +03:00
parent 04e4116f30
commit 5e53e6bd71
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.ts
View File

@ -920,7 +920,10 @@ export class DashboardPageComponent extends PageComponent implements IDashboardC
let gridSettings: GridSettings = null; let gridSettings: GridSettings = null;
const layoutKeys = this.dashboardUtils.isSingleLayoutDashboard(this.dashboard); const layoutKeys = this.dashboardUtils.isSingleLayoutDashboard(this.dashboard);
if (layoutKeys) { if (layoutKeys) {
gridSettings = deepClone(this.dashboard.configuration.states[layoutKeys.state].layouts[layoutKeys.layout].gridSettings); const layouts = this.dashboardUtils.getDashboardLayoutConfig(
this.dashboard.configuration.states[layoutKeys.state].layouts[layoutKeys.layout],
this.layouts[layoutKeys.layout].layoutCtx.breakpoint);
gridSettings = deepClone(layouts.gridSettings);
} }
this.dialog.open<DashboardSettingsDialogComponent, DashboardSettingsDialogData, this.dialog.open<DashboardSettingsDialogComponent, DashboardSettingsDialogData,
DashboardSettingsDialogData>(DashboardSettingsDialogComponent, { DashboardSettingsDialogData>(DashboardSettingsDialogComponent, {
@ -938,9 +941,11 @@ export class DashboardPageComponent extends PageComponent implements IDashboardC
this.updateDashboardCss(); this.updateDashboardCss();
const newGridSettings = data.gridSettings; const newGridSettings = data.gridSettings;
if (newGridSettings) { if (newGridSettings) {
const layout = this.dashboard.configuration.states[layoutKeys.state].layouts[layoutKeys.layout]; const layouts = deepClone(this.dashboard.configuration.states[layoutKeys.state].layouts);
this.dashboardUtils.updateLayoutSettings(layout, newGridSettings); const layoutConfig = this.dashboardUtils.getDashboardLayoutConfig(
this.updateLayouts(); layouts[layoutKeys.layout], this.layouts[layoutKeys.layout].layoutCtx.breakpoint);
this.dashboardUtils.updateLayoutSettings(layoutConfig, newGridSettings);
this.updateDashboardLayouts(layouts);
} }
} }
}); });