triggers panel: tests for schema migration
This commit is contained in:
Alexander Zobnin
13
dist/panel-triggers/migrations.js
vendored
13
dist/panel-triggers/migrations.js
vendored
@@ -4,11 +4,20 @@ System.register([], function (_export, _context) {
|
|||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
function migratePanelSchema(panel) {
|
function migratePanelSchema(panel) {
|
||||||
|
if (isEmptyPanel(panel)) {
|
||||||
|
return panel;
|
||||||
|
}
|
||||||
|
|
||||||
var schemaVersion = getSchemaVersion(panel);
|
var schemaVersion = getSchemaVersion(panel);
|
||||||
switch (schemaVersion) {
|
switch (schemaVersion) {
|
||||||
case 1:
|
case 1:
|
||||||
panel.datasources = [panel.datasource];
|
panel.datasources = [panel.datasource];
|
||||||
|
panel.targets = {};
|
||||||
panel.targets[panel.datasources[0]] = panel.triggers;
|
panel.targets[panel.datasources[0]] = panel.triggers;
|
||||||
|
|
||||||
|
// delete old props
|
||||||
|
delete panel.triggers;
|
||||||
|
delete panel.datasource;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -20,6 +29,10 @@ System.register([], function (_export, _context) {
|
|||||||
function getSchemaVersion(panel) {
|
function getSchemaVersion(panel) {
|
||||||
return panel.schemaVersion || 1;
|
return panel.schemaVersion || 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function isEmptyPanel(panel) {
|
||||||
|
return !panel.datasource && !panel.datasources && !panel.triggers && !panel.targets;
|
||||||
|
}
|
||||||
return {
|
return {
|
||||||
setters: [],
|
setters: [],
|
||||||
execute: function () {}
|
execute: function () {}
|
||||||
|
|||||||
2
dist/panel-triggers/migrations.js.map
vendored
2
dist/panel-triggers/migrations.js.map
vendored
@@ -1 +1 @@
|
|||||||
{"version":3,"sources":["../../src/panel-triggers/migrations.js"],"names":["migratePanelSchema","panel","schemaVersion","getSchemaVersion","datasources","datasource","targets","triggers"],"mappings":";;;;;AAAO,WAASA,kBAAT,CAA4BC,KAA5B,EAAmC;AACxC,QAAMC,gBAAgBC,iBAAiBF,KAAjB,CAAtB;AACA,YAAQC,aAAR;AACE,WAAK,CAAL;AACED,cAAMG,WAAN,GAAoB,CAACH,MAAMI,UAAP,CAApB;AACAJ,cAAMK,OAAN,CAAcL,MAAMG,WAAN,CAAkB,CAAlB,CAAd,IAAsCH,MAAMM,QAA5C;AACA;AAJJ;;AAOA,WAAON,KAAP;AACD;;gCAVeD,kB;;AAYhB,WAASG,gBAAT,CAA0BF,KAA1B,EAAiC;AAC/B,WAAOA,MAAMC,aAAN,IAAuB,CAA9B;AACD","file":"migrations.js","sourcesContent":["export function migratePanelSchema(panel) {\n const schemaVersion = getSchemaVersion(panel);\n switch (schemaVersion) {\n case 1:\n panel.datasources = [panel.datasource];\n panel.targets[panel.datasources[0]] = panel.triggers;\n break;\n }\n\n return panel;\n}\n\nfunction getSchemaVersion(panel) {\n return panel.schemaVersion || 1;\n}\n"]}
|
{"version":3,"sources":["../../src/panel-triggers/migrations.js"],"names":["migratePanelSchema","panel","isEmptyPanel","schemaVersion","getSchemaVersion","datasources","datasource","targets","triggers"],"mappings":";;;;;AAAO,WAASA,kBAAT,CAA4BC,KAA5B,EAAmC;AACxC,QAAIC,aAAaD,KAAb,CAAJ,EAAyB;AACvB,aAAOA,KAAP;AACD;;AAED,QAAME,gBAAgBC,iBAAiBH,KAAjB,CAAtB;AACA,YAAQE,aAAR;AACE,WAAK,CAAL;AACEF,cAAMI,WAAN,GAAoB,CAACJ,MAAMK,UAAP,CAApB;AACAL,cAAMM,OAAN,GAAgB,EAAhB;AACAN,cAAMM,OAAN,CAAcN,MAAMI,WAAN,CAAkB,CAAlB,CAAd,IAAsCJ,MAAMO,QAA5C;;AAEA;AACA,eAAOP,MAAMO,QAAb;AACA,eAAOP,MAAMK,UAAb;AACA;AATJ;;AAYA,WAAOL,KAAP;AACD;;gCAnBeD,kB;;AAqBhB,WAASI,gBAAT,CAA0BH,KAA1B,EAAiC;AAC/B,WAAOA,MAAME,aAAN,IAAuB,CAA9B;AACD;;AAED,WAASD,YAAT,CAAsBD,KAAtB,EAA6B;AAC3B,WAAO,CAACA,MAAMK,UAAP,IAAqB,CAACL,MAAMI,WAA5B,IAA2C,CAACJ,MAAMO,QAAlD,IAA8D,CAACP,MAAMM,OAA5E;AACD","file":"migrations.js","sourcesContent":["export function migratePanelSchema(panel) {\n if (isEmptyPanel(panel)) {\n return panel;\n }\n\n const schemaVersion = getSchemaVersion(panel);\n switch (schemaVersion) {\n case 1:\n panel.datasources = [panel.datasource];\n panel.targets = {};\n panel.targets[panel.datasources[0]] = panel.triggers;\n\n // delete old props\n delete panel.triggers;\n delete panel.datasource;\n break;\n }\n\n return panel;\n}\n\nfunction getSchemaVersion(panel) {\n return panel.schemaVersion || 1;\n}\n\nfunction isEmptyPanel(panel) {\n return !panel.datasource && !panel.datasources && !panel.triggers && !panel.targets;\n}\n"]}
|
||||||
529
dist/panel-triggers/module.js
vendored
529
dist/panel-triggers/module.js
vendored
@@ -1,91 +1,21 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
System.register(['lodash', 'jquery', 'moment', 'app/plugins/sdk', '../datasource-zabbix/utils', './options_tab', './triggers_tab', './migrations', './ack-tooltip.directive'], function (_export, _context) {
|
System.register(['./triggers_panel_ctrl', 'app/plugins/sdk', './ack-tooltip.directive'], function (_export, _context) {
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
var _, $, moment, loadPluginCss, utils, PanelCtrl, triggerPanelOptionsTab, triggerPanelTriggersTab, migratePanelSchema, _createClass, ZABBIX_DS_ID, DEFAULT_TARGET, defaultSeverity, DEFAULT_TIME_FORMAT, panelDefaults, triggerStatusMap, TriggerPanelCtrl;
|
var TriggerPanelCtrl, loadPluginCss;
|
||||||
|
|
||||||
function _classCallCheck(instance, Constructor) {
|
|
||||||
if (!(instance instanceof Constructor)) {
|
|
||||||
throw new TypeError("Cannot call a class as a function");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function _possibleConstructorReturn(self, call) {
|
|
||||||
if (!self) {
|
|
||||||
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
|
||||||
}
|
|
||||||
|
|
||||||
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
|
||||||
}
|
|
||||||
|
|
||||||
function _inherits(subClass, superClass) {
|
|
||||||
if (typeof superClass !== "function" && superClass !== null) {
|
|
||||||
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
|
||||||
}
|
|
||||||
|
|
||||||
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
|
||||||
constructor: {
|
|
||||||
value: subClass,
|
|
||||||
enumerable: false,
|
|
||||||
writable: true,
|
|
||||||
configurable: true
|
|
||||||
}
|
|
||||||
});
|
|
||||||
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
|
||||||
}
|
|
||||||
|
|
||||||
function _filterTriggers(triggers, triggerFilter) {
|
|
||||||
if (utils.isRegex(triggerFilter)) {
|
|
||||||
return _.filter(triggers, function (trigger) {
|
|
||||||
return utils.buildRegex(triggerFilter).test(trigger.description);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
return _.filter(triggers, function (trigger) {
|
|
||||||
return trigger.description === triggerFilter;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return {
|
return {
|
||||||
setters: [function (_lodash) {
|
setters: [function (_triggers_panel_ctrl) {
|
||||||
_ = _lodash.default;
|
TriggerPanelCtrl = _triggers_panel_ctrl.TriggerPanelCtrl;
|
||||||
}, function (_jquery) {
|
|
||||||
$ = _jquery.default;
|
|
||||||
}, function (_moment) {
|
|
||||||
moment = _moment.default;
|
|
||||||
}, function (_appPluginsSdk) {
|
}, function (_appPluginsSdk) {
|
||||||
loadPluginCss = _appPluginsSdk.loadPluginCss;
|
loadPluginCss = _appPluginsSdk.loadPluginCss;
|
||||||
PanelCtrl = _appPluginsSdk.PanelCtrl;
|
|
||||||
}, function (_datasourceZabbixUtils) {
|
|
||||||
utils = _datasourceZabbixUtils;
|
|
||||||
}, function (_options_tab) {
|
|
||||||
triggerPanelOptionsTab = _options_tab.triggerPanelOptionsTab;
|
|
||||||
}, function (_triggers_tab) {
|
|
||||||
triggerPanelTriggersTab = _triggers_tab.triggerPanelTriggersTab;
|
|
||||||
}, function (_migrations) {
|
|
||||||
migratePanelSchema = _migrations.migratePanelSchema;
|
|
||||||
}, function (_ackTooltipDirective) {}],
|
}, function (_ackTooltipDirective) {}],
|
||||||
execute: function () {
|
execute: function () {
|
||||||
_createClass = function () {
|
|
||||||
function defineProperties(target, props) {
|
|
||||||
for (var i = 0; i < props.length; i++) {
|
|
||||||
var descriptor = props[i];
|
|
||||||
descriptor.enumerable = descriptor.enumerable || false;
|
|
||||||
descriptor.configurable = true;
|
|
||||||
if ("value" in descriptor) descriptor.writable = true;
|
|
||||||
Object.defineProperty(target, descriptor.key, descriptor);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
return function (Constructor, protoProps, staticProps) {
|
loadPluginCss({
|
||||||
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',
|
||||||
if (staticProps) defineProperties(Constructor, staticProps);
|
light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
|
||||||
return Constructor;
|
}); /**
|
||||||
};
|
|
||||||
}();
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Grafana-Zabbix
|
* Grafana-Zabbix
|
||||||
* Zabbix plugin for Grafana.
|
* Zabbix plugin for Grafana.
|
||||||
* http://github.com/alexanderzobnin/grafana-zabbix
|
* http://github.com/alexanderzobnin/grafana-zabbix
|
||||||
@@ -98,449 +28,6 @@ System.register(['lodash', 'jquery', 'moment', 'app/plugins/sdk', '../datasource
|
|||||||
* Licensed under the Apache License, Version 2.0
|
* Licensed under the Apache License, Version 2.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
loadPluginCss({
|
|
||||||
dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',
|
|
||||||
light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
|
|
||||||
});
|
|
||||||
|
|
||||||
ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource';
|
|
||||||
|
|
||||||
_export('DEFAULT_TARGET', DEFAULT_TARGET = {
|
|
||||||
group: { filter: "" },
|
|
||||||
host: { filter: "" },
|
|
||||||
application: { filter: "" },
|
|
||||||
trigger: { filter: "" }
|
|
||||||
});
|
|
||||||
|
|
||||||
_export('DEFAULT_TARGET', DEFAULT_TARGET);
|
|
||||||
|
|
||||||
defaultSeverity = [{ priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true }, { priority: 1, severity: 'Information', color: '#82B5D8', show: true }, { priority: 2, severity: 'Warning', color: '#E5AC0E', show: true }, { priority: 3, severity: 'Average', color: '#C15C17', show: true }, { priority: 4, severity: 'High', color: '#BF1B00', show: true }, { priority: 5, severity: 'Disaster', color: '#890F02', show: true }];
|
|
||||||
DEFAULT_TIME_FORMAT = "DD MMM YYYY HH:mm:ss";
|
|
||||||
panelDefaults = {
|
|
||||||
schemaVersion: 2,
|
|
||||||
datasources: [],
|
|
||||||
targets: {},
|
|
||||||
// Fields
|
|
||||||
hostField: true,
|
|
||||||
statusField: false,
|
|
||||||
severityField: false,
|
|
||||||
lastChangeField: true,
|
|
||||||
ageField: true,
|
|
||||||
infoField: true,
|
|
||||||
// Options
|
|
||||||
hideHostsInMaintenance: false,
|
|
||||||
showTriggers: 'all triggers',
|
|
||||||
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
|
||||||
showEvents: { text: 'Problems', value: '1' },
|
|
||||||
limit: 10,
|
|
||||||
// View options
|
|
||||||
fontSize: '100%',
|
|
||||||
pageSize: 10,
|
|
||||||
scroll: true,
|
|
||||||
customLastChangeFormat: false,
|
|
||||||
lastChangeFormat: "",
|
|
||||||
// Triggers severity and colors
|
|
||||||
triggerSeverity: defaultSeverity,
|
|
||||||
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
|
||||||
ackEventColor: 'rgba(0, 0, 0, 0)'
|
|
||||||
};
|
|
||||||
triggerStatusMap = {
|
|
||||||
'0': 'OK',
|
|
||||||
'1': 'Problem'
|
|
||||||
};
|
|
||||||
|
|
||||||
_export('PanelCtrl', _export('TriggerPanelCtrl', TriggerPanelCtrl = function (_PanelCtrl) {
|
|
||||||
_inherits(TriggerPanelCtrl, _PanelCtrl);
|
|
||||||
|
|
||||||
/** @ngInject */
|
|
||||||
function TriggerPanelCtrl($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) {
|
|
||||||
_classCallCheck(this, TriggerPanelCtrl);
|
|
||||||
|
|
||||||
var _this = _possibleConstructorReturn(this, (TriggerPanelCtrl.__proto__ || Object.getPrototypeOf(TriggerPanelCtrl)).call(this, $scope, $injector));
|
|
||||||
|
|
||||||
_this.datasourceSrv = datasourceSrv;
|
|
||||||
_this.templateSrv = templateSrv;
|
|
||||||
_this.contextSrv = contextSrv;
|
|
||||||
_this.dashboardSrv = dashboardSrv;
|
|
||||||
|
|
||||||
_this.editorTabIndex = 1;
|
|
||||||
_this.triggerStatusMap = triggerStatusMap;
|
|
||||||
_this.defaultTimeFormat = DEFAULT_TIME_FORMAT;
|
|
||||||
_this.pageIndex = 0;
|
|
||||||
_this.triggerList = [];
|
|
||||||
_this.currentTriggersPage = [];
|
|
||||||
_this.datasources = {};
|
|
||||||
|
|
||||||
_.defaults(_this.panel, _.cloneDeep(panelDefaults));
|
|
||||||
_this.panel = migratePanelSchema(_this.panel);
|
|
||||||
|
|
||||||
_this.available_datasources = _.map(_this.getZabbixDataSources(), 'name');
|
|
||||||
if (_this.panel.datasources.length === 0) {
|
|
||||||
_this.panel.datasources.push(_this.available_datasources[0]);
|
|
||||||
}
|
|
||||||
if (_.isEmpty(_this.panel.targets)) {
|
|
||||||
_this.panel.targets[_this.panel.datasources[0]] = DEFAULT_TARGET;
|
|
||||||
}
|
|
||||||
|
|
||||||
_this.initDatasources();
|
|
||||||
_this.events.on('init-edit-mode', _this.onInitEditMode.bind(_this));
|
|
||||||
_this.events.on('refresh', _this.onRefresh.bind(_this));
|
|
||||||
return _this;
|
|
||||||
}
|
|
||||||
|
|
||||||
_createClass(TriggerPanelCtrl, [{
|
|
||||||
key: 'initDatasources',
|
|
||||||
value: function initDatasources() {
|
|
||||||
var _this2 = this;
|
|
||||||
|
|
||||||
var promises = _.map(this.panel.datasources, function (ds) {
|
|
||||||
// Load datasource
|
|
||||||
return _this2.datasourceSrv.get(ds).then(function (datasource) {
|
|
||||||
_this2.datasources[ds] = datasource;
|
|
||||||
return datasource;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
return Promise.all(promises);
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'getZabbixDataSources',
|
|
||||||
value: function getZabbixDataSources() {
|
|
||||||
return _.filter(this.datasourceSrv.getMetricSources(), function (datasource) {
|
|
||||||
return datasource.meta.id === ZABBIX_DS_ID && datasource.value;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'onInitEditMode',
|
|
||||||
value: function onInitEditMode() {
|
|
||||||
this.addEditorTab('Triggers', triggerPanelTriggersTab, 1);
|
|
||||||
this.addEditorTab('Options', triggerPanelOptionsTab, 2);
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'setTimeQueryStart',
|
|
||||||
value: function setTimeQueryStart() {
|
|
||||||
this.timing.queryStart = new Date().getTime();
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'setTimeQueryEnd',
|
|
||||||
value: function setTimeQueryEnd() {
|
|
||||||
this.timing.queryEnd = new Date().getTime();
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'onRefresh',
|
|
||||||
value: function onRefresh() {
|
|
||||||
var _this3 = this;
|
|
||||||
|
|
||||||
// ignore fetching data if another panel is in fullscreen
|
|
||||||
if (this.otherPanelInFullscreenMode()) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// clear loading/error state
|
|
||||||
delete this.error;
|
|
||||||
this.loading = true;
|
|
||||||
this.setTimeQueryStart();
|
|
||||||
|
|
||||||
return this.getTriggers().then(function (triggerList) {
|
|
||||||
// Notify panel that request is finished
|
|
||||||
_this3.loading = false;
|
|
||||||
_this3.setTimeQueryEnd();
|
|
||||||
|
|
||||||
// Limit triggers number
|
|
||||||
_this3.triggerList = triggerList.slice(0, _this3.panel.limit);
|
|
||||||
_this3.getCurrentTriggersPage();
|
|
||||||
_this3.render(_this3.triggerList);
|
|
||||||
}).catch(function (err) {
|
|
||||||
// if cancelled keep loading set to true
|
|
||||||
if (err.cancelled) {
|
|
||||||
console.log('Panel request cancelled', err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
_this3.loading = false;
|
|
||||||
_this3.error = err.message || "Request Error";
|
|
||||||
|
|
||||||
if (err.data) {
|
|
||||||
if (err.data.message) {
|
|
||||||
_this3.error = err.data.message;
|
|
||||||
}
|
|
||||||
if (err.data.error) {
|
|
||||||
_this3.error = err.data.error;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
_this3.events.emit('data-error', err);
|
|
||||||
console.log('Panel data error:', err);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'getTriggers',
|
|
||||||
value: function getTriggers() {
|
|
||||||
var _this4 = this;
|
|
||||||
|
|
||||||
var promises = _.map(this.panel.datasources, function (ds) {
|
|
||||||
return _this4.datasourceSrv.get(ds).then(function (datasource) {
|
|
||||||
var zabbix = datasource.zabbix;
|
|
||||||
var showEvents = _this4.panel.showEvents.value;
|
|
||||||
var triggerFilter = _this4.panel.targets[ds];
|
|
||||||
var hideHostsInMaintenance = _this4.panel.hideHostsInMaintenance;
|
|
||||||
|
|
||||||
// Replace template variables
|
|
||||||
var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter);
|
|
||||||
var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter);
|
|
||||||
var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter);
|
|
||||||
|
|
||||||
var triggersOptions = {
|
|
||||||
showTriggers: showEvents,
|
|
||||||
hideHostsInMaintenance: hideHostsInMaintenance
|
|
||||||
};
|
|
||||||
|
|
||||||
return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions);
|
|
||||||
}).then(function (triggers) {
|
|
||||||
return _this4.getAcknowledges(triggers, ds);
|
|
||||||
}).then(function (triggers) {
|
|
||||||
return _this4.filterTriggers(triggers, ds);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
return Promise.all(promises).then(function (results) {
|
|
||||||
return _.flatten(results);
|
|
||||||
}).then(function (triggers) {
|
|
||||||
return _this4.sortTriggers(triggers);
|
|
||||||
}).then(function (triggers) {
|
|
||||||
return _.map(triggers, _this4.formatTrigger.bind(_this4));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'getAcknowledges',
|
|
||||||
value: function getAcknowledges(triggerList, ds) {
|
|
||||||
var _this5 = this;
|
|
||||||
|
|
||||||
// Request acknowledges for trigger
|
|
||||||
var eventids = _.map(triggerList, function (trigger) {
|
|
||||||
return trigger.lastEvent.eventid;
|
|
||||||
});
|
|
||||||
|
|
||||||
return this.datasources[ds].zabbix.getAcknowledges(eventids).then(function (events) {
|
|
||||||
|
|
||||||
// Map events to triggers
|
|
||||||
_.each(triggerList, function (trigger) {
|
|
||||||
var event = _.find(events, function (event) {
|
|
||||||
return event.eventid === trigger.lastEvent.eventid;
|
|
||||||
});
|
|
||||||
|
|
||||||
if (event) {
|
|
||||||
trigger.acknowledges = _.map(event.acknowledges, function (ack) {
|
|
||||||
var timestamp = moment.unix(ack.clock);
|
|
||||||
if (_this5.panel.customLastChangeFormat) {
|
|
||||||
ack.time = timestamp.format(_this5.panel.lastChangeFormat);
|
|
||||||
} else {
|
|
||||||
ack.time = timestamp.format(_this5.defaultTimeFormat);
|
|
||||||
}
|
|
||||||
ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')';
|
|
||||||
return ack;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Mark acknowledged triggers with different color
|
|
||||||
if (_this5.panel.markAckEvents && trigger.acknowledges.length) {
|
|
||||||
trigger.color = _this5.panel.ackEventColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return triggerList;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'filterTriggers',
|
|
||||||
value: function filterTriggers(triggerList, ds) {
|
|
||||||
var _this6 = this;
|
|
||||||
|
|
||||||
// Filter triggers by description
|
|
||||||
var triggerFilter = this.panel.targets[ds].trigger.filter;
|
|
||||||
triggerFilter = this.datasources[ds].replaceTemplateVars(triggerFilter);
|
|
||||||
if (triggerFilter) {
|
|
||||||
triggerList = _filterTriggers(triggerList, triggerFilter);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Filter acknowledged triggers
|
|
||||||
if (this.panel.showTriggers === 'unacknowledged') {
|
|
||||||
triggerList = _.filter(triggerList, function (trigger) {
|
|
||||||
return !trigger.acknowledges;
|
|
||||||
});
|
|
||||||
} else if (this.panel.showTriggers === 'acknowledged') {
|
|
||||||
triggerList = _.filter(triggerList, 'acknowledges');
|
|
||||||
} else {
|
|
||||||
triggerList = triggerList;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Filter triggers by severity
|
|
||||||
triggerList = _.filter(triggerList, function (trigger) {
|
|
||||||
return _this6.panel.triggerSeverity[trigger.priority].show;
|
|
||||||
});
|
|
||||||
|
|
||||||
return triggerList;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'sortTriggers',
|
|
||||||
value: function sortTriggers(triggerList) {
|
|
||||||
if (this.panel.sortTriggersBy.value === 'priority') {
|
|
||||||
triggerList = _.sortBy(triggerList, 'priority').reverse();
|
|
||||||
} else {
|
|
||||||
triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse();
|
|
||||||
}
|
|
||||||
return triggerList;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'formatTrigger',
|
|
||||||
value: function formatTrigger(trigger) {
|
|
||||||
var triggerObj = trigger;
|
|
||||||
|
|
||||||
// Format last change and age
|
|
||||||
trigger.lastchangeUnix = Number(trigger.lastchange);
|
|
||||||
var timestamp = moment.unix(trigger.lastchangeUnix);
|
|
||||||
if (this.panel.customLastChangeFormat) {
|
|
||||||
// User defined format
|
|
||||||
triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat);
|
|
||||||
} else {
|
|
||||||
triggerObj.lastchange = timestamp.format(this.defaultTimeFormat);
|
|
||||||
}
|
|
||||||
triggerObj.age = timestamp.fromNow(true);
|
|
||||||
|
|
||||||
// Set host that the trigger belongs
|
|
||||||
if (trigger.hosts.length) {
|
|
||||||
triggerObj.host = trigger.hosts[0].name;
|
|
||||||
triggerObj.hostTechName = trigger.hosts[0].host;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set color
|
|
||||||
if (trigger.value === '1') {
|
|
||||||
// Problem state
|
|
||||||
triggerObj.color = this.panel.triggerSeverity[trigger.priority].color;
|
|
||||||
} else {
|
|
||||||
// OK state
|
|
||||||
triggerObj.color = this.panel.okEventColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity;
|
|
||||||
return triggerObj;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'switchComment',
|
|
||||||
value: function switchComment(trigger) {
|
|
||||||
trigger.showComment = !trigger.showComment;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'acknowledgeTrigger',
|
|
||||||
value: function acknowledgeTrigger(trigger, message) {
|
|
||||||
var eventid = trigger.lastEvent.eventid;
|
|
||||||
var grafana_user = this.contextSrv.user.name;
|
|
||||||
var ack_message = grafana_user + ' (Grafana): ' + message;
|
|
||||||
return this.datasourceSrv.get(this.panel.datasource).then(function (datasource) {
|
|
||||||
var zabbixAPI = datasource.zabbix.zabbixAPI;
|
|
||||||
return zabbixAPI.acknowledgeEvent(eventid, ack_message);
|
|
||||||
}).then(this.onRefresh.bind(this));
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'getCurrentTriggersPage',
|
|
||||||
value: function getCurrentTriggersPage() {
|
|
||||||
var pageSize = this.panel.pageSize || 10;
|
|
||||||
var startPos = this.pageIndex * pageSize;
|
|
||||||
var endPos = Math.min(startPos + pageSize, this.triggerList.length);
|
|
||||||
this.currentTriggersPage = this.triggerList.slice(startPos, endPos);
|
|
||||||
return this.currentTriggersPage;
|
|
||||||
}
|
|
||||||
}, {
|
|
||||||
key: 'link',
|
|
||||||
value: function link(scope, elem, attrs, ctrl) {
|
|
||||||
var data;
|
|
||||||
var panel = ctrl.panel;
|
|
||||||
var pageCount = 0;
|
|
||||||
data = ctrl.triggerList;
|
|
||||||
|
|
||||||
function getTableHeight() {
|
|
||||||
var panelHeight = ctrl.height;
|
|
||||||
|
|
||||||
if (pageCount > 1) {
|
|
||||||
panelHeight -= 26;
|
|
||||||
}
|
|
||||||
|
|
||||||
return panelHeight - 31 + 'px';
|
|
||||||
}
|
|
||||||
|
|
||||||
function switchPage(e) {
|
|
||||||
var el = $(e.currentTarget);
|
|
||||||
ctrl.pageIndex = parseInt(el.text(), 10) - 1;
|
|
||||||
|
|
||||||
var pageSize = ctrl.panel.pageSize || 10;
|
|
||||||
var startPos = ctrl.pageIndex * pageSize;
|
|
||||||
var endPos = Math.min(startPos + pageSize, ctrl.triggerList.length);
|
|
||||||
ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos);
|
|
||||||
|
|
||||||
scope.$apply(function () {
|
|
||||||
renderPanel();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function appendPaginationControls(footerElem) {
|
|
||||||
footerElem.empty();
|
|
||||||
|
|
||||||
var pageSize = ctrl.panel.pageSize || 5;
|
|
||||||
pageCount = Math.ceil(data.length / pageSize);
|
|
||||||
if (pageCount === 1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var startPage = Math.max(ctrl.pageIndex - 3, 0);
|
|
||||||
var endPage = Math.min(pageCount, startPage + 9);
|
|
||||||
|
|
||||||
var paginationList = $('<ul></ul>');
|
|
||||||
|
|
||||||
for (var i = startPage; i < endPage; i++) {
|
|
||||||
var activeClass = i === ctrl.pageIndex ? 'active' : '';
|
|
||||||
var pageLinkElem = $('<li><a class="triggers-panel-page-link pointer ' + activeClass + '">' + (i + 1) + '</a></li>');
|
|
||||||
paginationList.append(pageLinkElem);
|
|
||||||
}
|
|
||||||
|
|
||||||
footerElem.append(paginationList);
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderPanel() {
|
|
||||||
var panelElem = elem.parents('.panel');
|
|
||||||
var rootElem = elem.find('.triggers-panel-scroll');
|
|
||||||
var footerElem = elem.find('.triggers-panel-footer');
|
|
||||||
|
|
||||||
elem.css({ 'font-size': panel.fontSize });
|
|
||||||
panelElem.addClass('triggers-panel-wrapper');
|
|
||||||
appendPaginationControls(footerElem);
|
|
||||||
|
|
||||||
rootElem.css({ 'max-height': panel.scroll ? getTableHeight() : '' });
|
|
||||||
ctrl.renderingCompleted();
|
|
||||||
}
|
|
||||||
|
|
||||||
elem.on('click', '.triggers-panel-page-link', switchPage);
|
|
||||||
|
|
||||||
var unbindDestroy = scope.$on('$destroy', function () {
|
|
||||||
elem.off('click', '.triggers-panel-page-link');
|
|
||||||
unbindDestroy();
|
|
||||||
});
|
|
||||||
|
|
||||||
ctrl.events.on('render', function (renderData) {
|
|
||||||
data = renderData || data;
|
|
||||||
if (data) {
|
|
||||||
scope.$apply(function () {
|
|
||||||
renderPanel();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}]);
|
|
||||||
|
|
||||||
return TriggerPanelCtrl;
|
|
||||||
}(PanelCtrl)));
|
|
||||||
|
|
||||||
TriggerPanelCtrl.templateUrl = 'panel-triggers/module.html';
|
|
||||||
_export('TriggerPanelCtrl', TriggerPanelCtrl);
|
|
||||||
|
|
||||||
_export('PanelCtrl', TriggerPanelCtrl);
|
_export('PanelCtrl', TriggerPanelCtrl);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|||||||
2
dist/panel-triggers/module.js.map
vendored
2
dist/panel-triggers/module.js.map
vendored
File diff suppressed because one or more lines are too long
110
dist/panel-triggers/specs/migrations.spec.js
vendored
Normal file
110
dist/panel-triggers/specs/migrations.spec.js
vendored
Normal file
@@ -0,0 +1,110 @@
|
|||||||
|
import {TriggerPanelCtrl} from '../triggers_panel_ctrl';
|
||||||
|
import {DEFAULT_TARGET} from '../triggers_panel_ctrl';
|
||||||
|
import {DEFAULT_SEVERITY} from '../triggers_panel_ctrl';
|
||||||
|
|
||||||
|
describe('Triggers Panel schema migration', () => {
|
||||||
|
let ctx = {};
|
||||||
|
let datasourceSrvMock = {
|
||||||
|
getMetricSources: () => {
|
||||||
|
return [{ meta: {id: 'alexanderzobnin-zabbix-datasource'}, value: {}, name: 'zabbix_default' }];
|
||||||
|
},
|
||||||
|
get: () => Promise.resolve({})
|
||||||
|
};
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
ctx = {
|
||||||
|
scope: {
|
||||||
|
panel: {
|
||||||
|
datasource: 'zabbix',
|
||||||
|
triggers: DEFAULT_TARGET,
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
limit: 10,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
scroll: true,
|
||||||
|
pageSize: 10,
|
||||||
|
fontSize: '100%',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should update old panel schema', (done) => {
|
||||||
|
let updatedPanelCtrl = new TriggerPanelCtrl(ctx.scope, {}, {}, datasourceSrvMock, {}, {}, {});
|
||||||
|
|
||||||
|
let expected = {
|
||||||
|
schemaVersion: 2,
|
||||||
|
datasources: ['zabbix'],
|
||||||
|
targets: {
|
||||||
|
'zabbix': DEFAULT_TARGET
|
||||||
|
},
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
limit: 10,
|
||||||
|
fontSize: '100%',
|
||||||
|
pageSize: 10,
|
||||||
|
scroll: true,
|
||||||
|
customLastChangeFormat: false,
|
||||||
|
lastChangeFormat: "",
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)'
|
||||||
|
};
|
||||||
|
|
||||||
|
expect(updatedPanelCtrl.panel).toEqual(expected);
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create new panel with default schema', (done) => {
|
||||||
|
ctx.scope.panel = {};
|
||||||
|
let updatedPanelCtrl = new TriggerPanelCtrl(ctx.scope, {}, {}, datasourceSrvMock, {}, {}, {});
|
||||||
|
|
||||||
|
let expected = {
|
||||||
|
schemaVersion: 2,
|
||||||
|
datasources: ['zabbix_default'],
|
||||||
|
targets: {
|
||||||
|
'zabbix_default': DEFAULT_TARGET
|
||||||
|
},
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
limit: 10,
|
||||||
|
fontSize: '100%',
|
||||||
|
pageSize: 10,
|
||||||
|
scroll: true,
|
||||||
|
customLastChangeFormat: false,
|
||||||
|
lastChangeFormat: "",
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)'
|
||||||
|
};
|
||||||
|
|
||||||
|
expect(updatedPanelCtrl.panel).toEqual(expected);
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
});
|
||||||
530
dist/panel-triggers/triggers_panel_ctrl.js
vendored
Normal file
530
dist/panel-triggers/triggers_panel_ctrl.js
vendored
Normal file
@@ -0,0 +1,530 @@
|
|||||||
|
'use strict';
|
||||||
|
|
||||||
|
System.register(['lodash', 'jquery', 'moment', '../datasource-zabbix/utils', 'app/plugins/sdk', './options_tab', './triggers_tab', './migrations'], function (_export, _context) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var _, $, moment, utils, PanelCtrl, triggerPanelOptionsTab, triggerPanelTriggersTab, migratePanelSchema, _createClass, ZABBIX_DS_ID, DEFAULT_TARGET, DEFAULT_SEVERITY, DEFAULT_TIME_FORMAT, panelDefaults, triggerStatusMap, TriggerPanelCtrl;
|
||||||
|
|
||||||
|
function _classCallCheck(instance, Constructor) {
|
||||||
|
if (!(instance instanceof Constructor)) {
|
||||||
|
throw new TypeError("Cannot call a class as a function");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function _possibleConstructorReturn(self, call) {
|
||||||
|
if (!self) {
|
||||||
|
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
|
||||||
|
}
|
||||||
|
|
||||||
|
return call && (typeof call === "object" || typeof call === "function") ? call : self;
|
||||||
|
}
|
||||||
|
|
||||||
|
function _inherits(subClass, superClass) {
|
||||||
|
if (typeof superClass !== "function" && superClass !== null) {
|
||||||
|
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
|
||||||
|
}
|
||||||
|
|
||||||
|
subClass.prototype = Object.create(superClass && superClass.prototype, {
|
||||||
|
constructor: {
|
||||||
|
value: subClass,
|
||||||
|
enumerable: false,
|
||||||
|
writable: true,
|
||||||
|
configurable: true
|
||||||
|
}
|
||||||
|
});
|
||||||
|
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
|
||||||
|
}
|
||||||
|
|
||||||
|
function _filterTriggers(triggers, triggerFilter) {
|
||||||
|
if (utils.isRegex(triggerFilter)) {
|
||||||
|
return _.filter(triggers, function (trigger) {
|
||||||
|
return utils.buildRegex(triggerFilter).test(trigger.description);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
return _.filter(triggers, function (trigger) {
|
||||||
|
return trigger.description === triggerFilter;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
setters: [function (_lodash) {
|
||||||
|
_ = _lodash.default;
|
||||||
|
}, function (_jquery) {
|
||||||
|
$ = _jquery.default;
|
||||||
|
}, function (_moment) {
|
||||||
|
moment = _moment.default;
|
||||||
|
}, function (_datasourceZabbixUtils) {
|
||||||
|
utils = _datasourceZabbixUtils;
|
||||||
|
}, function (_appPluginsSdk) {
|
||||||
|
PanelCtrl = _appPluginsSdk.PanelCtrl;
|
||||||
|
}, function (_options_tab) {
|
||||||
|
triggerPanelOptionsTab = _options_tab.triggerPanelOptionsTab;
|
||||||
|
}, function (_triggers_tab) {
|
||||||
|
triggerPanelTriggersTab = _triggers_tab.triggerPanelTriggersTab;
|
||||||
|
}, function (_migrations) {
|
||||||
|
migratePanelSchema = _migrations.migratePanelSchema;
|
||||||
|
}],
|
||||||
|
execute: function () {
|
||||||
|
_createClass = function () {
|
||||||
|
function defineProperties(target, props) {
|
||||||
|
for (var i = 0; i < props.length; i++) {
|
||||||
|
var descriptor = props[i];
|
||||||
|
descriptor.enumerable = descriptor.enumerable || false;
|
||||||
|
descriptor.configurable = true;
|
||||||
|
if ("value" in descriptor) descriptor.writable = true;
|
||||||
|
Object.defineProperty(target, descriptor.key, descriptor);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return function (Constructor, protoProps, staticProps) {
|
||||||
|
if (protoProps) defineProperties(Constructor.prototype, protoProps);
|
||||||
|
if (staticProps) defineProperties(Constructor, staticProps);
|
||||||
|
return Constructor;
|
||||||
|
};
|
||||||
|
}();
|
||||||
|
|
||||||
|
ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource';
|
||||||
|
|
||||||
|
_export('DEFAULT_TARGET', DEFAULT_TARGET = {
|
||||||
|
group: { filter: "" },
|
||||||
|
host: { filter: "" },
|
||||||
|
application: { filter: "" },
|
||||||
|
trigger: { filter: "" }
|
||||||
|
});
|
||||||
|
|
||||||
|
_export('DEFAULT_TARGET', DEFAULT_TARGET);
|
||||||
|
|
||||||
|
_export('DEFAULT_SEVERITY', DEFAULT_SEVERITY = [{ priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true }, { priority: 1, severity: 'Information', color: '#82B5D8', show: true }, { priority: 2, severity: 'Warning', color: '#E5AC0E', show: true }, { priority: 3, severity: 'Average', color: '#C15C17', show: true }, { priority: 4, severity: 'High', color: '#BF1B00', show: true }, { priority: 5, severity: 'Disaster', color: '#890F02', show: true }]);
|
||||||
|
|
||||||
|
_export('DEFAULT_SEVERITY', DEFAULT_SEVERITY);
|
||||||
|
|
||||||
|
DEFAULT_TIME_FORMAT = "DD MMM YYYY HH:mm:ss";
|
||||||
|
panelDefaults = {
|
||||||
|
schemaVersion: 2,
|
||||||
|
datasources: [],
|
||||||
|
targets: {},
|
||||||
|
// Fields
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
// Options
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
limit: 10,
|
||||||
|
// View options
|
||||||
|
fontSize: '100%',
|
||||||
|
pageSize: 10,
|
||||||
|
scroll: true,
|
||||||
|
customLastChangeFormat: false,
|
||||||
|
lastChangeFormat: "",
|
||||||
|
// Triggers severity and colors
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)'
|
||||||
|
};
|
||||||
|
triggerStatusMap = {
|
||||||
|
'0': 'OK',
|
||||||
|
'1': 'Problem'
|
||||||
|
};
|
||||||
|
|
||||||
|
_export('TriggerPanelCtrl', TriggerPanelCtrl = function (_PanelCtrl) {
|
||||||
|
_inherits(TriggerPanelCtrl, _PanelCtrl);
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
function TriggerPanelCtrl($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) {
|
||||||
|
_classCallCheck(this, TriggerPanelCtrl);
|
||||||
|
|
||||||
|
var _this = _possibleConstructorReturn(this, (TriggerPanelCtrl.__proto__ || Object.getPrototypeOf(TriggerPanelCtrl)).call(this, $scope, $injector));
|
||||||
|
|
||||||
|
_this.datasourceSrv = datasourceSrv;
|
||||||
|
_this.templateSrv = templateSrv;
|
||||||
|
_this.contextSrv = contextSrv;
|
||||||
|
_this.dashboardSrv = dashboardSrv;
|
||||||
|
|
||||||
|
_this.editorTabIndex = 1;
|
||||||
|
_this.triggerStatusMap = triggerStatusMap;
|
||||||
|
_this.defaultTimeFormat = DEFAULT_TIME_FORMAT;
|
||||||
|
_this.pageIndex = 0;
|
||||||
|
_this.triggerList = [];
|
||||||
|
_this.currentTriggersPage = [];
|
||||||
|
_this.datasources = {};
|
||||||
|
|
||||||
|
_this.panel = migratePanelSchema(_this.panel);
|
||||||
|
_.defaults(_this.panel, _.cloneDeep(panelDefaults));
|
||||||
|
|
||||||
|
_this.available_datasources = _.map(_this.getZabbixDataSources(), 'name');
|
||||||
|
if (_this.panel.datasources.length === 0) {
|
||||||
|
_this.panel.datasources.push(_this.available_datasources[0]);
|
||||||
|
}
|
||||||
|
if (_.isEmpty(_this.panel.targets)) {
|
||||||
|
_this.panel.targets[_this.panel.datasources[0]] = DEFAULT_TARGET;
|
||||||
|
}
|
||||||
|
|
||||||
|
_this.initDatasources();
|
||||||
|
_this.events.on('init-edit-mode', _this.onInitEditMode.bind(_this));
|
||||||
|
_this.events.on('refresh', _this.onRefresh.bind(_this));
|
||||||
|
return _this;
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(TriggerPanelCtrl, [{
|
||||||
|
key: 'initDatasources',
|
||||||
|
value: function initDatasources() {
|
||||||
|
var _this2 = this;
|
||||||
|
|
||||||
|
var promises = _.map(this.panel.datasources, function (ds) {
|
||||||
|
// Load datasource
|
||||||
|
return _this2.datasourceSrv.get(ds).then(function (datasource) {
|
||||||
|
_this2.datasources[ds] = datasource;
|
||||||
|
return datasource;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return Promise.all(promises);
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'getZabbixDataSources',
|
||||||
|
value: function getZabbixDataSources() {
|
||||||
|
return _.filter(this.datasourceSrv.getMetricSources(), function (datasource) {
|
||||||
|
return datasource.meta.id === ZABBIX_DS_ID && datasource.value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'onInitEditMode',
|
||||||
|
value: function onInitEditMode() {
|
||||||
|
this.addEditorTab('Triggers', triggerPanelTriggersTab, 1);
|
||||||
|
this.addEditorTab('Options', triggerPanelOptionsTab, 2);
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'setTimeQueryStart',
|
||||||
|
value: function setTimeQueryStart() {
|
||||||
|
this.timing.queryStart = new Date().getTime();
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'setTimeQueryEnd',
|
||||||
|
value: function setTimeQueryEnd() {
|
||||||
|
this.timing.queryEnd = new Date().getTime();
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'onRefresh',
|
||||||
|
value: function onRefresh() {
|
||||||
|
var _this3 = this;
|
||||||
|
|
||||||
|
// ignore fetching data if another panel is in fullscreen
|
||||||
|
if (this.otherPanelInFullscreenMode()) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// clear loading/error state
|
||||||
|
delete this.error;
|
||||||
|
this.loading = true;
|
||||||
|
this.setTimeQueryStart();
|
||||||
|
|
||||||
|
return this.getTriggers().then(function (triggerList) {
|
||||||
|
// Notify panel that request is finished
|
||||||
|
_this3.loading = false;
|
||||||
|
_this3.setTimeQueryEnd();
|
||||||
|
|
||||||
|
// Limit triggers number
|
||||||
|
_this3.triggerList = triggerList.slice(0, _this3.panel.limit);
|
||||||
|
_this3.getCurrentTriggersPage();
|
||||||
|
_this3.render(_this3.triggerList);
|
||||||
|
}).catch(function (err) {
|
||||||
|
// if cancelled keep loading set to true
|
||||||
|
if (err.cancelled) {
|
||||||
|
console.log('Panel request cancelled', err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
_this3.loading = false;
|
||||||
|
_this3.error = err.message || "Request Error";
|
||||||
|
|
||||||
|
if (err.data) {
|
||||||
|
if (err.data.message) {
|
||||||
|
_this3.error = err.data.message;
|
||||||
|
}
|
||||||
|
if (err.data.error) {
|
||||||
|
_this3.error = err.data.error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
_this3.events.emit('data-error', err);
|
||||||
|
console.log('Panel data error:', err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'getTriggers',
|
||||||
|
value: function getTriggers() {
|
||||||
|
var _this4 = this;
|
||||||
|
|
||||||
|
var promises = _.map(this.panel.datasources, function (ds) {
|
||||||
|
return _this4.datasourceSrv.get(ds).then(function (datasource) {
|
||||||
|
var zabbix = datasource.zabbix;
|
||||||
|
var showEvents = _this4.panel.showEvents.value;
|
||||||
|
var triggerFilter = _this4.panel.targets[ds];
|
||||||
|
var hideHostsInMaintenance = _this4.panel.hideHostsInMaintenance;
|
||||||
|
|
||||||
|
// Replace template variables
|
||||||
|
var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter);
|
||||||
|
var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter);
|
||||||
|
var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter);
|
||||||
|
|
||||||
|
var triggersOptions = {
|
||||||
|
showTriggers: showEvents,
|
||||||
|
hideHostsInMaintenance: hideHostsInMaintenance
|
||||||
|
};
|
||||||
|
|
||||||
|
return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions);
|
||||||
|
}).then(function (triggers) {
|
||||||
|
return _this4.getAcknowledges(triggers, ds);
|
||||||
|
}).then(function (triggers) {
|
||||||
|
return _this4.filterTriggers(triggers, ds);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
return Promise.all(promises).then(function (results) {
|
||||||
|
return _.flatten(results);
|
||||||
|
}).then(function (triggers) {
|
||||||
|
return _this4.sortTriggers(triggers);
|
||||||
|
}).then(function (triggers) {
|
||||||
|
return _.map(triggers, _this4.formatTrigger.bind(_this4));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'getAcknowledges',
|
||||||
|
value: function getAcknowledges(triggerList, ds) {
|
||||||
|
var _this5 = this;
|
||||||
|
|
||||||
|
// Request acknowledges for trigger
|
||||||
|
var eventids = _.map(triggerList, function (trigger) {
|
||||||
|
return trigger.lastEvent.eventid;
|
||||||
|
});
|
||||||
|
|
||||||
|
return this.datasources[ds].zabbix.getAcknowledges(eventids).then(function (events) {
|
||||||
|
|
||||||
|
// Map events to triggers
|
||||||
|
_.each(triggerList, function (trigger) {
|
||||||
|
var event = _.find(events, function (event) {
|
||||||
|
return event.eventid === trigger.lastEvent.eventid;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (event) {
|
||||||
|
trigger.acknowledges = _.map(event.acknowledges, function (ack) {
|
||||||
|
var timestamp = moment.unix(ack.clock);
|
||||||
|
if (_this5.panel.customLastChangeFormat) {
|
||||||
|
ack.time = timestamp.format(_this5.panel.lastChangeFormat);
|
||||||
|
} else {
|
||||||
|
ack.time = timestamp.format(_this5.defaultTimeFormat);
|
||||||
|
}
|
||||||
|
ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')';
|
||||||
|
return ack;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Mark acknowledged triggers with different color
|
||||||
|
if (_this5.panel.markAckEvents && trigger.acknowledges.length) {
|
||||||
|
trigger.color = _this5.panel.ackEventColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return triggerList;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'filterTriggers',
|
||||||
|
value: function filterTriggers(triggerList, ds) {
|
||||||
|
var _this6 = this;
|
||||||
|
|
||||||
|
// Filter triggers by description
|
||||||
|
var triggerFilter = this.panel.targets[ds].trigger.filter;
|
||||||
|
triggerFilter = this.datasources[ds].replaceTemplateVars(triggerFilter);
|
||||||
|
if (triggerFilter) {
|
||||||
|
triggerList = _filterTriggers(triggerList, triggerFilter);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Filter acknowledged triggers
|
||||||
|
if (this.panel.showTriggers === 'unacknowledged') {
|
||||||
|
triggerList = _.filter(triggerList, function (trigger) {
|
||||||
|
return !trigger.acknowledges;
|
||||||
|
});
|
||||||
|
} else if (this.panel.showTriggers === 'acknowledged') {
|
||||||
|
triggerList = _.filter(triggerList, 'acknowledges');
|
||||||
|
} else {
|
||||||
|
triggerList = triggerList;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Filter triggers by severity
|
||||||
|
triggerList = _.filter(triggerList, function (trigger) {
|
||||||
|
return _this6.panel.triggerSeverity[trigger.priority].show;
|
||||||
|
});
|
||||||
|
|
||||||
|
return triggerList;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'sortTriggers',
|
||||||
|
value: function sortTriggers(triggerList) {
|
||||||
|
if (this.panel.sortTriggersBy.value === 'priority') {
|
||||||
|
triggerList = _.sortBy(triggerList, 'priority').reverse();
|
||||||
|
} else {
|
||||||
|
triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse();
|
||||||
|
}
|
||||||
|
return triggerList;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'formatTrigger',
|
||||||
|
value: function formatTrigger(trigger) {
|
||||||
|
var triggerObj = trigger;
|
||||||
|
|
||||||
|
// Format last change and age
|
||||||
|
trigger.lastchangeUnix = Number(trigger.lastchange);
|
||||||
|
var timestamp = moment.unix(trigger.lastchangeUnix);
|
||||||
|
if (this.panel.customLastChangeFormat) {
|
||||||
|
// User defined format
|
||||||
|
triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat);
|
||||||
|
} else {
|
||||||
|
triggerObj.lastchange = timestamp.format(this.defaultTimeFormat);
|
||||||
|
}
|
||||||
|
triggerObj.age = timestamp.fromNow(true);
|
||||||
|
|
||||||
|
// Set host that the trigger belongs
|
||||||
|
if (trigger.hosts.length) {
|
||||||
|
triggerObj.host = trigger.hosts[0].name;
|
||||||
|
triggerObj.hostTechName = trigger.hosts[0].host;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set color
|
||||||
|
if (trigger.value === '1') {
|
||||||
|
// Problem state
|
||||||
|
triggerObj.color = this.panel.triggerSeverity[trigger.priority].color;
|
||||||
|
} else {
|
||||||
|
// OK state
|
||||||
|
triggerObj.color = this.panel.okEventColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity;
|
||||||
|
return triggerObj;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'switchComment',
|
||||||
|
value: function switchComment(trigger) {
|
||||||
|
trigger.showComment = !trigger.showComment;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'acknowledgeTrigger',
|
||||||
|
value: function acknowledgeTrigger(trigger, message) {
|
||||||
|
var eventid = trigger.lastEvent.eventid;
|
||||||
|
var grafana_user = this.contextSrv.user.name;
|
||||||
|
var ack_message = grafana_user + ' (Grafana): ' + message;
|
||||||
|
return this.datasourceSrv.get(this.panel.datasource).then(function (datasource) {
|
||||||
|
var zabbixAPI = datasource.zabbix.zabbixAPI;
|
||||||
|
return zabbixAPI.acknowledgeEvent(eventid, ack_message);
|
||||||
|
}).then(this.onRefresh.bind(this));
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'getCurrentTriggersPage',
|
||||||
|
value: function getCurrentTriggersPage() {
|
||||||
|
var pageSize = this.panel.pageSize || 10;
|
||||||
|
var startPos = this.pageIndex * pageSize;
|
||||||
|
var endPos = Math.min(startPos + pageSize, this.triggerList.length);
|
||||||
|
this.currentTriggersPage = this.triggerList.slice(startPos, endPos);
|
||||||
|
return this.currentTriggersPage;
|
||||||
|
}
|
||||||
|
}, {
|
||||||
|
key: 'link',
|
||||||
|
value: function link(scope, elem, attrs, ctrl) {
|
||||||
|
var data;
|
||||||
|
var panel = ctrl.panel;
|
||||||
|
var pageCount = 0;
|
||||||
|
data = ctrl.triggerList;
|
||||||
|
|
||||||
|
function getTableHeight() {
|
||||||
|
var panelHeight = ctrl.height;
|
||||||
|
|
||||||
|
if (pageCount > 1) {
|
||||||
|
panelHeight -= 26;
|
||||||
|
}
|
||||||
|
|
||||||
|
return panelHeight - 31 + 'px';
|
||||||
|
}
|
||||||
|
|
||||||
|
function switchPage(e) {
|
||||||
|
var el = $(e.currentTarget);
|
||||||
|
ctrl.pageIndex = parseInt(el.text(), 10) - 1;
|
||||||
|
|
||||||
|
var pageSize = ctrl.panel.pageSize || 10;
|
||||||
|
var startPos = ctrl.pageIndex * pageSize;
|
||||||
|
var endPos = Math.min(startPos + pageSize, ctrl.triggerList.length);
|
||||||
|
ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos);
|
||||||
|
|
||||||
|
scope.$apply(function () {
|
||||||
|
renderPanel();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function appendPaginationControls(footerElem) {
|
||||||
|
footerElem.empty();
|
||||||
|
|
||||||
|
var pageSize = ctrl.panel.pageSize || 5;
|
||||||
|
pageCount = Math.ceil(data.length / pageSize);
|
||||||
|
if (pageCount === 1) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var startPage = Math.max(ctrl.pageIndex - 3, 0);
|
||||||
|
var endPage = Math.min(pageCount, startPage + 9);
|
||||||
|
|
||||||
|
var paginationList = $('<ul></ul>');
|
||||||
|
|
||||||
|
for (var i = startPage; i < endPage; i++) {
|
||||||
|
var activeClass = i === ctrl.pageIndex ? 'active' : '';
|
||||||
|
var pageLinkElem = $('<li><a class="triggers-panel-page-link pointer ' + activeClass + '">' + (i + 1) + '</a></li>');
|
||||||
|
paginationList.append(pageLinkElem);
|
||||||
|
}
|
||||||
|
|
||||||
|
footerElem.append(paginationList);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderPanel() {
|
||||||
|
var panelElem = elem.parents('.panel');
|
||||||
|
var rootElem = elem.find('.triggers-panel-scroll');
|
||||||
|
var footerElem = elem.find('.triggers-panel-footer');
|
||||||
|
|
||||||
|
elem.css({ 'font-size': panel.fontSize });
|
||||||
|
panelElem.addClass('triggers-panel-wrapper');
|
||||||
|
appendPaginationControls(footerElem);
|
||||||
|
|
||||||
|
rootElem.css({ 'max-height': panel.scroll ? getTableHeight() : '' });
|
||||||
|
ctrl.renderingCompleted();
|
||||||
|
}
|
||||||
|
|
||||||
|
elem.on('click', '.triggers-panel-page-link', switchPage);
|
||||||
|
|
||||||
|
var unbindDestroy = scope.$on('$destroy', function () {
|
||||||
|
elem.off('click', '.triggers-panel-page-link');
|
||||||
|
unbindDestroy();
|
||||||
|
});
|
||||||
|
|
||||||
|
ctrl.events.on('render', function (renderData) {
|
||||||
|
data = renderData || data;
|
||||||
|
if (data) {
|
||||||
|
scope.$apply(function () {
|
||||||
|
renderPanel();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return TriggerPanelCtrl;
|
||||||
|
}(PanelCtrl));
|
||||||
|
|
||||||
|
_export('TriggerPanelCtrl', TriggerPanelCtrl);
|
||||||
|
|
||||||
|
TriggerPanelCtrl.templateUrl = 'panel-triggers/module.html';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
//# sourceMappingURL=triggers_panel_ctrl.js.map
|
||||||
1
dist/panel-triggers/triggers_panel_ctrl.js.map
vendored
Normal file
1
dist/panel-triggers/triggers_panel_ctrl.js.map
vendored
Normal file
File diff suppressed because one or more lines are too long
6
dist/panel-triggers/triggers_tab.js
vendored
6
dist/panel-triggers/triggers_tab.js
vendored
@@ -1,6 +1,6 @@
|
|||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
System.register(['lodash', '../datasource-zabbix/utils', './datasource-selector.directive', '../datasource-zabbix/css/query-editor.css!', './module'], function (_export, _context) {
|
System.register(['lodash', '../datasource-zabbix/utils', './datasource-selector.directive', '../datasource-zabbix/css/query-editor.css!', './triggers_panel_ctrl'], function (_export, _context) {
|
||||||
"use strict";
|
"use strict";
|
||||||
|
|
||||||
var _, utils, DEFAULT_TARGET, _createClass, TriggersTabCtrl;
|
var _, utils, DEFAULT_TARGET, _createClass, TriggersTabCtrl;
|
||||||
@@ -27,8 +27,8 @@ System.register(['lodash', '../datasource-zabbix/utils', './datasource-selector.
|
|||||||
_ = _lodash.default;
|
_ = _lodash.default;
|
||||||
}, function (_datasourceZabbixUtils) {
|
}, function (_datasourceZabbixUtils) {
|
||||||
utils = _datasourceZabbixUtils;
|
utils = _datasourceZabbixUtils;
|
||||||
}, function (_datasourceSelectorDirective) {}, function (_datasourceZabbixCssQueryEditorCss) {}, function (_module) {
|
}, function (_datasourceSelectorDirective) {}, function (_datasourceZabbixCssQueryEditorCss) {}, function (_triggers_panel_ctrl) {
|
||||||
DEFAULT_TARGET = _module.DEFAULT_TARGET;
|
DEFAULT_TARGET = _triggers_panel_ctrl.DEFAULT_TARGET;
|
||||||
}],
|
}],
|
||||||
execute: function () {
|
execute: function () {
|
||||||
_createClass = function () {
|
_createClass = function () {
|
||||||
|
|||||||
2
dist/panel-triggers/triggers_tab.js.map
vendored
2
dist/panel-triggers/triggers_tab.js.map
vendored
File diff suppressed because one or more lines are too long
@@ -5,6 +5,7 @@
|
|||||||
"description": "Zabbix plugin for Grafana",
|
"description": "Zabbix plugin for Grafana",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"test": "jest",
|
"test": "jest",
|
||||||
|
"jest": "jest --notify --watch",
|
||||||
"build": "grunt && jest",
|
"build": "grunt && jest",
|
||||||
"watch": "grunt watch",
|
"watch": "grunt watch",
|
||||||
"codecov": "grunt && jest --coverage && codecov",
|
"codecov": "grunt && jest --coverage && codecov",
|
||||||
@@ -50,7 +51,8 @@
|
|||||||
"tether-drop": "^1.4.2"
|
"tether-drop": "^1.4.2"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"lodash": "~4.0.0"
|
"lodash": "~4.0.0",
|
||||||
|
"systemjs": "^0.20.19"
|
||||||
},
|
},
|
||||||
"homepage": "http://grafana-zabbix.org"
|
"homepage": "http://grafana-zabbix.org"
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,9 +1,18 @@
|
|||||||
export function migratePanelSchema(panel) {
|
export function migratePanelSchema(panel) {
|
||||||
|
if (isEmptyPanel(panel)) {
|
||||||
|
return panel;
|
||||||
|
}
|
||||||
|
|
||||||
const schemaVersion = getSchemaVersion(panel);
|
const schemaVersion = getSchemaVersion(panel);
|
||||||
switch (schemaVersion) {
|
switch (schemaVersion) {
|
||||||
case 1:
|
case 1:
|
||||||
panel.datasources = [panel.datasource];
|
panel.datasources = [panel.datasource];
|
||||||
|
panel.targets = {};
|
||||||
panel.targets[panel.datasources[0]] = panel.triggers;
|
panel.targets[panel.datasources[0]] = panel.triggers;
|
||||||
|
|
||||||
|
// delete old props
|
||||||
|
delete panel.triggers;
|
||||||
|
delete panel.datasource;
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -13,3 +22,7 @@ export function migratePanelSchema(panel) {
|
|||||||
function getSchemaVersion(panel) {
|
function getSchemaVersion(panel) {
|
||||||
return panel.schemaVersion || 1;
|
return panel.schemaVersion || 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function isEmptyPanel(panel) {
|
||||||
|
return !panel.datasource && !panel.datasources && !panel.triggers && !panel.targets;
|
||||||
|
}
|
||||||
|
|||||||
@@ -11,15 +11,8 @@
|
|||||||
* Licensed under the Apache License, Version 2.0
|
* Licensed under the Apache License, Version 2.0
|
||||||
*/
|
*/
|
||||||
|
|
||||||
import _ from 'lodash';
|
import {TriggerPanelCtrl} from './triggers_panel_ctrl';
|
||||||
import $ from 'jquery';
|
|
||||||
import moment from 'moment';
|
|
||||||
import {loadPluginCss} from 'app/plugins/sdk';
|
import {loadPluginCss} from 'app/plugins/sdk';
|
||||||
import * as utils from '../datasource-zabbix/utils';
|
|
||||||
import {PanelCtrl} from 'app/plugins/sdk';
|
|
||||||
import {triggerPanelOptionsTab} from './options_tab';
|
|
||||||
import {triggerPanelTriggersTab} from './triggers_tab';
|
|
||||||
import {migratePanelSchema} from './migrations';
|
|
||||||
import './ack-tooltip.directive';
|
import './ack-tooltip.directive';
|
||||||
|
|
||||||
loadPluginCss({
|
loadPluginCss({
|
||||||
@@ -27,436 +20,6 @@ loadPluginCss({
|
|||||||
light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
|
light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'
|
||||||
});
|
});
|
||||||
|
|
||||||
const ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource';
|
|
||||||
|
|
||||||
export const DEFAULT_TARGET = {
|
|
||||||
group: {filter: ""},
|
|
||||||
host: {filter: ""},
|
|
||||||
application: {filter: ""},
|
|
||||||
trigger: {filter: ""}
|
|
||||||
};
|
|
||||||
|
|
||||||
const defaultSeverity = [
|
|
||||||
{ priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true },
|
|
||||||
{ priority: 1, severity: 'Information', color: '#82B5D8', show: true },
|
|
||||||
{ priority: 2, severity: 'Warning', color: '#E5AC0E', show: true },
|
|
||||||
{ priority: 3, severity: 'Average', color: '#C15C17', show: true },
|
|
||||||
{ priority: 4, severity: 'High', color: '#BF1B00', show: true },
|
|
||||||
{ priority: 5, severity: 'Disaster', color: '#890F02', show: true }
|
|
||||||
];
|
|
||||||
|
|
||||||
const DEFAULT_TIME_FORMAT = "DD MMM YYYY HH:mm:ss";
|
|
||||||
|
|
||||||
const panelDefaults = {
|
|
||||||
schemaVersion: 2,
|
|
||||||
datasources: [],
|
|
||||||
targets: {},
|
|
||||||
// Fields
|
|
||||||
hostField: true,
|
|
||||||
statusField: false,
|
|
||||||
severityField: false,
|
|
||||||
lastChangeField: true,
|
|
||||||
ageField: true,
|
|
||||||
infoField: true,
|
|
||||||
// Options
|
|
||||||
hideHostsInMaintenance: false,
|
|
||||||
showTriggers: 'all triggers',
|
|
||||||
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
|
||||||
showEvents: { text: 'Problems', value: '1' },
|
|
||||||
limit: 10,
|
|
||||||
// View options
|
|
||||||
fontSize: '100%',
|
|
||||||
pageSize: 10,
|
|
||||||
scroll: true,
|
|
||||||
customLastChangeFormat: false,
|
|
||||||
lastChangeFormat: "",
|
|
||||||
// Triggers severity and colors
|
|
||||||
triggerSeverity: defaultSeverity,
|
|
||||||
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
|
||||||
ackEventColor: 'rgba(0, 0, 0, 0)'
|
|
||||||
};
|
|
||||||
|
|
||||||
const triggerStatusMap = {
|
|
||||||
'0': 'OK',
|
|
||||||
'1': 'Problem'
|
|
||||||
};
|
|
||||||
|
|
||||||
class TriggerPanelCtrl extends PanelCtrl {
|
|
||||||
|
|
||||||
/** @ngInject */
|
|
||||||
constructor($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) {
|
|
||||||
super($scope, $injector);
|
|
||||||
this.datasourceSrv = datasourceSrv;
|
|
||||||
this.templateSrv = templateSrv;
|
|
||||||
this.contextSrv = contextSrv;
|
|
||||||
this.dashboardSrv = dashboardSrv;
|
|
||||||
|
|
||||||
this.editorTabIndex = 1;
|
|
||||||
this.triggerStatusMap = triggerStatusMap;
|
|
||||||
this.defaultTimeFormat = DEFAULT_TIME_FORMAT;
|
|
||||||
this.pageIndex = 0;
|
|
||||||
this.triggerList = [];
|
|
||||||
this.currentTriggersPage = [];
|
|
||||||
this.datasources = {};
|
|
||||||
|
|
||||||
_.defaults(this.panel, _.cloneDeep(panelDefaults));
|
|
||||||
this.panel = migratePanelSchema(this.panel);
|
|
||||||
|
|
||||||
this.available_datasources = _.map(this.getZabbixDataSources(), 'name');
|
|
||||||
if (this.panel.datasources.length === 0) {
|
|
||||||
this.panel.datasources.push(this.available_datasources[0]);
|
|
||||||
}
|
|
||||||
if (_.isEmpty(this.panel.targets)) {
|
|
||||||
this.panel.targets[this.panel.datasources[0]] = DEFAULT_TARGET;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.initDatasources();
|
|
||||||
this.events.on('init-edit-mode', this.onInitEditMode.bind(this));
|
|
||||||
this.events.on('refresh', this.onRefresh.bind(this));
|
|
||||||
}
|
|
||||||
|
|
||||||
initDatasources() {
|
|
||||||
let promises = _.map(this.panel.datasources, (ds) => {
|
|
||||||
// Load datasource
|
|
||||||
return this.datasourceSrv.get(ds)
|
|
||||||
.then(datasource => {
|
|
||||||
this.datasources[ds] = datasource;
|
|
||||||
return datasource;
|
|
||||||
});
|
|
||||||
});
|
|
||||||
return Promise.all(promises);
|
|
||||||
}
|
|
||||||
|
|
||||||
getZabbixDataSources() {
|
|
||||||
return _.filter(this.datasourceSrv.getMetricSources(), datasource => {
|
|
||||||
return datasource.meta.id === ZABBIX_DS_ID && datasource.value;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
onInitEditMode() {
|
|
||||||
this.addEditorTab('Triggers', triggerPanelTriggersTab, 1);
|
|
||||||
this.addEditorTab('Options', triggerPanelOptionsTab, 2);
|
|
||||||
}
|
|
||||||
|
|
||||||
setTimeQueryStart() {
|
|
||||||
this.timing.queryStart = new Date().getTime();
|
|
||||||
}
|
|
||||||
|
|
||||||
setTimeQueryEnd() {
|
|
||||||
this.timing.queryEnd = new Date().getTime();
|
|
||||||
}
|
|
||||||
|
|
||||||
onRefresh() {
|
|
||||||
// ignore fetching data if another panel is in fullscreen
|
|
||||||
if (this.otherPanelInFullscreenMode()) { return; }
|
|
||||||
|
|
||||||
// clear loading/error state
|
|
||||||
delete this.error;
|
|
||||||
this.loading = true;
|
|
||||||
this.setTimeQueryStart();
|
|
||||||
|
|
||||||
return this.getTriggers()
|
|
||||||
.then(triggerList => {
|
|
||||||
// Notify panel that request is finished
|
|
||||||
this.loading = false;
|
|
||||||
this.setTimeQueryEnd();
|
|
||||||
|
|
||||||
// Limit triggers number
|
|
||||||
this.triggerList = triggerList.slice(0, this.panel.limit);
|
|
||||||
this.getCurrentTriggersPage();
|
|
||||||
this.render(this.triggerList);
|
|
||||||
})
|
|
||||||
.catch(err => {
|
|
||||||
// if cancelled keep loading set to true
|
|
||||||
if (err.cancelled) {
|
|
||||||
console.log('Panel request cancelled', err);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.loading = false;
|
|
||||||
this.error = err.message || "Request Error";
|
|
||||||
|
|
||||||
if (err.data) {
|
|
||||||
if (err.data.message) {
|
|
||||||
this.error = err.data.message;
|
|
||||||
}
|
|
||||||
if (err.data.error) {
|
|
||||||
this.error = err.data.error;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
this.events.emit('data-error', err);
|
|
||||||
console.log('Panel data error:', err);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getTriggers() {
|
|
||||||
let promises = _.map(this.panel.datasources, (ds) => {
|
|
||||||
return this.datasourceSrv.get(ds)
|
|
||||||
.then(datasource => {
|
|
||||||
var zabbix = datasource.zabbix;
|
|
||||||
var showEvents = this.panel.showEvents.value;
|
|
||||||
var triggerFilter = this.panel.targets[ds];
|
|
||||||
var hideHostsInMaintenance = this.panel.hideHostsInMaintenance;
|
|
||||||
|
|
||||||
// Replace template variables
|
|
||||||
var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter);
|
|
||||||
var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter);
|
|
||||||
var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter);
|
|
||||||
|
|
||||||
let triggersOptions = {
|
|
||||||
showTriggers: showEvents,
|
|
||||||
hideHostsInMaintenance: hideHostsInMaintenance
|
|
||||||
};
|
|
||||||
|
|
||||||
return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions);
|
|
||||||
}).then((triggers) => {
|
|
||||||
return this.getAcknowledges(triggers, ds);
|
|
||||||
}).then((triggers) => {
|
|
||||||
return this.filterTriggers(triggers, ds);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
return Promise.all(promises)
|
|
||||||
.then(results => _.flatten(results))
|
|
||||||
.then((triggers) => {
|
|
||||||
return this.sortTriggers(triggers);
|
|
||||||
})
|
|
||||||
.then(triggers => {
|
|
||||||
return _.map(triggers, this.formatTrigger.bind(this));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
getAcknowledges(triggerList, ds) {
|
|
||||||
// Request acknowledges for trigger
|
|
||||||
var eventids = _.map(triggerList, trigger => {
|
|
||||||
return trigger.lastEvent.eventid;
|
|
||||||
});
|
|
||||||
|
|
||||||
return this.datasources[ds].zabbix.getAcknowledges(eventids)
|
|
||||||
.then(events => {
|
|
||||||
|
|
||||||
// Map events to triggers
|
|
||||||
_.each(triggerList, trigger => {
|
|
||||||
var event = _.find(events, event => {
|
|
||||||
return event.eventid === trigger.lastEvent.eventid;
|
|
||||||
});
|
|
||||||
|
|
||||||
if (event) {
|
|
||||||
trigger.acknowledges = _.map(event.acknowledges, ack => {
|
|
||||||
let timestamp = moment.unix(ack.clock);
|
|
||||||
if (this.panel.customLastChangeFormat) {
|
|
||||||
ack.time = timestamp.format(this.panel.lastChangeFormat);
|
|
||||||
} else {
|
|
||||||
ack.time = timestamp.format(this.defaultTimeFormat);
|
|
||||||
}
|
|
||||||
ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')';
|
|
||||||
return ack;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Mark acknowledged triggers with different color
|
|
||||||
if (this.panel.markAckEvents && trigger.acknowledges.length) {
|
|
||||||
trigger.color = this.panel.ackEventColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
return triggerList;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
filterTriggers(triggerList, ds) {
|
|
||||||
// Filter triggers by description
|
|
||||||
var triggerFilter = this.panel.targets[ds].trigger.filter;
|
|
||||||
triggerFilter = this.datasources[ds].replaceTemplateVars(triggerFilter);
|
|
||||||
if (triggerFilter) {
|
|
||||||
triggerList = filterTriggers(triggerList, triggerFilter);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Filter acknowledged triggers
|
|
||||||
if (this.panel.showTriggers === 'unacknowledged') {
|
|
||||||
triggerList = _.filter(triggerList, trigger => {
|
|
||||||
return !trigger.acknowledges;
|
|
||||||
});
|
|
||||||
} else if (this.panel.showTriggers === 'acknowledged') {
|
|
||||||
triggerList = _.filter(triggerList, 'acknowledges');
|
|
||||||
} else {
|
|
||||||
triggerList = triggerList;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Filter triggers by severity
|
|
||||||
triggerList = _.filter(triggerList, trigger => {
|
|
||||||
return this.panel.triggerSeverity[trigger.priority].show;
|
|
||||||
});
|
|
||||||
|
|
||||||
return triggerList;
|
|
||||||
}
|
|
||||||
|
|
||||||
sortTriggers(triggerList) {
|
|
||||||
if (this.panel.sortTriggersBy.value === 'priority') {
|
|
||||||
triggerList = _.sortBy(triggerList, 'priority').reverse();
|
|
||||||
} else {
|
|
||||||
triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse();
|
|
||||||
}
|
|
||||||
return triggerList;
|
|
||||||
}
|
|
||||||
|
|
||||||
formatTrigger(trigger) {
|
|
||||||
let triggerObj = trigger;
|
|
||||||
|
|
||||||
// Format last change and age
|
|
||||||
trigger.lastchangeUnix = Number(trigger.lastchange);
|
|
||||||
let timestamp = moment.unix(trigger.lastchangeUnix);
|
|
||||||
if (this.panel.customLastChangeFormat) {
|
|
||||||
// User defined format
|
|
||||||
triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat);
|
|
||||||
} else {
|
|
||||||
triggerObj.lastchange = timestamp.format(this.defaultTimeFormat);
|
|
||||||
}
|
|
||||||
triggerObj.age = timestamp.fromNow(true);
|
|
||||||
|
|
||||||
// Set host that the trigger belongs
|
|
||||||
if (trigger.hosts.length) {
|
|
||||||
triggerObj.host = trigger.hosts[0].name;
|
|
||||||
triggerObj.hostTechName = trigger.hosts[0].host;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Set color
|
|
||||||
if (trigger.value === '1') {
|
|
||||||
// Problem state
|
|
||||||
triggerObj.color = this.panel.triggerSeverity[trigger.priority].color;
|
|
||||||
} else {
|
|
||||||
// OK state
|
|
||||||
triggerObj.color = this.panel.okEventColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity;
|
|
||||||
return triggerObj;
|
|
||||||
}
|
|
||||||
|
|
||||||
switchComment(trigger) {
|
|
||||||
trigger.showComment = !trigger.showComment;
|
|
||||||
}
|
|
||||||
|
|
||||||
acknowledgeTrigger(trigger, message) {
|
|
||||||
let eventid = trigger.lastEvent.eventid;
|
|
||||||
let grafana_user = this.contextSrv.user.name;
|
|
||||||
let ack_message = grafana_user + ' (Grafana): ' + message;
|
|
||||||
return this.datasourceSrv.get(this.panel.datasource)
|
|
||||||
.then(datasource => {
|
|
||||||
let zabbixAPI = datasource.zabbix.zabbixAPI;
|
|
||||||
return zabbixAPI.acknowledgeEvent(eventid, ack_message);
|
|
||||||
})
|
|
||||||
.then(this.onRefresh.bind(this));
|
|
||||||
}
|
|
||||||
|
|
||||||
getCurrentTriggersPage() {
|
|
||||||
let pageSize = this.panel.pageSize || 10;
|
|
||||||
let startPos = this.pageIndex * pageSize;
|
|
||||||
let endPos = Math.min(startPos + pageSize, this.triggerList.length);
|
|
||||||
this.currentTriggersPage = this.triggerList.slice(startPos, endPos);
|
|
||||||
return this.currentTriggersPage;
|
|
||||||
}
|
|
||||||
|
|
||||||
link(scope, elem, attrs, ctrl) {
|
|
||||||
var data;
|
|
||||||
var panel = ctrl.panel;
|
|
||||||
var pageCount = 0;
|
|
||||||
data = ctrl.triggerList;
|
|
||||||
|
|
||||||
function getTableHeight() {
|
|
||||||
var panelHeight = ctrl.height;
|
|
||||||
|
|
||||||
if (pageCount > 1) {
|
|
||||||
panelHeight -= 26;
|
|
||||||
}
|
|
||||||
|
|
||||||
return (panelHeight - 31) + 'px';
|
|
||||||
}
|
|
||||||
|
|
||||||
function switchPage(e) {
|
|
||||||
let el = $(e.currentTarget);
|
|
||||||
ctrl.pageIndex = (parseInt(el.text(), 10)-1);
|
|
||||||
|
|
||||||
let pageSize = ctrl.panel.pageSize || 10;
|
|
||||||
let startPos = ctrl.pageIndex * pageSize;
|
|
||||||
let endPos = Math.min(startPos + pageSize, ctrl.triggerList.length);
|
|
||||||
ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos);
|
|
||||||
|
|
||||||
scope.$apply(() => {
|
|
||||||
renderPanel();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function appendPaginationControls(footerElem) {
|
|
||||||
footerElem.empty();
|
|
||||||
|
|
||||||
var pageSize = ctrl.panel.pageSize || 5;
|
|
||||||
pageCount = Math.ceil(data.length / pageSize);
|
|
||||||
if (pageCount === 1) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
var startPage = Math.max(ctrl.pageIndex - 3, 0);
|
|
||||||
var endPage = Math.min(pageCount, startPage + 9);
|
|
||||||
|
|
||||||
var paginationList = $('<ul></ul>');
|
|
||||||
|
|
||||||
for (var i = startPage; i < endPage; i++) {
|
|
||||||
var activeClass = i === ctrl.pageIndex ? 'active' : '';
|
|
||||||
var pageLinkElem = $('<li><a class="triggers-panel-page-link pointer ' + activeClass + '">' + (i+1) + '</a></li>');
|
|
||||||
paginationList.append(pageLinkElem);
|
|
||||||
}
|
|
||||||
|
|
||||||
footerElem.append(paginationList);
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderPanel() {
|
|
||||||
var panelElem = elem.parents('.panel');
|
|
||||||
var rootElem = elem.find('.triggers-panel-scroll');
|
|
||||||
var footerElem = elem.find('.triggers-panel-footer');
|
|
||||||
|
|
||||||
elem.css({'font-size': panel.fontSize});
|
|
||||||
panelElem.addClass('triggers-panel-wrapper');
|
|
||||||
appendPaginationControls(footerElem);
|
|
||||||
|
|
||||||
rootElem.css({'max-height': panel.scroll ? getTableHeight() : '' });
|
|
||||||
ctrl.renderingCompleted();
|
|
||||||
}
|
|
||||||
|
|
||||||
elem.on('click', '.triggers-panel-page-link', switchPage);
|
|
||||||
|
|
||||||
var unbindDestroy = scope.$on('$destroy', function() {
|
|
||||||
elem.off('click', '.triggers-panel-page-link');
|
|
||||||
unbindDestroy();
|
|
||||||
});
|
|
||||||
|
|
||||||
ctrl.events.on('render', (renderData) => {
|
|
||||||
data = renderData || data;
|
|
||||||
if (data) {
|
|
||||||
scope.$apply(() => {
|
|
||||||
renderPanel();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
TriggerPanelCtrl.templateUrl = 'panel-triggers/module.html';
|
|
||||||
|
|
||||||
function filterTriggers(triggers, triggerFilter) {
|
|
||||||
if (utils.isRegex(triggerFilter)) {
|
|
||||||
return _.filter(triggers, function(trigger) {
|
|
||||||
return utils.buildRegex(triggerFilter).test(trigger.description);
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
return _.filter(triggers, function(trigger) {
|
|
||||||
return trigger.description === triggerFilter;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export {
|
export {
|
||||||
TriggerPanelCtrl,
|
|
||||||
TriggerPanelCtrl as PanelCtrl
|
TriggerPanelCtrl as PanelCtrl
|
||||||
};
|
};
|
||||||
|
|||||||
110
src/panel-triggers/specs/migrations.spec.js
Normal file
110
src/panel-triggers/specs/migrations.spec.js
Normal file
@@ -0,0 +1,110 @@
|
|||||||
|
import {TriggerPanelCtrl} from '../triggers_panel_ctrl';
|
||||||
|
import {DEFAULT_TARGET} from '../triggers_panel_ctrl';
|
||||||
|
import {DEFAULT_SEVERITY} from '../triggers_panel_ctrl';
|
||||||
|
|
||||||
|
describe('Triggers Panel schema migration', () => {
|
||||||
|
let ctx = {};
|
||||||
|
let datasourceSrvMock = {
|
||||||
|
getMetricSources: () => {
|
||||||
|
return [{ meta: {id: 'alexanderzobnin-zabbix-datasource'}, value: {}, name: 'zabbix_default' }];
|
||||||
|
},
|
||||||
|
get: () => Promise.resolve({})
|
||||||
|
};
|
||||||
|
|
||||||
|
beforeEach(() => {
|
||||||
|
ctx = {
|
||||||
|
scope: {
|
||||||
|
panel: {
|
||||||
|
datasource: 'zabbix',
|
||||||
|
triggers: DEFAULT_TARGET,
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
limit: 10,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)',
|
||||||
|
scroll: true,
|
||||||
|
pageSize: 10,
|
||||||
|
fontSize: '100%',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should update old panel schema', (done) => {
|
||||||
|
let updatedPanelCtrl = new TriggerPanelCtrl(ctx.scope, {}, {}, datasourceSrvMock, {}, {}, {});
|
||||||
|
|
||||||
|
let expected = {
|
||||||
|
schemaVersion: 2,
|
||||||
|
datasources: ['zabbix'],
|
||||||
|
targets: {
|
||||||
|
'zabbix': DEFAULT_TARGET
|
||||||
|
},
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
limit: 10,
|
||||||
|
fontSize: '100%',
|
||||||
|
pageSize: 10,
|
||||||
|
scroll: true,
|
||||||
|
customLastChangeFormat: false,
|
||||||
|
lastChangeFormat: "",
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)'
|
||||||
|
};
|
||||||
|
|
||||||
|
expect(updatedPanelCtrl.panel).toEqual(expected);
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
|
||||||
|
it('should create new panel with default schema', (done) => {
|
||||||
|
ctx.scope.panel = {};
|
||||||
|
let updatedPanelCtrl = new TriggerPanelCtrl(ctx.scope, {}, {}, datasourceSrvMock, {}, {}, {});
|
||||||
|
|
||||||
|
let expected = {
|
||||||
|
schemaVersion: 2,
|
||||||
|
datasources: ['zabbix_default'],
|
||||||
|
targets: {
|
||||||
|
'zabbix_default': DEFAULT_TARGET
|
||||||
|
},
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
limit: 10,
|
||||||
|
fontSize: '100%',
|
||||||
|
pageSize: 10,
|
||||||
|
scroll: true,
|
||||||
|
customLastChangeFormat: false,
|
||||||
|
lastChangeFormat: "",
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)'
|
||||||
|
};
|
||||||
|
|
||||||
|
expect(updatedPanelCtrl.panel).toEqual(expected);
|
||||||
|
done();
|
||||||
|
});
|
||||||
|
});
|
||||||
437
src/panel-triggers/triggers_panel_ctrl.js
Normal file
437
src/panel-triggers/triggers_panel_ctrl.js
Normal file
@@ -0,0 +1,437 @@
|
|||||||
|
import _ from 'lodash';
|
||||||
|
import $ from 'jquery';
|
||||||
|
import moment from 'moment';
|
||||||
|
import * as utils from '../datasource-zabbix/utils';
|
||||||
|
import {PanelCtrl} from 'app/plugins/sdk';
|
||||||
|
import {triggerPanelOptionsTab} from './options_tab';
|
||||||
|
import {triggerPanelTriggersTab} from './triggers_tab';
|
||||||
|
import {migratePanelSchema} from './migrations';
|
||||||
|
|
||||||
|
const ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource';
|
||||||
|
|
||||||
|
export const DEFAULT_TARGET = {
|
||||||
|
group: {filter: ""},
|
||||||
|
host: {filter: ""},
|
||||||
|
application: {filter: ""},
|
||||||
|
trigger: {filter: ""}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const DEFAULT_SEVERITY = [
|
||||||
|
{ priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true },
|
||||||
|
{ priority: 1, severity: 'Information', color: '#82B5D8', show: true },
|
||||||
|
{ priority: 2, severity: 'Warning', color: '#E5AC0E', show: true },
|
||||||
|
{ priority: 3, severity: 'Average', color: '#C15C17', show: true },
|
||||||
|
{ priority: 4, severity: 'High', color: '#BF1B00', show: true },
|
||||||
|
{ priority: 5, severity: 'Disaster', color: '#890F02', show: true }
|
||||||
|
];
|
||||||
|
|
||||||
|
const DEFAULT_TIME_FORMAT = "DD MMM YYYY HH:mm:ss";
|
||||||
|
|
||||||
|
const panelDefaults = {
|
||||||
|
schemaVersion: 2,
|
||||||
|
datasources: [],
|
||||||
|
targets: {},
|
||||||
|
// Fields
|
||||||
|
hostField: true,
|
||||||
|
statusField: false,
|
||||||
|
severityField: false,
|
||||||
|
lastChangeField: true,
|
||||||
|
ageField: true,
|
||||||
|
infoField: true,
|
||||||
|
// Options
|
||||||
|
hideHostsInMaintenance: false,
|
||||||
|
showTriggers: 'all triggers',
|
||||||
|
sortTriggersBy: { text: 'last change', value: 'lastchange' },
|
||||||
|
showEvents: { text: 'Problems', value: '1' },
|
||||||
|
limit: 10,
|
||||||
|
// View options
|
||||||
|
fontSize: '100%',
|
||||||
|
pageSize: 10,
|
||||||
|
scroll: true,
|
||||||
|
customLastChangeFormat: false,
|
||||||
|
lastChangeFormat: "",
|
||||||
|
// Triggers severity and colors
|
||||||
|
triggerSeverity: DEFAULT_SEVERITY,
|
||||||
|
okEventColor: 'rgba(0, 245, 153, 0.45)',
|
||||||
|
ackEventColor: 'rgba(0, 0, 0, 0)'
|
||||||
|
};
|
||||||
|
|
||||||
|
const triggerStatusMap = {
|
||||||
|
'0': 'OK',
|
||||||
|
'1': 'Problem'
|
||||||
|
};
|
||||||
|
|
||||||
|
export class TriggerPanelCtrl extends PanelCtrl {
|
||||||
|
|
||||||
|
/** @ngInject */
|
||||||
|
constructor($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) {
|
||||||
|
super($scope, $injector);
|
||||||
|
this.datasourceSrv = datasourceSrv;
|
||||||
|
this.templateSrv = templateSrv;
|
||||||
|
this.contextSrv = contextSrv;
|
||||||
|
this.dashboardSrv = dashboardSrv;
|
||||||
|
|
||||||
|
this.editorTabIndex = 1;
|
||||||
|
this.triggerStatusMap = triggerStatusMap;
|
||||||
|
this.defaultTimeFormat = DEFAULT_TIME_FORMAT;
|
||||||
|
this.pageIndex = 0;
|
||||||
|
this.triggerList = [];
|
||||||
|
this.currentTriggersPage = [];
|
||||||
|
this.datasources = {};
|
||||||
|
|
||||||
|
this.panel = migratePanelSchema(this.panel);
|
||||||
|
_.defaults(this.panel, _.cloneDeep(panelDefaults));
|
||||||
|
|
||||||
|
this.available_datasources = _.map(this.getZabbixDataSources(), 'name');
|
||||||
|
if (this.panel.datasources.length === 0) {
|
||||||
|
this.panel.datasources.push(this.available_datasources[0]);
|
||||||
|
}
|
||||||
|
if (_.isEmpty(this.panel.targets)) {
|
||||||
|
this.panel.targets[this.panel.datasources[0]] = DEFAULT_TARGET;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.initDatasources();
|
||||||
|
this.events.on('init-edit-mode', this.onInitEditMode.bind(this));
|
||||||
|
this.events.on('refresh', this.onRefresh.bind(this));
|
||||||
|
}
|
||||||
|
|
||||||
|
initDatasources() {
|
||||||
|
let promises = _.map(this.panel.datasources, (ds) => {
|
||||||
|
// Load datasource
|
||||||
|
return this.datasourceSrv.get(ds)
|
||||||
|
.then(datasource => {
|
||||||
|
this.datasources[ds] = datasource;
|
||||||
|
return datasource;
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return Promise.all(promises);
|
||||||
|
}
|
||||||
|
|
||||||
|
getZabbixDataSources() {
|
||||||
|
return _.filter(this.datasourceSrv.getMetricSources(), datasource => {
|
||||||
|
return datasource.meta.id === ZABBIX_DS_ID && datasource.value;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
onInitEditMode() {
|
||||||
|
this.addEditorTab('Triggers', triggerPanelTriggersTab, 1);
|
||||||
|
this.addEditorTab('Options', triggerPanelOptionsTab, 2);
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeQueryStart() {
|
||||||
|
this.timing.queryStart = new Date().getTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
setTimeQueryEnd() {
|
||||||
|
this.timing.queryEnd = new Date().getTime();
|
||||||
|
}
|
||||||
|
|
||||||
|
onRefresh() {
|
||||||
|
// ignore fetching data if another panel is in fullscreen
|
||||||
|
if (this.otherPanelInFullscreenMode()) { return; }
|
||||||
|
|
||||||
|
// clear loading/error state
|
||||||
|
delete this.error;
|
||||||
|
this.loading = true;
|
||||||
|
this.setTimeQueryStart();
|
||||||
|
|
||||||
|
return this.getTriggers()
|
||||||
|
.then(triggerList => {
|
||||||
|
// Notify panel that request is finished
|
||||||
|
this.loading = false;
|
||||||
|
this.setTimeQueryEnd();
|
||||||
|
|
||||||
|
// Limit triggers number
|
||||||
|
this.triggerList = triggerList.slice(0, this.panel.limit);
|
||||||
|
this.getCurrentTriggersPage();
|
||||||
|
this.render(this.triggerList);
|
||||||
|
})
|
||||||
|
.catch(err => {
|
||||||
|
// if cancelled keep loading set to true
|
||||||
|
if (err.cancelled) {
|
||||||
|
console.log('Panel request cancelled', err);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.loading = false;
|
||||||
|
this.error = err.message || "Request Error";
|
||||||
|
|
||||||
|
if (err.data) {
|
||||||
|
if (err.data.message) {
|
||||||
|
this.error = err.data.message;
|
||||||
|
}
|
||||||
|
if (err.data.error) {
|
||||||
|
this.error = err.data.error;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
this.events.emit('data-error', err);
|
||||||
|
console.log('Panel data error:', err);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
getTriggers() {
|
||||||
|
let promises = _.map(this.panel.datasources, (ds) => {
|
||||||
|
return this.datasourceSrv.get(ds)
|
||||||
|
.then(datasource => {
|
||||||
|
var zabbix = datasource.zabbix;
|
||||||
|
var showEvents = this.panel.showEvents.value;
|
||||||
|
var triggerFilter = this.panel.targets[ds];
|
||||||
|
var hideHostsInMaintenance = this.panel.hideHostsInMaintenance;
|
||||||
|
|
||||||
|
// Replace template variables
|
||||||
|
var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter);
|
||||||
|
var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter);
|
||||||
|
var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter);
|
||||||
|
|
||||||
|
let triggersOptions = {
|
||||||
|
showTriggers: showEvents,
|
||||||
|
hideHostsInMaintenance: hideHostsInMaintenance
|
||||||
|
};
|
||||||
|
|
||||||
|
return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions);
|
||||||
|
}).then((triggers) => {
|
||||||
|
return this.getAcknowledges(triggers, ds);
|
||||||
|
}).then((triggers) => {
|
||||||
|
return this.filterTriggers(triggers, ds);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
return Promise.all(promises)
|
||||||
|
.then(results => _.flatten(results))
|
||||||
|
.then((triggers) => {
|
||||||
|
return this.sortTriggers(triggers);
|
||||||
|
})
|
||||||
|
.then(triggers => {
|
||||||
|
return _.map(triggers, this.formatTrigger.bind(this));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
getAcknowledges(triggerList, ds) {
|
||||||
|
// Request acknowledges for trigger
|
||||||
|
var eventids = _.map(triggerList, trigger => {
|
||||||
|
return trigger.lastEvent.eventid;
|
||||||
|
});
|
||||||
|
|
||||||
|
return this.datasources[ds].zabbix.getAcknowledges(eventids)
|
||||||
|
.then(events => {
|
||||||
|
|
||||||
|
// Map events to triggers
|
||||||
|
_.each(triggerList, trigger => {
|
||||||
|
var event = _.find(events, event => {
|
||||||
|
return event.eventid === trigger.lastEvent.eventid;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (event) {
|
||||||
|
trigger.acknowledges = _.map(event.acknowledges, ack => {
|
||||||
|
let timestamp = moment.unix(ack.clock);
|
||||||
|
if (this.panel.customLastChangeFormat) {
|
||||||
|
ack.time = timestamp.format(this.panel.lastChangeFormat);
|
||||||
|
} else {
|
||||||
|
ack.time = timestamp.format(this.defaultTimeFormat);
|
||||||
|
}
|
||||||
|
ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')';
|
||||||
|
return ack;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Mark acknowledged triggers with different color
|
||||||
|
if (this.panel.markAckEvents && trigger.acknowledges.length) {
|
||||||
|
trigger.color = this.panel.ackEventColor;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return triggerList;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
filterTriggers(triggerList, ds) {
|
||||||
|
// Filter triggers by description
|
||||||
|
var triggerFilter = this.panel.targets[ds].trigger.filter;
|
||||||
|
triggerFilter = this.datasources[ds].replaceTemplateVars(triggerFilter);
|
||||||
|
if (triggerFilter) {
|
||||||
|
triggerList = filterTriggers(triggerList, triggerFilter);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Filter acknowledged triggers
|
||||||
|
if (this.panel.showTriggers === 'unacknowledged') {
|
||||||
|
triggerList = _.filter(triggerList, trigger => {
|
||||||
|
return !trigger.acknowledges;
|
||||||
|
});
|
||||||
|
} else if (this.panel.showTriggers === 'acknowledged') {
|
||||||
|
triggerList = _.filter(triggerList, 'acknowledges');
|
||||||
|
} else {
|
||||||
|
triggerList = triggerList;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Filter triggers by severity
|
||||||
|
triggerList = _.filter(triggerList, trigger => {
|
||||||
|
return this.panel.triggerSeverity[trigger.priority].show;
|
||||||
|
});
|
||||||
|
|
||||||
|
return triggerList;
|
||||||
|
}
|
||||||
|
|
||||||
|
sortTriggers(triggerList) {
|
||||||
|
if (this.panel.sortTriggersBy.value === 'priority') {
|
||||||
|
triggerList = _.sortBy(triggerList, 'priority').reverse();
|
||||||
|
} else {
|
||||||
|
triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse();
|
||||||
|
}
|
||||||
|
return triggerList;
|
||||||
|
}
|
||||||
|
|
||||||
|
formatTrigger(trigger) {
|
||||||
|
let triggerObj = trigger;
|
||||||
|
|
||||||
|
// Format last change and age
|
||||||
|
trigger.lastchangeUnix = Number(trigger.lastchange);
|
||||||
|
let timestamp = moment.unix(trigger.lastchangeUnix);
|
||||||
|
if (this.panel.customLastChangeFormat) {
|
||||||
|
// User defined format
|
||||||
|
triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat);
|
||||||
|
} else {
|
||||||
|
triggerObj.lastchange = timestamp.format(this.defaultTimeFormat);
|
||||||
|
}
|
||||||
|
triggerObj.age = timestamp.fromNow(true);
|
||||||
|
|
||||||
|
// Set host that the trigger belongs
|
||||||
|
if (trigger.hosts.length) {
|
||||||
|
triggerObj.host = trigger.hosts[0].name;
|
||||||
|
triggerObj.hostTechName = trigger.hosts[0].host;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Set color
|
||||||
|
if (trigger.value === '1') {
|
||||||
|
// Problem state
|
||||||
|
triggerObj.color = this.panel.triggerSeverity[trigger.priority].color;
|
||||||
|
} else {
|
||||||
|
// OK state
|
||||||
|
triggerObj.color = this.panel.okEventColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity;
|
||||||
|
return triggerObj;
|
||||||
|
}
|
||||||
|
|
||||||
|
switchComment(trigger) {
|
||||||
|
trigger.showComment = !trigger.showComment;
|
||||||
|
}
|
||||||
|
|
||||||
|
acknowledgeTrigger(trigger, message) {
|
||||||
|
let eventid = trigger.lastEvent.eventid;
|
||||||
|
let grafana_user = this.contextSrv.user.name;
|
||||||
|
let ack_message = grafana_user + ' (Grafana): ' + message;
|
||||||
|
return this.datasourceSrv.get(this.panel.datasource)
|
||||||
|
.then(datasource => {
|
||||||
|
let zabbixAPI = datasource.zabbix.zabbixAPI;
|
||||||
|
return zabbixAPI.acknowledgeEvent(eventid, ack_message);
|
||||||
|
})
|
||||||
|
.then(this.onRefresh.bind(this));
|
||||||
|
}
|
||||||
|
|
||||||
|
getCurrentTriggersPage() {
|
||||||
|
let pageSize = this.panel.pageSize || 10;
|
||||||
|
let startPos = this.pageIndex * pageSize;
|
||||||
|
let endPos = Math.min(startPos + pageSize, this.triggerList.length);
|
||||||
|
this.currentTriggersPage = this.triggerList.slice(startPos, endPos);
|
||||||
|
return this.currentTriggersPage;
|
||||||
|
}
|
||||||
|
|
||||||
|
link(scope, elem, attrs, ctrl) {
|
||||||
|
var data;
|
||||||
|
var panel = ctrl.panel;
|
||||||
|
var pageCount = 0;
|
||||||
|
data = ctrl.triggerList;
|
||||||
|
|
||||||
|
function getTableHeight() {
|
||||||
|
var panelHeight = ctrl.height;
|
||||||
|
|
||||||
|
if (pageCount > 1) {
|
||||||
|
panelHeight -= 26;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (panelHeight - 31) + 'px';
|
||||||
|
}
|
||||||
|
|
||||||
|
function switchPage(e) {
|
||||||
|
let el = $(e.currentTarget);
|
||||||
|
ctrl.pageIndex = (parseInt(el.text(), 10)-1);
|
||||||
|
|
||||||
|
let pageSize = ctrl.panel.pageSize || 10;
|
||||||
|
let startPos = ctrl.pageIndex * pageSize;
|
||||||
|
let endPos = Math.min(startPos + pageSize, ctrl.triggerList.length);
|
||||||
|
ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos);
|
||||||
|
|
||||||
|
scope.$apply(() => {
|
||||||
|
renderPanel();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function appendPaginationControls(footerElem) {
|
||||||
|
footerElem.empty();
|
||||||
|
|
||||||
|
var pageSize = ctrl.panel.pageSize || 5;
|
||||||
|
pageCount = Math.ceil(data.length / pageSize);
|
||||||
|
if (pageCount === 1) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
var startPage = Math.max(ctrl.pageIndex - 3, 0);
|
||||||
|
var endPage = Math.min(pageCount, startPage + 9);
|
||||||
|
|
||||||
|
var paginationList = $('<ul></ul>');
|
||||||
|
|
||||||
|
for (var i = startPage; i < endPage; i++) {
|
||||||
|
var activeClass = i === ctrl.pageIndex ? 'active' : '';
|
||||||
|
var pageLinkElem = $('<li><a class="triggers-panel-page-link pointer ' + activeClass + '">' + (i+1) + '</a></li>');
|
||||||
|
paginationList.append(pageLinkElem);
|
||||||
|
}
|
||||||
|
|
||||||
|
footerElem.append(paginationList);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderPanel() {
|
||||||
|
var panelElem = elem.parents('.panel');
|
||||||
|
var rootElem = elem.find('.triggers-panel-scroll');
|
||||||
|
var footerElem = elem.find('.triggers-panel-footer');
|
||||||
|
|
||||||
|
elem.css({'font-size': panel.fontSize});
|
||||||
|
panelElem.addClass('triggers-panel-wrapper');
|
||||||
|
appendPaginationControls(footerElem);
|
||||||
|
|
||||||
|
rootElem.css({'max-height': panel.scroll ? getTableHeight() : '' });
|
||||||
|
ctrl.renderingCompleted();
|
||||||
|
}
|
||||||
|
|
||||||
|
elem.on('click', '.triggers-panel-page-link', switchPage);
|
||||||
|
|
||||||
|
var unbindDestroy = scope.$on('$destroy', function() {
|
||||||
|
elem.off('click', '.triggers-panel-page-link');
|
||||||
|
unbindDestroy();
|
||||||
|
});
|
||||||
|
|
||||||
|
ctrl.events.on('render', (renderData) => {
|
||||||
|
data = renderData || data;
|
||||||
|
if (data) {
|
||||||
|
scope.$apply(() => {
|
||||||
|
renderPanel();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
TriggerPanelCtrl.templateUrl = 'panel-triggers/module.html';
|
||||||
|
|
||||||
|
function filterTriggers(triggers, triggerFilter) {
|
||||||
|
if (utils.isRegex(triggerFilter)) {
|
||||||
|
return _.filter(triggers, function(trigger) {
|
||||||
|
return utils.buildRegex(triggerFilter).test(trigger.description);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
return _.filter(triggers, function(trigger) {
|
||||||
|
return trigger.description === triggerFilter;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -2,7 +2,7 @@ import _ from 'lodash';
|
|||||||
import * as utils from '../datasource-zabbix/utils';
|
import * as utils from '../datasource-zabbix/utils';
|
||||||
import './datasource-selector.directive';
|
import './datasource-selector.directive';
|
||||||
import '../datasource-zabbix/css/query-editor.css!';
|
import '../datasource-zabbix/css/query-editor.css!';
|
||||||
import {DEFAULT_TARGET} from './module';
|
import {DEFAULT_TARGET} from './triggers_panel_ctrl';
|
||||||
|
|
||||||
class TriggersTabCtrl {
|
class TriggersTabCtrl {
|
||||||
|
|
||||||
|
|||||||
@@ -2,6 +2,8 @@
|
|||||||
/* globals global: false */
|
/* globals global: false */
|
||||||
|
|
||||||
import {JSDOM} from 'jsdom';
|
import {JSDOM} from 'jsdom';
|
||||||
|
import System from 'systemjs';
|
||||||
|
import {PanelCtrl} from './panelStub';
|
||||||
|
|
||||||
// Mock Grafana modules that are not available outside of the core project
|
// Mock Grafana modules that are not available outside of the core project
|
||||||
// Required for loading module.js
|
// Required for loading module.js
|
||||||
@@ -17,9 +19,12 @@ jest.mock('angular', () => {
|
|||||||
};
|
};
|
||||||
}, {virtual: true});
|
}, {virtual: true});
|
||||||
|
|
||||||
|
let mockPanelCtrl = PanelCtrl;
|
||||||
jest.mock('app/plugins/sdk', () => {
|
jest.mock('app/plugins/sdk', () => {
|
||||||
return {
|
return {
|
||||||
QueryCtrl: null
|
QueryCtrl: null,
|
||||||
|
loadPluginCss: () => {},
|
||||||
|
PanelCtrl: mockPanelCtrl
|
||||||
};
|
};
|
||||||
}, {virtual: true});
|
}, {virtual: true});
|
||||||
|
|
||||||
@@ -48,3 +53,4 @@ let dom = new JSDOM('<html><head><script></script></head><body></body></html>');
|
|||||||
global.window = dom.window;
|
global.window = dom.window;
|
||||||
global.document = global.window.document;
|
global.document = global.window.document;
|
||||||
global.Node = window.Node;
|
global.Node = window.Node;
|
||||||
|
global.System = System;
|
||||||
|
|||||||
97
src/test-setup/panelStub.js
Normal file
97
src/test-setup/panelStub.js
Normal file
@@ -0,0 +1,97 @@
|
|||||||
|
// JSHint options
|
||||||
|
/* jshint ignore:start */
|
||||||
|
|
||||||
|
export class PanelCtrl {
|
||||||
|
constructor($scope, $injector) {
|
||||||
|
this.$injector = $injector;
|
||||||
|
this.$scope = $scope;
|
||||||
|
this.panel = $scope.panel;
|
||||||
|
this.events = {
|
||||||
|
on: () => {}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
init() {
|
||||||
|
}
|
||||||
|
|
||||||
|
renderingCompleted() {
|
||||||
|
}
|
||||||
|
|
||||||
|
refresh() {
|
||||||
|
}
|
||||||
|
|
||||||
|
publishAppEvent(evtName, evt) {
|
||||||
|
}
|
||||||
|
|
||||||
|
changeView(fullscreen, edit) {
|
||||||
|
}
|
||||||
|
|
||||||
|
viewPanel() {
|
||||||
|
this.changeView(true, false);
|
||||||
|
}
|
||||||
|
|
||||||
|
editPanel() {
|
||||||
|
this.changeView(true, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
exitFullscreen() {
|
||||||
|
this.changeView(false, false);
|
||||||
|
}
|
||||||
|
|
||||||
|
initEditMode() {
|
||||||
|
}
|
||||||
|
|
||||||
|
changeTab(newIndex) {
|
||||||
|
}
|
||||||
|
|
||||||
|
addEditorTab(title, directiveFn, index) {
|
||||||
|
}
|
||||||
|
|
||||||
|
getMenu() {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
getExtendedMenu() {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
otherPanelInFullscreenMode() {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
calculatePanelHeight() {
|
||||||
|
}
|
||||||
|
|
||||||
|
render(payload) {
|
||||||
|
}
|
||||||
|
|
||||||
|
toggleEditorHelp(index) {
|
||||||
|
}
|
||||||
|
|
||||||
|
duplicate() {
|
||||||
|
}
|
||||||
|
|
||||||
|
updateColumnSpan(span) {
|
||||||
|
}
|
||||||
|
|
||||||
|
removePanel() {
|
||||||
|
}
|
||||||
|
|
||||||
|
editPanelJson() {
|
||||||
|
}
|
||||||
|
|
||||||
|
replacePanel(newPanel, oldPanel) {
|
||||||
|
}
|
||||||
|
|
||||||
|
sharePanel() {
|
||||||
|
}
|
||||||
|
|
||||||
|
getInfoMode() {
|
||||||
|
}
|
||||||
|
|
||||||
|
getInfoContent(options) {
|
||||||
|
}
|
||||||
|
|
||||||
|
openInspector() {
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user