mirror of
https://github.com/grafana/grafana.git
synced 2025-02-12 08:35:43 -06:00
Conflicts: public/app/features/dashboard/dashboardCtrl.js public/app/partials/submenu.html public/css/less/submenu.less public/test/specs/templateSrv-specs.js src/app/partials/roweditor.html
317 lines
8.3 KiB
JavaScript
317 lines
8.3 KiB
JavaScript
define([
|
|
'angular',
|
|
'jquery',
|
|
'kbn',
|
|
'lodash',
|
|
'moment',
|
|
],
|
|
function (angular, $, kbn, _, moment) {
|
|
'use strict';
|
|
|
|
var module = angular.module('grafana.services');
|
|
|
|
module.factory('dashboardSrv', function(contextSrv) {
|
|
|
|
function DashboardModel (data, meta) {
|
|
if (!data) {
|
|
data = {};
|
|
}
|
|
|
|
if (!data.id && data.version) {
|
|
data.schemaVersion = data.version;
|
|
}
|
|
|
|
this.id = data.id || null;
|
|
this.title = data.title || 'No Title';
|
|
this.originalTitle = this.title;
|
|
this.tags = data.tags || [];
|
|
this.style = data.style || "dark";
|
|
this.timezone = data.timezone || 'browser';
|
|
this.editable = data.editable === false ? false : true;
|
|
this.hideControls = data.hideControls || false;
|
|
this.sharedCrosshair = data.sharedCrosshair || false;
|
|
this.rows = data.rows || [];
|
|
this.nav = data.nav || [];
|
|
this.time = data.time || { from: 'now-6h', to: 'now' };
|
|
this.templating = this._ensureListExist(data.templating);
|
|
this.annotations = this._ensureListExist(data.annotations);
|
|
this.refresh = data.refresh;
|
|
this.snapshot = data.snapshot;
|
|
this.schemaVersion = data.schemaVersion || 0;
|
|
this.version = data.version || 0;
|
|
|
|
if (this.nav.length === 0) {
|
|
this.nav.push({ type: 'timepicker' });
|
|
}
|
|
|
|
this._updateSchema(data);
|
|
this._initMeta(meta);
|
|
}
|
|
|
|
var p = DashboardModel.prototype;
|
|
|
|
p._initMeta = function(meta) {
|
|
meta = meta || {};
|
|
|
|
meta.canShare = meta.canShare === false ? false : true;
|
|
meta.canSave = meta.canSave === false ? false : true;
|
|
meta.canEdit = meta.canEdit === false ? false : true;
|
|
meta.canStar = meta.canStar === false ? false : true;
|
|
meta.canDelete = meta.canDelete === false ? false : true;
|
|
|
|
if (contextSrv.hasRole('Viewer')) {
|
|
meta.canSave = false;
|
|
}
|
|
|
|
if (!this.editable) {
|
|
meta.canEdit = false;
|
|
meta.canDelete = false;
|
|
meta.canSave = false;
|
|
this.hideControls = true;
|
|
}
|
|
|
|
this.meta = meta;
|
|
};
|
|
|
|
// cleans meta data and other non peristent state
|
|
p.getSaveModelClone = function() {
|
|
var copy = angular.copy(this);
|
|
delete copy.meta;
|
|
return copy;
|
|
};
|
|
|
|
p._ensureListExist = function (data) {
|
|
if (!data) { data = {}; }
|
|
if (!data.list) { data.list = []; }
|
|
return data;
|
|
};
|
|
|
|
p.getNextPanelId = function() {
|
|
var i, j, row, panel, max = 0;
|
|
for (i = 0; i < this.rows.length; i++) {
|
|
row = this.rows[i];
|
|
for (j = 0; j < row.panels.length; j++) {
|
|
panel = row.panels[j];
|
|
if (panel.id > max) { max = panel.id; }
|
|
}
|
|
}
|
|
return max + 1;
|
|
};
|
|
|
|
p.forEachPanel = function(callback) {
|
|
var i, j, row;
|
|
for (i = 0; i < this.rows.length; i++) {
|
|
row = this.rows[i];
|
|
for (j = 0; j < row.panels.length; j++) {
|
|
callback(row.panels[j], j, row, i);
|
|
}
|
|
}
|
|
};
|
|
|
|
p.getPanelById = function(id) {
|
|
for (var i = 0; i < this.rows.length; i++) {
|
|
var row = this.rows[i];
|
|
for (var j = 0; j < row.panels.length; j++) {
|
|
var panel = row.panels[j];
|
|
if (panel.id === id) {
|
|
return panel;
|
|
}
|
|
}
|
|
}
|
|
return null;
|
|
};
|
|
|
|
p.rowSpan = function(row) {
|
|
return _.reduce(row.panels, function(p,v) {
|
|
return p + v.span;
|
|
},0);
|
|
};
|
|
|
|
p.add_panel = function(panel, row) {
|
|
var rowSpan = this.rowSpan(row);
|
|
var panelCount = row.panels.length;
|
|
var space = (12 - rowSpan) - panel.span;
|
|
panel.id = this.getNextPanelId();
|
|
|
|
// try to make room of there is no space left
|
|
if (space <= 0) {
|
|
if (panelCount === 1) {
|
|
row.panels[0].span = 6;
|
|
panel.span = 6;
|
|
}
|
|
else if (panelCount === 2) {
|
|
row.panels[0].span = 4;
|
|
row.panels[1].span = 4;
|
|
panel.span = 4;
|
|
}
|
|
}
|
|
|
|
row.panels.push(panel);
|
|
};
|
|
|
|
p.hasTemplateVarsOrAnnotations = function() {
|
|
return this.templating.list.length > 0 || this.annotations.list.length > 0;
|
|
};
|
|
|
|
p.getPanelInfoById = function(panelId) {
|
|
var result = {};
|
|
_.each(this.rows, function(row) {
|
|
_.each(row.panels, function(panel, index) {
|
|
if (panel.id === panelId) {
|
|
result.panel = panel;
|
|
result.row = row;
|
|
result.index = index;
|
|
return;
|
|
}
|
|
});
|
|
});
|
|
|
|
if (!result.panel) {
|
|
return null;
|
|
}
|
|
|
|
return result;
|
|
};
|
|
|
|
p.duplicatePanel = function(panel, row) {
|
|
var rowIndex = _.indexOf(this.rows, row);
|
|
var newPanel = angular.copy(panel);
|
|
newPanel.id = this.getNextPanelId();
|
|
|
|
var currentRow = this.rows[rowIndex];
|
|
currentRow.panels.push(newPanel);
|
|
return newPanel;
|
|
};
|
|
|
|
p.formatDate = function(date, format) {
|
|
format = format || 'YYYY-MM-DD HH:mm:ss';
|
|
|
|
return this.timezone === 'browser' ?
|
|
moment(date).format(format) :
|
|
moment.utc(date).format(format);
|
|
};
|
|
|
|
p._updateSchema = function(old) {
|
|
var i, j, k;
|
|
var oldVersion = this.schemaVersion;
|
|
var panelUpgrades = [];
|
|
this.schemaVersion = 6;
|
|
|
|
if (oldVersion === 6) {
|
|
return;
|
|
}
|
|
|
|
// version 2 schema changes
|
|
if (oldVersion < 2) {
|
|
|
|
if (old.services) {
|
|
if (old.services.filter) {
|
|
this.time = old.services.filter.time;
|
|
this.templating.list = old.services.filter.list || [];
|
|
}
|
|
delete this.services;
|
|
}
|
|
|
|
panelUpgrades.push(function(panel) {
|
|
// rename panel type
|
|
if (panel.type === 'graphite') {
|
|
panel.type = 'graph';
|
|
}
|
|
|
|
if (panel.type !== 'graph') {
|
|
return;
|
|
}
|
|
|
|
if (_.isBoolean(panel.legend)) { panel.legend = { show: panel.legend }; }
|
|
|
|
if (panel.grid) {
|
|
if (panel.grid.min) {
|
|
panel.grid.leftMin = panel.grid.min;
|
|
delete panel.grid.min;
|
|
}
|
|
|
|
if (panel.grid.max) {
|
|
panel.grid.leftMax = panel.grid.max;
|
|
delete panel.grid.max;
|
|
}
|
|
}
|
|
|
|
if (panel.y_format) {
|
|
panel.y_formats[0] = panel.y_format;
|
|
delete panel.y_format;
|
|
}
|
|
|
|
if (panel.y2_format) {
|
|
panel.y_formats[1] = panel.y2_format;
|
|
delete panel.y2_format;
|
|
}
|
|
});
|
|
}
|
|
|
|
// schema version 3 changes
|
|
if (oldVersion < 3) {
|
|
// ensure panel ids
|
|
var maxId = this.getNextPanelId();
|
|
panelUpgrades.push(function(panel) {
|
|
if (!panel.id) {
|
|
panel.id = maxId;
|
|
maxId += 1;
|
|
}
|
|
});
|
|
}
|
|
|
|
// schema version 4 changes
|
|
if (oldVersion < 4) {
|
|
// move aliasYAxis changes
|
|
panelUpgrades.push(function(panel) {
|
|
if (panel.type !== 'graph') { return; }
|
|
_.each(panel.aliasYAxis, function(value, key) {
|
|
panel.seriesOverrides = [{ alias: key, yaxis: value }];
|
|
});
|
|
delete panel.aliasYAxis;
|
|
});
|
|
}
|
|
|
|
if (oldVersion < 6) {
|
|
// move pulldowns to new schema
|
|
var annotations = _.findWhere(old.pulldowns, { type: 'annotations' });
|
|
|
|
if (annotations) {
|
|
this.annotations = {
|
|
list: annotations.annotations || [],
|
|
};
|
|
}
|
|
|
|
// update template variables
|
|
for (i = 0 ; i < this.templating.list.length; i++) {
|
|
var variable = this.templating.list[i];
|
|
if (variable.datasource === void 0) { variable.datasource = null; }
|
|
if (variable.type === 'filter') { variable.type = 'query'; }
|
|
if (variable.type === void 0) { variable.type = 'query'; }
|
|
if (variable.allFormat === void 0) { variable.allFormat = 'glob'; }
|
|
}
|
|
}
|
|
|
|
if (panelUpgrades.length === 0) {
|
|
return;
|
|
}
|
|
|
|
for (i = 0; i < this.rows.length; i++) {
|
|
var row = this.rows[i];
|
|
for (j = 0; j < row.panels.length; j++) {
|
|
for (k = 0; k < panelUpgrades.length; k++) {
|
|
panelUpgrades[k](row.panels[j]);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
return {
|
|
create: function(dashboard, meta) {
|
|
return new DashboardModel(dashboard, meta);
|
|
}
|
|
};
|
|
|
|
});
|
|
});
|