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

This commit is contained in:
Vladyslav Prykhodko 2024-08-31 15:22:16 +03:00
parent 04e4116f30
commit 5e53e6bd71

View File

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