IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fit panels to screen height

Browse Source
This commit is contained in:
Tobias Skarhed 2018-08-02 13:39:05 +02:00 committed by Torkel Ödegaard
parent 6f1b125c48
commit 818fe09a7f
1 changed files with 29 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/app/features/dashboard/dashboard_ctrl.ts
View File

@ -4,7 +4,8 @@ import coreModule from 'app/core/core_module';
import { PanelContainer } from './dashgrid/PanelContainer'; import { PanelContainer } from './dashgrid/PanelContainer';
import { DashboardModel } from './dashboard_model'; import { DashboardModel } from './dashboard_model';
import { PanelModel } from './panel_model'; import { PanelModel } from './panel_model';
import { GRID_CELL_HEIGHT } from 'app/core/constants';
import { PanelLinksEditorCtrl } from '../panellinks/module';
export class DashboardCtrl implements PanelContainer { export class DashboardCtrl implements PanelContainer {
dashboard: DashboardModel; dashboard: DashboardModel;
dashboardViewState: any; dashboardViewState: any;
@ -62,6 +63,33 @@ export class DashboardCtrl implements PanelContainer {
.finally(() => { .finally(() => {
this.dashboard = dashboard; this.dashboard = dashboard;
this.dashboard.processRepeats(); this.dashboard.processRepeats();
console.log(this.dashboard.panels);
let maxRows = Math.max(
...this.dashboard.panels.map(panel => {
return panel.gridPos.h + panel.gridPos.y;
})
);
console.log('maxRows: ' + maxRows);
//Consider navbar and submenu controls
let availableHeight = window.innerHeight - 280;
let availableRows = Math.floor(availableHeight / GRID_CELL_HEIGHT);
console.log('availableRows: ' + availableRows);
if (maxRows > availableRows) {
let scaleFactor = maxRows / availableRows;
console.log(scaleFactor);
this.dashboard.panels.forEach((panel, i) => {
console.log(i);
console.log(panel.gridPos);
panel.gridPos.y = Math.floor(panel.gridPos.y / scaleFactor) || 1;
panel.gridPos.h = Math.floor(panel.gridPos.h / scaleFactor) || 1;
console.log(panel.gridPos);
});
}
console.log(this.dashboard.panels);
this.unsavedChangesSrv.init(dashboard, this.$scope); this.unsavedChangesSrv.init(dashboard, this.$scope);