diff --git a/dist/panel-triggers/datasource-selector.directive.js b/dist/panel-triggers/datasource-selector.directive.js new file mode 100644 index 0000000..b19fad3 --- /dev/null +++ b/dist/panel-triggers/datasource-selector.directive.js @@ -0,0 +1,93 @@ +'use strict'; + +System.register(['angular', 'lodash'], function (_export, _context) { + "use strict"; + + var angular, _, _createClass, template, DatasourceSelectorCtrl; + + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + + return { + setters: [function (_angular) { + angular = _angular.default; + }, function (_lodash) { + _ = _lodash.default; + }], + 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; + }; + }(); + + template = '\n\n\n'; + + + angular.module('grafana.directives').directive('datasourceSelector', function () { + return { + scope: { + datasources: "=", + options: "=", + onChange: "&" + }, + controller: DatasourceSelectorCtrl, + controllerAs: 'ctrl', + template: template + }; + }); + + DatasourceSelectorCtrl = function () { + + /** @ngInject */ + function DatasourceSelectorCtrl($scope) { + _classCallCheck(this, DatasourceSelectorCtrl); + + this.scope = $scope; + var datasources = $scope.datasources; + var options = $scope.options; + this.dsOptions = { + multi: true, + current: { value: datasources, text: datasources.join(" + ") }, + options: _.map(options, function (ds) { + return { text: ds, value: ds, selected: _.includes(datasources, ds) }; + }) + }; + } + + _createClass(DatasourceSelectorCtrl, [{ + key: 'onChange', + value: function onChange(updatedOptions) { + var _this = this; + + var newDataSources = updatedOptions.current.value; + this.scope.datasources = newDataSources; + + // Run after model was changed + this.scope.$$postDigest(function () { + _this.scope.onChange(); + }); + } + }]); + + return DatasourceSelectorCtrl; + }(); + } + }; +}); +//# sourceMappingURL=datasource-selector.directive.js.map diff --git a/dist/panel-triggers/datasource-selector.directive.js.map b/dist/panel-triggers/datasource-selector.directive.js.map new file mode 100644 index 0000000..06599c0 --- /dev/null +++ b/dist/panel-triggers/datasource-selector.directive.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/panel-triggers/datasource-selector.directive.js"],"names":["angular","_","template","module","directive","scope","datasources","options","onChange","controller","DatasourceSelectorCtrl","controllerAs","$scope","dsOptions","multi","current","value","text","join","map","ds","selected","includes","updatedOptions","newDataSources","$$postDigest"],"mappings":";;;;;;;;;;;;;;;AAAOA,a;;AACAC,O;;;;;;;;;;;;;;;;;;;;;AAEDC,c;;;AAKNF,cACCG,MADD,CACQ,oBADR,EAECC,SAFD,CAEW,oBAFX,EAEiC,YAAM;AACrC,eAAO;AACLC,iBAAO;AACLC,yBAAa,GADR;AAELC,qBAAS,GAFJ;AAGLC,sBAAU;AAHL,WADF;AAMLC,sBAAYC,sBANP;AAOLC,wBAAc,MAPT;AAQLT,oBAAUA;AARL,SAAP;AAUD,OAbD;;AAeMQ,4B;;AAEJ;AACA,wCAAYE,MAAZ,EAAoB;AAAA;;AAClB,eAAKP,KAAL,GAAaO,MAAb;AACA,cAAIN,cAAcM,OAAON,WAAzB;AACA,cAAIC,UAAUK,OAAOL,OAArB;AACA,eAAKM,SAAL,GAAiB;AACfC,mBAAO,IADQ;AAEfC,qBAAS,EAACC,OAAOV,WAAR,EAAqBW,MAAMX,YAAYY,IAAZ,CAAiB,KAAjB,CAA3B,EAFM;AAGfX,qBAASN,EAAEkB,GAAF,CAAMZ,OAAN,EAAe,UAACa,EAAD,EAAQ;AAC9B,qBAAO,EAACH,MAAMG,EAAP,EAAWJ,OAAOI,EAAlB,EAAsBC,UAAUpB,EAAEqB,QAAF,CAAWhB,WAAX,EAAwBc,EAAxB,CAAhC,EAAP;AACD,aAFQ;AAHM,WAAjB;AAOD;;;;mCAEQG,c,EAAgB;AAAA;;AACvB,gBAAIC,iBAAiBD,eAAeR,OAAf,CAAuBC,KAA5C;AACA,iBAAKX,KAAL,CAAWC,WAAX,GAAyBkB,cAAzB;;AAEA;AACA,iBAAKnB,KAAL,CAAWoB,YAAX,CAAwB,YAAM;AAC5B,oBAAKpB,KAAL,CAAWG,QAAX;AACD,aAFD;AAGD","file":"datasource-selector.directive.js","sourcesContent":["import angular from 'angular';\nimport _ from 'lodash';\n\nconst template = `\n\n\n`;\n\nangular\n.module('grafana.directives')\n.directive('datasourceSelector', () => {\n return {\n scope: {\n datasources: \"=\",\n options: \"=\",\n onChange: \"&\"\n },\n controller: DatasourceSelectorCtrl,\n controllerAs: 'ctrl',\n template: template\n };\n});\n\nclass DatasourceSelectorCtrl {\n\n /** @ngInject */\n constructor($scope) {\n this.scope = $scope;\n let datasources = $scope.datasources;\n let options = $scope.options;\n this.dsOptions = {\n multi: true,\n current: {value: datasources, text: datasources.join(\" + \")},\n options: _.map(options, (ds) => {\n return {text: ds, value: ds, selected: _.includes(datasources, ds)};\n })\n };\n }\n\n onChange(updatedOptions) {\n let newDataSources = updatedOptions.current.value;\n this.scope.datasources = newDataSources;\n\n // Run after model was changed\n this.scope.$$postDigest(() => {\n this.scope.onChange();\n });\n }\n}\n"]} \ No newline at end of file diff --git a/dist/panel-triggers/editor.html b/dist/panel-triggers/editor.html deleted file mode 100644 index af58a83..0000000 --- a/dist/panel-triggers/editor.html +++ /dev/null @@ -1,293 +0,0 @@ -
-
-
Select triggers
-
-
- - -
-
- - -
-
- -
-
- - -
-
- - -
-
-
- -
-
Data source
-
-
-
- -
-
-
-
-
- -
-
-
Options
-
-
- -
- -
-
- - -
-
-
- -
- -
-
-
- -
- -
-
-
-
-
- - -
- - -
-
-
- -
- -
-
-
- - -
-
-
- -
-
Show fields
-
- - - - - - -
-
- - - - - - - - -
- -
-
- -
-
-
Customize triggers severity and colors
-
-
- - - - - -
- - -
- -
-
- - - - - -
-
-
-
- - - - - -
- - -
-
-
diff --git a/dist/panel-triggers/editor.js b/dist/panel-triggers/editor.js deleted file mode 100644 index 8cf9d99..0000000 --- a/dist/panel-triggers/editor.js +++ /dev/null @@ -1,224 +0,0 @@ -'use strict'; - -System.register(['lodash', '../datasource-zabbix/utils', '../datasource-zabbix/css/query-editor.css!'], function (_export, _context) { - "use strict"; - - var _, utils, _createClass, TriggerPanelEditorCtrl; - - function _classCallCheck(instance, Constructor) { - if (!(instance instanceof Constructor)) { - throw new TypeError("Cannot call a class as a function"); - } - } - - // Get list of metric names for bs-typeahead directive - function getMetricNames(scope, metricList) { - return _.uniq(_.map(scope.metric[metricList], 'name')); - } - - function triggerPanelEditor() { - return { - restrict: 'E', - scope: true, - templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/editor.html', - controller: TriggerPanelEditorCtrl - }; - } - - _export('triggerPanelEditor', triggerPanelEditor); - - return { - setters: [function (_lodash) { - _ = _lodash.default; - }, function (_datasourceZabbixUtils) { - utils = _datasourceZabbixUtils; - }, function (_datasourceZabbixCssQueryEditorCss) {}], - 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; - }; - }(); - - TriggerPanelEditorCtrl = function () { - - /** @ngInject */ - function TriggerPanelEditorCtrl($scope, $rootScope, uiSegmentSrv, datasourceSrv, templateSrv, popoverSrv) { - var _this = this; - - _classCallCheck(this, TriggerPanelEditorCtrl); - - $scope.editor = this; - this.panelCtrl = $scope.ctrl; - this.panel = this.panelCtrl.panel; - - this.datasourceSrv = datasourceSrv; - this.templateSrv = templateSrv; - this.popoverSrv = popoverSrv; - - // Map functions for bs-typeahead - this.getGroupNames = _.partial(getMetricNames, this, 'groupList'); - this.getHostNames = _.partial(getMetricNames, this, 'hostList'); - this.getApplicationNames = _.partial(getMetricNames, this, 'appList'); - - // Update metric suggestion when template variable was changed - $rootScope.$on('template-variable-value-updated', function () { - return _this.onVariableChange(); - }); - - this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%']; - this.ackFilters = ['all triggers', 'unacknowledged', 'acknowledged']; - this.sortByFields = [{ text: 'last change', value: 'lastchange' }, { text: 'severity', value: 'priority' }]; - this.showEventsFields = [{ text: 'All', value: [0, 1] }, { text: 'OK', value: [0] }, { text: 'Problems', value: 1 }]; - - // Load scope defaults - var scopeDefaults = { - metric: {}, - inputStyles: {}, - oldTarget: _.cloneDeep(this.panel.triggers) - }; - _.defaults(this, scopeDefaults); - - // Set default datasource - this.datasources = _.map(this.getZabbixDataSources(), 'name'); - if (!this.panel.datasource) { - this.panel.datasource = this.datasources[0]; - } - // Load datasource - this.datasourceSrv.get(this.panel.datasource).then(function (datasource) { - _this.datasource = datasource; - _this.zabbix = datasource.zabbix; - _this.queryBuilder = datasource.queryBuilder; - _this.initFilters(); - _this.panelCtrl.refresh(); - }); - } - - _createClass(TriggerPanelEditorCtrl, [{ - key: 'initFilters', - value: function initFilters() { - return Promise.all([this.suggestGroups(), this.suggestHosts(), this.suggestApps()]); - } - }, { - key: 'suggestGroups', - value: function suggestGroups() { - var _this2 = this; - - return this.zabbix.getAllGroups().then(function (groups) { - _this2.metric.groupList = groups; - return groups; - }); - } - }, { - key: 'suggestHosts', - value: function suggestHosts() { - var _this3 = this; - - var groupFilter = this.datasource.replaceTemplateVars(this.panel.triggers.group.filter); - return this.zabbix.getAllHosts(groupFilter).then(function (hosts) { - _this3.metric.hostList = hosts; - return hosts; - }); - } - }, { - key: 'suggestApps', - value: function suggestApps() { - var _this4 = this; - - var groupFilter = this.datasource.replaceTemplateVars(this.panel.triggers.group.filter); - var hostFilter = this.datasource.replaceTemplateVars(this.panel.triggers.host.filter); - return this.zabbix.getAllApps(groupFilter, hostFilter).then(function (apps) { - _this4.metric.appList = apps; - return apps; - }); - } - }, { - key: 'onVariableChange', - value: function onVariableChange() { - if (this.isContainsVariables()) { - this.targetChanged(); - } - } - }, { - key: 'isContainsVariables', - value: function isContainsVariables() { - var _this5 = this; - - return _.some(['group', 'host', 'application'], function (field) { - return utils.isTemplateVariable(_this5.panel.triggers[field].filter, _this5.templateSrv.variables); - }); - } - }, { - key: 'targetChanged', - value: function targetChanged() { - this.initFilters(); - this.panelCtrl.refresh(); - } - }, { - key: 'parseTarget', - value: function parseTarget() { - this.initFilters(); - var newTarget = _.cloneDeep(this.panel.triggers); - if (!_.isEqual(this.oldTarget, this.panel.triggers)) { - this.oldTarget = newTarget; - this.panelCtrl.refresh(); - } - } - }, { - key: 'refreshTriggerSeverity', - value: function refreshTriggerSeverity() { - _.each(this.triggerList, function (trigger) { - trigger.color = this.panel.triggerSeverity[trigger.priority].color; - trigger.severity = this.panel.triggerSeverity[trigger.priority].severity; - }); - this.panelCtrl.refresh(); - } - }, { - key: 'datasourceChanged', - value: function datasourceChanged() { - this.panelCtrl.refresh(); - } - }, { - key: 'changeTriggerSeverityColor', - value: function changeTriggerSeverityColor(trigger, color) { - this.panel.triggerSeverity[trigger.priority].color = color; - this.refreshTriggerSeverity(); - } - }, { - key: 'isRegex', - value: function isRegex(str) { - return utils.isRegex(str); - } - }, { - key: 'isVariable', - value: function isVariable(str) { - return utils.isTemplateVariable(str, this.templateSrv.variables); - } - }, { - key: 'getZabbixDataSources', - value: function getZabbixDataSources() { - var ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource'; - return _.filter(this.datasourceSrv.getMetricSources(), function (datasource) { - return datasource.meta.id === ZABBIX_DS_ID && datasource.value; - }); - } - }]); - - return TriggerPanelEditorCtrl; - }(); - } - }; -}); -//# sourceMappingURL=editor.js.map diff --git a/dist/panel-triggers/editor.js.map b/dist/panel-triggers/editor.js.map deleted file mode 100644 index f3f2d45..0000000 --- a/dist/panel-triggers/editor.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["../../src/panel-triggers/editor.js"],"names":["getMetricNames","scope","metricList","_","uniq","map","metric","triggerPanelEditor","restrict","templateUrl","controller","TriggerPanelEditorCtrl","utils","$scope","$rootScope","uiSegmentSrv","datasourceSrv","templateSrv","popoverSrv","editor","panelCtrl","ctrl","panel","getGroupNames","partial","getHostNames","getApplicationNames","$on","onVariableChange","fontSizes","ackFilters","sortByFields","text","value","showEventsFields","scopeDefaults","inputStyles","oldTarget","cloneDeep","triggers","defaults","datasources","getZabbixDataSources","datasource","get","then","zabbix","queryBuilder","initFilters","refresh","Promise","all","suggestGroups","suggestHosts","suggestApps","getAllGroups","groupList","groups","groupFilter","replaceTemplateVars","group","filter","getAllHosts","hostList","hosts","hostFilter","host","getAllApps","appList","apps","isContainsVariables","targetChanged","some","isTemplateVariable","field","variables","newTarget","isEqual","each","triggerList","trigger","color","triggerSeverity","priority","severity","refreshTriggerSeverity","str","isRegex","ZABBIX_DS_ID","getMetricSources","meta","id"],"mappings":"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","file":"editor.js","sourcesContent":["/**\n * Grafana-Zabbix\n * Zabbix plugin for Grafana.\n * http://github.com/alexanderzobnin/grafana-zabbix\n *\n * Trigger panel.\n * This feature sponsored by CORE IT\n * http://www.coreit.fr\n *\n * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com\n * Licensed under the Apache License, Version 2.0\n */\n\nimport _ from 'lodash';\nimport * as utils from '../datasource-zabbix/utils';\n\nimport '../datasource-zabbix/css/query-editor.css!';\n\nclass TriggerPanelEditorCtrl {\n\n /** @ngInject */\n constructor($scope, $rootScope, uiSegmentSrv, datasourceSrv, templateSrv, popoverSrv) {\n $scope.editor = this;\n this.panelCtrl = $scope.ctrl;\n this.panel = this.panelCtrl.panel;\n\n this.datasourceSrv = datasourceSrv;\n this.templateSrv = templateSrv;\n this.popoverSrv = popoverSrv;\n\n // Map functions for bs-typeahead\n this.getGroupNames = _.partial(getMetricNames, this, 'groupList');\n this.getHostNames = _.partial(getMetricNames, this, 'hostList');\n this.getApplicationNames = _.partial(getMetricNames, this, 'appList');\n\n // Update metric suggestion when template variable was changed\n $rootScope.$on('template-variable-value-updated', () => this.onVariableChange());\n\n this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%'];\n this.ackFilters = [\n 'all triggers',\n 'unacknowledged',\n 'acknowledged'\n ];\n this.sortByFields = [\n { text: 'last change', value: 'lastchange' },\n { text: 'severity', value: 'priority' }\n ];\n this.showEventsFields = [\n { text: 'All', value: [0,1] },\n { text: 'OK', value: [0] },\n { text: 'Problems', value: 1 }\n ];\n\n // Load scope defaults\n var scopeDefaults = {\n metric: {},\n inputStyles: {},\n oldTarget: _.cloneDeep(this.panel.triggers)\n };\n _.defaults(this, scopeDefaults);\n\n // Set default datasource\n this.datasources = _.map(this.getZabbixDataSources(), 'name');\n if (!this.panel.datasource) {\n this.panel.datasource = this.datasources[0];\n }\n // Load datasource\n this.datasourceSrv.get(this.panel.datasource)\n .then(datasource => {\n this.datasource = datasource;\n this.zabbix = datasource.zabbix;\n this.queryBuilder = datasource.queryBuilder;\n this.initFilters();\n this.panelCtrl.refresh();\n });\n }\n\n initFilters() {\n return Promise.all([\n this.suggestGroups(),\n this.suggestHosts(),\n this.suggestApps()\n ]);\n }\n\n suggestGroups() {\n return this.zabbix.getAllGroups()\n .then(groups => {\n this.metric.groupList = groups;\n return groups;\n });\n }\n\n suggestHosts() {\n let groupFilter = this.datasource.replaceTemplateVars(this.panel.triggers.group.filter);\n return this.zabbix.getAllHosts(groupFilter)\n .then(hosts => {\n this.metric.hostList = hosts;\n return hosts;\n });\n }\n\n suggestApps() {\n let groupFilter = this.datasource.replaceTemplateVars(this.panel.triggers.group.filter);\n let hostFilter = this.datasource.replaceTemplateVars(this.panel.triggers.host.filter);\n return this.zabbix.getAllApps(groupFilter, hostFilter)\n .then(apps => {\n this.metric.appList = apps;\n return apps;\n });\n }\n\n onVariableChange() {\n if (this.isContainsVariables()) {\n this.targetChanged();\n }\n }\n\n /**\n * Check query for template variables\n */\n isContainsVariables() {\n return _.some(['group', 'host', 'application'], field => {\n return utils.isTemplateVariable(this.panel.triggers[field].filter, this.templateSrv.variables);\n });\n }\n\n targetChanged() {\n this.initFilters();\n this.panelCtrl.refresh();\n }\n\n parseTarget() {\n this.initFilters();\n var newTarget = _.cloneDeep(this.panel.triggers);\n if (!_.isEqual(this.oldTarget, this.panel.triggers)) {\n this.oldTarget = newTarget;\n this.panelCtrl.refresh();\n }\n }\n\n refreshTriggerSeverity() {\n _.each(this.triggerList, function(trigger) {\n trigger.color = this.panel.triggerSeverity[trigger.priority].color;\n trigger.severity = this.panel.triggerSeverity[trigger.priority].severity;\n });\n this.panelCtrl.refresh();\n }\n\n datasourceChanged() {\n this.panelCtrl.refresh();\n }\n\n changeTriggerSeverityColor(trigger, color) {\n this.panel.triggerSeverity[trigger.priority].color = color;\n this.refreshTriggerSeverity();\n }\n\n isRegex(str) {\n return utils.isRegex(str);\n }\n\n isVariable(str) {\n return utils.isTemplateVariable(str, this.templateSrv.variables);\n }\n\n getZabbixDataSources() {\n let ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource';\n return _.filter(this.datasourceSrv.getMetricSources(), datasource => {\n return datasource.meta.id === ZABBIX_DS_ID && datasource.value;\n });\n }\n}\n\n// Get list of metric names for bs-typeahead directive\nfunction getMetricNames(scope, metricList) {\n return _.uniq(_.map(scope.metric[metricList], 'name'));\n}\n\nexport function triggerPanelEditor() {\n return {\n restrict: 'E',\n scope: true,\n templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/editor.html',\n controller: TriggerPanelEditorCtrl,\n };\n}\n"]} \ No newline at end of file diff --git a/dist/panel-triggers/migrations.js b/dist/panel-triggers/migrations.js new file mode 100644 index 0000000..7c2999e --- /dev/null +++ b/dist/panel-triggers/migrations.js @@ -0,0 +1,41 @@ +"use strict"; + +System.register([], function (_export, _context) { + "use strict"; + + function migratePanelSchema(panel) { + if (isEmptyPanel(panel)) { + return panel; + } + + var schemaVersion = getSchemaVersion(panel); + switch (schemaVersion) { + case 1: + panel.datasources = [panel.datasource]; + panel.targets = {}; + panel.targets[panel.datasources[0]] = panel.triggers; + + // delete old props + delete panel.triggers; + delete panel.datasource; + break; + } + + return panel; + } + + _export("migratePanelSchema", migratePanelSchema); + + function getSchemaVersion(panel) { + return panel.schemaVersion || 1; + } + + function isEmptyPanel(panel) { + return !panel.datasource && !panel.datasources && !panel.triggers && !panel.targets; + } + return { + setters: [], + execute: function () {} + }; +}); +//# sourceMappingURL=migrations.js.map diff --git a/dist/panel-triggers/migrations.js.map b/dist/panel-triggers/migrations.js.map new file mode 100644 index 0000000..29aca82 --- /dev/null +++ b/dist/panel-triggers/migrations.js.map @@ -0,0 +1 @@ +{"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"]} \ No newline at end of file diff --git a/dist/panel-triggers/module.js b/dist/panel-triggers/module.js index 781e711..be3f5da 100644 --- a/dist/panel-triggers/module.js +++ b/dist/panel-triggers/module.js @@ -1,455 +1,32 @@ 'use strict'; -System.register(['lodash', 'jquery', 'moment', 'app/plugins/sdk', '../datasource-zabbix/utils', './editor', './ack-tooltip.directive'], function (_export, _context) { +System.register(['./triggers_panel_ctrl', 'app/plugins/sdk', './ack-tooltip.directive'], function (_export, _context) { "use strict"; - var _, $, moment, loadPluginCss, utils, PanelCtrl, triggerPanelEditor, _createClass, defaultSeverity, panelDefaults, triggerStatusMap, defaultTimeFormat, 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; - }); - } - } - + var TriggerPanelCtrl, loadPluginCss; return { - setters: [function (_lodash) { - _ = _lodash.default; - }, function (_jquery) { - $ = _jquery.default; - }, function (_moment) { - moment = _moment.default; + setters: [function (_triggers_panel_ctrl) { + TriggerPanelCtrl = _triggers_panel_ctrl.TriggerPanelCtrl; }, function (_appPluginsSdk) { loadPluginCss = _appPluginsSdk.loadPluginCss; - PanelCtrl = _appPluginsSdk.PanelCtrl; - }, function (_datasourceZabbixUtils) { - utils = _datasourceZabbixUtils; - }, function (_editor) { - triggerPanelEditor = _editor.triggerPanelEditor; }, function (_ackTooltipDirective) {}], 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; - }; - }(); - - /** - * Grafana-Zabbix - * Zabbix plugin for Grafana. - * http://github.com/alexanderzobnin/grafana-zabbix - * - * Trigger panel. - * This feature sponsored by CORE IT - * http://www.coreit.fr - * - * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com - * 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' - }); - - 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 }]; - panelDefaults = { - datasource: null, - triggers: { - group: { filter: "" }, - host: { filter: "" }, - application: { filter: "" }, - trigger: { filter: "" } - }, - 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: defaultSeverity, - okEventColor: 'rgba(0, 245, 153, 0.45)', - ackEventColor: 'rgba(0, 0, 0, 0)', - scroll: true, - pageSize: 10, - fontSize: '100%' - }; - triggerStatusMap = { - '0': 'OK', - '1': 'Problem' - }; - defaultTimeFormat = "DD MMM YYYY HH:mm:ss"; - - _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.triggerStatusMap = triggerStatusMap; - _this.defaultTimeFormat = defaultTimeFormat; - _this.pageIndex = 0; - _this.triggerList = []; - _this.currentTriggersPage = []; - - // Load panel defaults - // _.cloneDeep() need for prevent changing shared defaultSeverity. - // Load object "by value" istead "by reference". - _.defaults(_this.panel, _.cloneDeep(panelDefaults)); - - _this.events.on('init-edit-mode', _this.onInitEditMode.bind(_this)); - _this.events.on('refresh', _this.onRefresh.bind(_this)); - return _this; - } - - _createClass(TriggerPanelCtrl, [{ - key: 'onInitEditMode', - value: function onInitEditMode() { - this.addEditorTab('Options', triggerPanelEditor, 2); - } - }, { - key: 'onRefresh', - value: function onRefresh() { - var _this2 = this; - - // ignore fetching data if another panel is in fullscreen - if (this.otherPanelInFullscreenMode()) { - return; - } - - // clear loading/error state - delete this.error; - this.loading = true; - - return this.refreshData().then(function (triggerList) { - // Limit triggers number - _this2.triggerList = triggerList.slice(0, _this2.panel.limit); - - _this2.getCurrentTriggersPage(); - - // Notify panel that request is finished - _this2.loading = false; - - _this2.render(_this2.triggerList); - }); - } - }, { - key: 'refreshData', - value: function refreshData() { - return this.getTriggers().then(this.getAcknowledges.bind(this)).then(this.filterTriggers.bind(this)); - } - }, { - key: 'getTriggers', - value: function getTriggers() { - var _this3 = this; - - return this.datasourceSrv.get(this.panel.datasource).then(function (datasource) { - var zabbix = datasource.zabbix; - _this3.zabbix = zabbix; - _this3.datasource = datasource; - var showEvents = _this3.panel.showEvents.value; - var triggerFilter = _this3.panel.triggers; - var hideHostsInMaintenance = _this3.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 _.map(triggers, _this3.formatTrigger.bind(_this3)); - }); - } - }, { - key: 'getAcknowledges', - value: function getAcknowledges(triggerList) { - var _this4 = this; - - // Request acknowledges for trigger - var eventids = _.map(triggerList, function (trigger) { - return trigger.lastEvent.eventid; - }); - - return this.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 (_this4.panel.customLastChangeFormat) { - ack.time = timestamp.format(_this4.panel.lastChangeFormat); - } else { - ack.time = timestamp.format(_this4.defaultTimeFormat); - } - ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')'; - return ack; - }); - - // Mark acknowledged triggers with different color - if (_this4.panel.markAckEvents && trigger.acknowledges.length) { - trigger.color = _this4.panel.ackEventColor; - } - } - }); - - return triggerList; - }); - } - }, { - key: 'filterTriggers', - value: function filterTriggers(triggerList) { - var _this5 = this; - - // Filter triggers by description - var triggerFilter = this.panel.triggers.trigger.filter; - triggerFilter = this.datasource.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 _this5.panel.triggerSeverity[trigger.priority].show; - }); - - // Sort triggers - 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(); - 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 = $(''); - - for (var i = startPage; i < endPage; i++) { - var activeClass = i === ctrl.pageIndex ? 'active' : ''; - var pageLinkElem = $('
  • ' + (i + 1) + '
  • '); - 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() : '' }); - } - - 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) { - renderPanel(); - } - ctrl.renderingCompleted(); - }); - } - }]); - - return TriggerPanelCtrl; - }(PanelCtrl))); - - TriggerPanelCtrl.templateUrl = 'panel-triggers/module.html'; - _export('TriggerPanelCtrl', TriggerPanelCtrl); + }); /** + * Grafana-Zabbix + * Zabbix plugin for Grafana. + * http://github.com/alexanderzobnin/grafana-zabbix + * + * Trigger panel. + * This feature sponsored by CORE IT + * http://www.coreit.fr + * + * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com + * Licensed under the Apache License, Version 2.0 + */ _export('PanelCtrl', TriggerPanelCtrl); } diff --git a/dist/panel-triggers/module.js.map b/dist/panel-triggers/module.js.map index baf236d..e38db54 100644 --- a/dist/panel-triggers/module.js.map +++ b/dist/panel-triggers/module.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../src/panel-triggers/module.js"],"names":["filterTriggers","triggers","triggerFilter","utils","isRegex","_","filter","trigger","buildRegex","test","description","$","moment","loadPluginCss","PanelCtrl","triggerPanelEditor","dark","light","defaultSeverity","priority","severity","color","show","panelDefaults","datasource","group","host","application","hostField","statusField","severityField","lastChangeField","ageField","infoField","limit","showTriggers","hideHostsInMaintenance","sortTriggersBy","text","value","showEvents","triggerSeverity","okEventColor","ackEventColor","scroll","pageSize","fontSize","triggerStatusMap","defaultTimeFormat","TriggerPanelCtrl","$scope","$injector","$element","datasourceSrv","templateSrv","contextSrv","dashboardSrv","pageIndex","triggerList","currentTriggersPage","defaults","panel","cloneDeep","events","on","onInitEditMode","bind","onRefresh","addEditorTab","otherPanelInFullscreenMode","error","loading","refreshData","then","slice","getCurrentTriggersPage","render","getTriggers","getAcknowledges","get","zabbix","groupFilter","replaceTemplateVars","hostFilter","appFilter","triggersOptions","map","formatTrigger","eventids","lastEvent","eventid","each","event","find","acknowledges","timestamp","unix","ack","clock","customLastChangeFormat","time","format","lastChangeFormat","user","alias","name","surname","markAckEvents","length","sortBy","reverse","triggerObj","lastchangeUnix","Number","lastchange","age","fromNow","hosts","hostTechName","showComment","message","grafana_user","ack_message","zabbixAPI","acknowledgeEvent","startPos","endPos","Math","min","scope","elem","attrs","ctrl","data","pageCount","getTableHeight","panelHeight","height","switchPage","e","el","currentTarget","parseInt","$apply","renderPanel","appendPaginationControls","footerElem","empty","ceil","startPage","max","endPage","paginationList","i","activeClass","pageLinkElem","append","panelElem","parents","rootElem","css","addClass","unbindDestroy","$on","off","renderData","renderingCompleted","templateUrl"],"mappings":"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","file":"module.js","sourcesContent":["/**\n * Grafana-Zabbix\n * Zabbix plugin for Grafana.\n * http://github.com/alexanderzobnin/grafana-zabbix\n *\n * Trigger panel.\n * This feature sponsored by CORE IT\n * http://www.coreit.fr\n *\n * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com\n * Licensed under the Apache License, Version 2.0\n */\n\nimport _ from 'lodash';\nimport $ from 'jquery';\nimport moment from 'moment';\nimport {loadPluginCss} from 'app/plugins/sdk';\nimport * as utils from '../datasource-zabbix/utils';\nimport {PanelCtrl} from 'app/plugins/sdk';\nimport {triggerPanelEditor} from './editor';\nimport './ack-tooltip.directive';\n\nloadPluginCss({\n dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',\n light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'\n});\n\nvar defaultSeverity = [\n { priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true },\n { priority: 1, severity: 'Information', color: '#82B5D8', show: true },\n { priority: 2, severity: 'Warning', color: '#E5AC0E', show: true },\n { priority: 3, severity: 'Average', color: '#C15C17', show: true },\n { priority: 4, severity: 'High', color: '#BF1B00', show: true },\n { priority: 5, severity: 'Disaster', color: '#890F02', show: true }\n];\n\nvar panelDefaults = {\n datasource: null,\n triggers: {\n group: {filter: \"\"},\n host: {filter: \"\"},\n application: {filter: \"\"},\n trigger: {filter: \"\"}\n },\n hostField: true,\n statusField: false,\n severityField: false,\n lastChangeField: true,\n ageField: true,\n infoField: true,\n limit: 10,\n showTriggers: 'all triggers',\n hideHostsInMaintenance: false,\n sortTriggersBy: { text: 'last change', value: 'lastchange' },\n showEvents: { text: 'Problems', value: '1' },\n triggerSeverity: defaultSeverity,\n okEventColor: 'rgba(0, 245, 153, 0.45)',\n ackEventColor: 'rgba(0, 0, 0, 0)',\n scroll: true,\n pageSize: 10,\n fontSize: '100%',\n};\n\nvar triggerStatusMap = {\n '0': 'OK',\n '1': 'Problem'\n};\n\nvar defaultTimeFormat = \"DD MMM YYYY HH:mm:ss\";\n\nclass TriggerPanelCtrl extends PanelCtrl {\n\n /** @ngInject */\n constructor($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) {\n super($scope, $injector);\n this.datasourceSrv = datasourceSrv;\n this.templateSrv = templateSrv;\n this.contextSrv = contextSrv;\n this.dashboardSrv = dashboardSrv;\n\n this.triggerStatusMap = triggerStatusMap;\n this.defaultTimeFormat = defaultTimeFormat;\n this.pageIndex = 0;\n this.triggerList = [];\n this.currentTriggersPage = [];\n\n // Load panel defaults\n // _.cloneDeep() need for prevent changing shared defaultSeverity.\n // Load object \"by value\" istead \"by reference\".\n _.defaults(this.panel, _.cloneDeep(panelDefaults));\n\n this.events.on('init-edit-mode', this.onInitEditMode.bind(this));\n this.events.on('refresh', this.onRefresh.bind(this));\n }\n\n onInitEditMode() {\n this.addEditorTab('Options', triggerPanelEditor, 2);\n }\n\n onRefresh() {\n // ignore fetching data if another panel is in fullscreen\n if (this.otherPanelInFullscreenMode()) { return; }\n\n // clear loading/error state\n delete this.error;\n this.loading = true;\n\n return this.refreshData()\n .then(triggerList => {\n // Limit triggers number\n this.triggerList = triggerList.slice(0, this.panel.limit);\n\n this.getCurrentTriggersPage();\n\n // Notify panel that request is finished\n this.loading = false;\n\n this.render(this.triggerList);\n });\n }\n\n refreshData() {\n return this.getTriggers()\n .then(this.getAcknowledges.bind(this))\n .then(this.filterTriggers.bind(this));\n }\n\n getTriggers() {\n return this.datasourceSrv.get(this.panel.datasource)\n .then(datasource => {\n var zabbix = datasource.zabbix;\n this.zabbix = zabbix;\n this.datasource = datasource;\n var showEvents = this.panel.showEvents.value;\n var triggerFilter = this.panel.triggers;\n var hideHostsInMaintenance = this.panel.hideHostsInMaintenance;\n\n // Replace template variables\n var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter);\n var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter);\n var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter);\n\n let triggersOptions = {\n showTriggers: showEvents,\n hideHostsInMaintenance: hideHostsInMaintenance\n };\n\n return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions);\n })\n .then(triggers => {\n return _.map(triggers, this.formatTrigger.bind(this));\n });\n }\n\n getAcknowledges(triggerList) {\n // Request acknowledges for trigger\n var eventids = _.map(triggerList, trigger => {\n return trigger.lastEvent.eventid;\n });\n\n return this.zabbix.getAcknowledges(eventids)\n .then(events => {\n\n // Map events to triggers\n _.each(triggerList, trigger => {\n var event = _.find(events, event => {\n return event.eventid === trigger.lastEvent.eventid;\n });\n\n if (event) {\n trigger.acknowledges = _.map(event.acknowledges, ack => {\n let timestamp = moment.unix(ack.clock);\n if (this.panel.customLastChangeFormat) {\n ack.time = timestamp.format(this.panel.lastChangeFormat);\n } else {\n ack.time = timestamp.format(this.defaultTimeFormat);\n }\n ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')';\n return ack;\n });\n\n // Mark acknowledged triggers with different color\n if (this.panel.markAckEvents && trigger.acknowledges.length) {\n trigger.color = this.panel.ackEventColor;\n }\n }\n });\n\n return triggerList;\n });\n }\n\n filterTriggers(triggerList) {\n // Filter triggers by description\n var triggerFilter = this.panel.triggers.trigger.filter;\n triggerFilter = this.datasource.replaceTemplateVars(triggerFilter);\n if (triggerFilter) {\n triggerList = filterTriggers(triggerList, triggerFilter);\n }\n\n // Filter acknowledged triggers\n if (this.panel.showTriggers === 'unacknowledged') {\n triggerList = _.filter(triggerList, trigger => {\n return !trigger.acknowledges;\n });\n } else if (this.panel.showTriggers === 'acknowledged') {\n triggerList = _.filter(triggerList, 'acknowledges');\n } else {\n triggerList = triggerList;\n }\n\n // Filter triggers by severity\n triggerList = _.filter(triggerList, trigger => {\n return this.panel.triggerSeverity[trigger.priority].show;\n });\n\n // Sort triggers\n if (this.panel.sortTriggersBy.value === 'priority') {\n triggerList = _.sortBy(triggerList, 'priority').reverse();\n } else {\n triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse();\n }\n\n return triggerList;\n }\n\n formatTrigger(trigger) {\n let triggerObj = trigger;\n\n // Format last change and age\n trigger.lastchangeUnix = Number(trigger.lastchange);\n let timestamp = moment.unix(trigger.lastchangeUnix);\n if (this.panel.customLastChangeFormat) {\n // User defined format\n triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat);\n } else {\n triggerObj.lastchange = timestamp.format(this.defaultTimeFormat);\n }\n triggerObj.age = timestamp.fromNow(true);\n\n // Set host that the trigger belongs\n if (trigger.hosts.length) {\n triggerObj.host = trigger.hosts[0].name;\n triggerObj.hostTechName = trigger.hosts[0].host;\n }\n\n // Set color\n if (trigger.value === '1') {\n // Problem state\n triggerObj.color = this.panel.triggerSeverity[trigger.priority].color;\n } else {\n // OK state\n triggerObj.color = this.panel.okEventColor;\n }\n\n triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity;\n return triggerObj;\n }\n\n switchComment(trigger) {\n trigger.showComment = !trigger.showComment;\n }\n\n acknowledgeTrigger(trigger, message) {\n let eventid = trigger.lastEvent.eventid;\n let grafana_user = this.contextSrv.user.name;\n let ack_message = grafana_user + ' (Grafana): ' + message;\n return this.datasourceSrv.get(this.panel.datasource)\n .then(datasource => {\n let zabbixAPI = datasource.zabbix.zabbixAPI;\n return zabbixAPI.acknowledgeEvent(eventid, ack_message);\n })\n .then(this.onRefresh.bind(this));\n }\n\n getCurrentTriggersPage() {\n let pageSize = this.panel.pageSize || 10;\n let startPos = this.pageIndex * pageSize;\n let endPos = Math.min(startPos + pageSize, this.triggerList.length);\n this.currentTriggersPage = this.triggerList.slice(startPos, endPos);\n return this.currentTriggersPage;\n }\n\n link(scope, elem, attrs, ctrl) {\n var data;\n var panel = ctrl.panel;\n var pageCount = 0;\n data = ctrl.triggerList;\n\n function getTableHeight() {\n var panelHeight = ctrl.height;\n\n if (pageCount > 1) {\n panelHeight -= 26;\n }\n\n return (panelHeight - 31) + 'px';\n }\n\n function switchPage(e) {\n let el = $(e.currentTarget);\n ctrl.pageIndex = (parseInt(el.text(), 10)-1);\n\n let pageSize = ctrl.panel.pageSize || 10;\n let startPos = ctrl.pageIndex * pageSize;\n let endPos = Math.min(startPos + pageSize, ctrl.triggerList.length);\n ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos);\n\n scope.$apply();\n renderPanel();\n }\n\n function appendPaginationControls(footerElem) {\n footerElem.empty();\n\n var pageSize = ctrl.panel.pageSize || 5;\n pageCount = Math.ceil(data.length / pageSize);\n if (pageCount === 1) {\n return;\n }\n\n var startPage = Math.max(ctrl.pageIndex - 3, 0);\n var endPage = Math.min(pageCount, startPage + 9);\n\n var paginationList = $('');\n\n for (var i = startPage; i < endPage; i++) {\n var activeClass = i === ctrl.pageIndex ? 'active' : '';\n var pageLinkElem = $('
  • ' + (i+1) + '
  • ');\n paginationList.append(pageLinkElem);\n }\n\n footerElem.append(paginationList);\n }\n\n function renderPanel() {\n var panelElem = elem.parents('.panel');\n var rootElem = elem.find('.triggers-panel-scroll');\n var footerElem = elem.find('.triggers-panel-footer');\n\n elem.css({'font-size': panel.fontSize});\n panelElem.addClass('triggers-panel-wrapper');\n appendPaginationControls(footerElem);\n\n rootElem.css({'max-height': panel.scroll ? getTableHeight() : '' });\n }\n\n elem.on('click', '.triggers-panel-page-link', switchPage);\n\n var unbindDestroy = scope.$on('$destroy', function() {\n elem.off('click', '.triggers-panel-page-link');\n unbindDestroy();\n });\n\n ctrl.events.on('render', (renderData) => {\n data = renderData || data;\n if (data) {\n renderPanel();\n }\n ctrl.renderingCompleted();\n });\n }\n}\n\nTriggerPanelCtrl.templateUrl = 'panel-triggers/module.html';\n\nfunction filterTriggers(triggers, triggerFilter) {\n if (utils.isRegex(triggerFilter)) {\n return _.filter(triggers, function(trigger) {\n return utils.buildRegex(triggerFilter).test(trigger.description);\n });\n } else {\n return _.filter(triggers, function(trigger) {\n return trigger.description === triggerFilter;\n });\n }\n}\n\nexport {\n TriggerPanelCtrl,\n TriggerPanelCtrl as PanelCtrl\n};\n"]} \ No newline at end of file +{"version":3,"sources":["../../src/panel-triggers/module.js"],"names":["TriggerPanelCtrl","loadPluginCss","dark","light"],"mappings":";;;;;;;;AAaQA,sB,wBAAAA,gB;;AACAC,mB,kBAAAA,a;;;;AAGRA,oBAAc;AACZC,cAAM,gEADM;AAEZC,eAAO;AAFK,OAAd,E,CAjBA;;;;;;;;;;;;;2BAuBEH,gB","file":"module.js","sourcesContent":["/**\n * Grafana-Zabbix\n * Zabbix plugin for Grafana.\n * http://github.com/alexanderzobnin/grafana-zabbix\n *\n * Trigger panel.\n * This feature sponsored by CORE IT\n * http://www.coreit.fr\n *\n * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com\n * Licensed under the Apache License, Version 2.0\n */\n\nimport {TriggerPanelCtrl} from './triggers_panel_ctrl';\nimport {loadPluginCss} from 'app/plugins/sdk';\nimport './ack-tooltip.directive';\n\nloadPluginCss({\n dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css',\n light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css'\n});\n\nexport {\n TriggerPanelCtrl as PanelCtrl\n};\n"]} \ No newline at end of file diff --git a/dist/panel-triggers/options_tab.js b/dist/panel-triggers/options_tab.js new file mode 100644 index 0000000..b795137 --- /dev/null +++ b/dist/panel-triggers/options_tab.js @@ -0,0 +1,86 @@ +'use strict'; + +System.register(['lodash', './datasource-selector.directive', '../datasource-zabbix/css/query-editor.css!'], function (_export, _context) { + "use strict"; + + var _, _createClass, TriggerPanelOptionsCtrl; + + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + + function triggerPanelOptionsTab() { + return { + restrict: 'E', + scope: true, + templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/partials/options_tab.html', + controller: TriggerPanelOptionsCtrl + }; + } + + _export('triggerPanelOptionsTab', triggerPanelOptionsTab); + + return { + setters: [function (_lodash) { + _ = _lodash.default; + }, function (_datasourceSelectorDirective) {}, function (_datasourceZabbixCssQueryEditorCss) {}], + 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; + }; + }(); + + TriggerPanelOptionsCtrl = function () { + + /** @ngInject */ + function TriggerPanelOptionsCtrl($scope) { + _classCallCheck(this, TriggerPanelOptionsCtrl); + + $scope.editor = this; + this.panelCtrl = $scope.ctrl; + this.panel = this.panelCtrl.panel; + + this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%']; + this.ackFilters = ['all triggers', 'unacknowledged', 'acknowledged']; + this.sortByFields = [{ text: 'last change', value: 'lastchange' }, { text: 'severity', value: 'priority' }]; + this.showEventsFields = [{ text: 'All', value: [0, 1] }, { text: 'OK', value: [0] }, { text: 'Problems', value: 1 }]; + } + + _createClass(TriggerPanelOptionsCtrl, [{ + key: 'refreshTriggerSeverity', + value: function refreshTriggerSeverity() { + _.each(this.triggerList, function (trigger) { + trigger.color = this.panel.triggerSeverity[trigger.priority].color; + trigger.severity = this.panel.triggerSeverity[trigger.priority].severity; + }); + this.panelCtrl.refresh(); + } + }, { + key: 'changeTriggerSeverityColor', + value: function changeTriggerSeverityColor(trigger, color) { + this.panel.triggerSeverity[trigger.priority].color = color; + this.refreshTriggerSeverity(); + } + }]); + + return TriggerPanelOptionsCtrl; + }(); + } + }; +}); +//# sourceMappingURL=options_tab.js.map diff --git a/dist/panel-triggers/options_tab.js.map b/dist/panel-triggers/options_tab.js.map new file mode 100644 index 0000000..a02dd4d --- /dev/null +++ b/dist/panel-triggers/options_tab.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/panel-triggers/options_tab.js"],"names":["triggerPanelOptionsTab","restrict","scope","templateUrl","controller","TriggerPanelOptionsCtrl","_","$scope","editor","panelCtrl","ctrl","panel","fontSizes","ackFilters","sortByFields","text","value","showEventsFields","each","triggerList","trigger","color","triggerSeverity","priority","severity","refresh","refreshTriggerSeverity"],"mappings":";;;;;;;;;;;;;AAyDO,WAASA,sBAAT,GAAkC;AACvC,WAAO;AACLC,gBAAU,GADL;AAELC,aAAO,IAFF;AAGLC,mBAAa,oFAHR;AAILC,kBAAYC;AAJP,KAAP;AAMD;;oCAPeL,sB;;;;AA5CTM,O;;;;;;;;;;;;;;;;;;;;;AAKDD,6B;;AAEJ;AACA,yCAAYE,MAAZ,EAAoB;AAAA;;AAClBA,iBAAOC,MAAP,GAAgB,IAAhB;AACA,eAAKC,SAAL,GAAiBF,OAAOG,IAAxB;AACA,eAAKC,KAAL,GAAa,KAAKF,SAAL,CAAeE,KAA5B;;AAEA,eAAKC,SAAL,GAAiB,CAAC,KAAD,EAAQ,KAAR,EAAe,MAAf,EAAuB,MAAvB,EAA+B,MAA/B,EAAuC,MAAvC,EAA+C,MAA/C,EAAuD,MAAvD,EAA+D,MAA/D,EAAuE,MAAvE,EAA+E,MAA/E,EAAuF,MAAvF,CAAjB;AACA,eAAKC,UAAL,GAAkB,CAChB,cADgB,EAEhB,gBAFgB,EAGhB,cAHgB,CAAlB;AAKA,eAAKC,YAAL,GAAoB,CAClB,EAAEC,MAAM,aAAR,EAAwBC,OAAO,YAA/B,EADkB,EAElB,EAAED,MAAM,UAAR,EAAwBC,OAAO,UAA/B,EAFkB,CAApB;AAIA,eAAKC,gBAAL,GAAwB,CACtB,EAAEF,MAAM,KAAR,EAAmBC,OAAO,CAAC,CAAD,EAAG,CAAH,CAA1B,EADsB,EAEtB,EAAED,MAAM,IAAR,EAAmBC,OAAO,CAAC,CAAD,CAA1B,EAFsB,EAGtB,EAAED,MAAM,UAAR,EAAoBC,OAAO,CAA3B,EAHsB,CAAxB;AAKD;;;;mDAEwB;AACvBV,cAAEY,IAAF,CAAO,KAAKC,WAAZ,EAAyB,UAASC,OAAT,EAAkB;AACzCA,sBAAQC,KAAR,GAAgB,KAAKV,KAAL,CAAWW,eAAX,CAA2BF,QAAQG,QAAnC,EAA6CF,KAA7D;AACAD,sBAAQI,QAAR,GAAmB,KAAKb,KAAL,CAAWW,eAAX,CAA2BF,QAAQG,QAAnC,EAA6CC,QAAhE;AACD,aAHD;AAIA,iBAAKf,SAAL,CAAegB,OAAf;AACD;;;qDAE0BL,O,EAASC,K,EAAO;AACzC,iBAAKV,KAAL,CAAWW,eAAX,CAA2BF,QAAQG,QAAnC,EAA6CF,KAA7C,GAAqDA,KAArD;AACA,iBAAKK,sBAAL;AACD","file":"options_tab.js","sourcesContent":["/**\n * Grafana-Zabbix\n * Zabbix plugin for Grafana.\n * http://github.com/alexanderzobnin/grafana-zabbix\n *\n * Trigger panel.\n * This feature sponsored by CORE IT\n * http://www.coreit.fr\n *\n * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com\n * Licensed under the Apache License, Version 2.0\n */\n\nimport _ from 'lodash';\nimport './datasource-selector.directive';\n\nimport '../datasource-zabbix/css/query-editor.css!';\n\nclass TriggerPanelOptionsCtrl {\n\n /** @ngInject */\n constructor($scope) {\n $scope.editor = this;\n this.panelCtrl = $scope.ctrl;\n this.panel = this.panelCtrl.panel;\n\n this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%'];\n this.ackFilters = [\n 'all triggers',\n 'unacknowledged',\n 'acknowledged'\n ];\n this.sortByFields = [\n { text: 'last change', value: 'lastchange' },\n { text: 'severity', value: 'priority' }\n ];\n this.showEventsFields = [\n { text: 'All', value: [0,1] },\n { text: 'OK', value: [0] },\n { text: 'Problems', value: 1 }\n ];\n }\n\n refreshTriggerSeverity() {\n _.each(this.triggerList, function(trigger) {\n trigger.color = this.panel.triggerSeverity[trigger.priority].color;\n trigger.severity = this.panel.triggerSeverity[trigger.priority].severity;\n });\n this.panelCtrl.refresh();\n }\n\n changeTriggerSeverityColor(trigger, color) {\n this.panel.triggerSeverity[trigger.priority].color = color;\n this.refreshTriggerSeverity();\n }\n}\n\nexport function triggerPanelOptionsTab() {\n return {\n restrict: 'E',\n scope: true,\n templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/partials/options_tab.html',\n controller: TriggerPanelOptionsCtrl,\n };\n}\n"]} \ No newline at end of file diff --git a/dist/panel-triggers/partials/options_tab.html b/dist/panel-triggers/partials/options_tab.html new file mode 100644 index 0000000..f1fdf91 --- /dev/null +++ b/dist/panel-triggers/partials/options_tab.html @@ -0,0 +1,199 @@ +
    +
    +
    Show fields
    + + + + + + + + + + + + + + +
    + +
    +
    Options
    + + +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    + + +
    +
    + +
    +
    View options
    +
    + +
    + +
    +
    +
    + + +
    + + + + + +
    + +
    +
    Triggers severity and colors
    +
    +
    + + + + + +
    + + +
    + +
    +
    + + + + + +
    + + +
    +
    +
    + + + + + +
    +
    +
    +
    diff --git a/dist/panel-triggers/partials/triggers_tab.html b/dist/panel-triggers/partials/triggers_tab.html new file mode 100644 index 0000000..472c44e --- /dev/null +++ b/dist/panel-triggers/partials/triggers_tab.html @@ -0,0 +1,83 @@ +
    +
    +
    +
    + +
    +
    + + +
    +
    +
    +
    + +
    +
    +
    {{ ds }}
    +
    +
    + + +
    +
    + + +
    +
    + +
    +
    + + +
    +
    + + +
    +
    +
    +
    diff --git a/dist/panel-triggers/specs/migrations.spec.js b/dist/panel-triggers/specs/migrations.spec.js new file mode 100644 index 0000000..f6bba36 --- /dev/null +++ b/dist/panel-triggers/specs/migrations.spec.js @@ -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(); + }); +}); diff --git a/dist/panel-triggers/triggers_panel_ctrl.js b/dist/panel-triggers/triggers_panel_ctrl.js new file mode 100644 index 0000000..fd6d5db --- /dev/null +++ b/dist/panel-triggers/triggers_panel_ctrl.js @@ -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 = $(''); + + for (var i = startPage; i < endPage; i++) { + var activeClass = i === ctrl.pageIndex ? 'active' : ''; + var pageLinkElem = $('
  • ' + (i + 1) + '
  • '); + 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 diff --git a/dist/panel-triggers/triggers_panel_ctrl.js.map b/dist/panel-triggers/triggers_panel_ctrl.js.map new file mode 100644 index 0000000..aa30026 --- /dev/null +++ b/dist/panel-triggers/triggers_panel_ctrl.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/panel-triggers/triggers_panel_ctrl.js"],"names":["filterTriggers","triggers","triggerFilter","utils","isRegex","_","filter","trigger","buildRegex","test","description","$","moment","PanelCtrl","triggerPanelOptionsTab","triggerPanelTriggersTab","migratePanelSchema","ZABBIX_DS_ID","DEFAULT_TARGET","group","host","application","DEFAULT_SEVERITY","priority","severity","color","show","DEFAULT_TIME_FORMAT","panelDefaults","schemaVersion","datasources","targets","hostField","statusField","severityField","lastChangeField","ageField","infoField","hideHostsInMaintenance","showTriggers","sortTriggersBy","text","value","showEvents","limit","fontSize","pageSize","scroll","customLastChangeFormat","lastChangeFormat","triggerSeverity","okEventColor","ackEventColor","triggerStatusMap","TriggerPanelCtrl","$scope","$injector","$element","datasourceSrv","templateSrv","contextSrv","dashboardSrv","editorTabIndex","defaultTimeFormat","pageIndex","triggerList","currentTriggersPage","panel","defaults","cloneDeep","available_datasources","map","getZabbixDataSources","length","push","isEmpty","initDatasources","events","on","onInitEditMode","bind","onRefresh","promises","ds","get","then","datasource","Promise","all","getMetricSources","meta","id","addEditorTab","timing","queryStart","Date","getTime","queryEnd","otherPanelInFullscreenMode","error","loading","setTimeQueryStart","getTriggers","setTimeQueryEnd","slice","getCurrentTriggersPage","render","catch","err","cancelled","console","log","message","data","emit","zabbix","groupFilter","replaceTemplateVars","hostFilter","appFilter","triggersOptions","getAcknowledges","flatten","results","sortTriggers","formatTrigger","eventids","lastEvent","eventid","each","event","find","acknowledges","timestamp","unix","ack","clock","time","format","user","alias","name","surname","markAckEvents","sortBy","reverse","triggerObj","lastchangeUnix","Number","lastchange","age","fromNow","hosts","hostTechName","showComment","grafana_user","ack_message","zabbixAPI","acknowledgeEvent","startPos","endPos","Math","min","scope","elem","attrs","ctrl","pageCount","getTableHeight","panelHeight","height","switchPage","e","el","currentTarget","parseInt","$apply","renderPanel","appendPaginationControls","footerElem","empty","ceil","startPage","max","endPage","paginationList","i","activeClass","pageLinkElem","append","panelElem","parents","rootElem","css","addClass","renderingCompleted","unbindDestroy","$on","off","renderData","templateUrl"],"mappings":"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","file":"triggers_panel_ctrl.js","sourcesContent":["import _ from 'lodash';\nimport $ from 'jquery';\nimport moment from 'moment';\nimport * as utils from '../datasource-zabbix/utils';\nimport {PanelCtrl} from 'app/plugins/sdk';\nimport {triggerPanelOptionsTab} from './options_tab';\nimport {triggerPanelTriggersTab} from './triggers_tab';\nimport {migratePanelSchema} from './migrations';\n\nconst ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource';\n\nexport const DEFAULT_TARGET = {\n group: {filter: \"\"},\n host: {filter: \"\"},\n application: {filter: \"\"},\n trigger: {filter: \"\"}\n};\n\nexport const DEFAULT_SEVERITY = [\n { priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true },\n { priority: 1, severity: 'Information', color: '#82B5D8', show: true },\n { priority: 2, severity: 'Warning', color: '#E5AC0E', show: true },\n { priority: 3, severity: 'Average', color: '#C15C17', show: true },\n { priority: 4, severity: 'High', color: '#BF1B00', show: true },\n { priority: 5, severity: 'Disaster', color: '#890F02', show: true }\n];\n\nconst DEFAULT_TIME_FORMAT = \"DD MMM YYYY HH:mm:ss\";\n\nconst panelDefaults = {\n schemaVersion: 2,\n datasources: [],\n targets: {},\n // Fields\n hostField: true,\n statusField: false,\n severityField: false,\n lastChangeField: true,\n ageField: true,\n infoField: true,\n // Options\n hideHostsInMaintenance: false,\n showTriggers: 'all triggers',\n sortTriggersBy: { text: 'last change', value: 'lastchange' },\n showEvents: { text: 'Problems', value: '1' },\n limit: 10,\n // View options\n fontSize: '100%',\n pageSize: 10,\n scroll: true,\n customLastChangeFormat: false,\n lastChangeFormat: \"\",\n // Triggers severity and colors\n triggerSeverity: DEFAULT_SEVERITY,\n okEventColor: 'rgba(0, 245, 153, 0.45)',\n ackEventColor: 'rgba(0, 0, 0, 0)'\n};\n\nconst triggerStatusMap = {\n '0': 'OK',\n '1': 'Problem'\n};\n\nexport class TriggerPanelCtrl extends PanelCtrl {\n\n /** @ngInject */\n constructor($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) {\n super($scope, $injector);\n this.datasourceSrv = datasourceSrv;\n this.templateSrv = templateSrv;\n this.contextSrv = contextSrv;\n this.dashboardSrv = dashboardSrv;\n\n this.editorTabIndex = 1;\n this.triggerStatusMap = triggerStatusMap;\n this.defaultTimeFormat = DEFAULT_TIME_FORMAT;\n this.pageIndex = 0;\n this.triggerList = [];\n this.currentTriggersPage = [];\n this.datasources = {};\n\n this.panel = migratePanelSchema(this.panel);\n _.defaults(this.panel, _.cloneDeep(panelDefaults));\n\n this.available_datasources = _.map(this.getZabbixDataSources(), 'name');\n if (this.panel.datasources.length === 0) {\n this.panel.datasources.push(this.available_datasources[0]);\n }\n if (_.isEmpty(this.panel.targets)) {\n this.panel.targets[this.panel.datasources[0]] = DEFAULT_TARGET;\n }\n\n this.initDatasources();\n this.events.on('init-edit-mode', this.onInitEditMode.bind(this));\n this.events.on('refresh', this.onRefresh.bind(this));\n }\n\n initDatasources() {\n let promises = _.map(this.panel.datasources, (ds) => {\n // Load datasource\n return this.datasourceSrv.get(ds)\n .then(datasource => {\n this.datasources[ds] = datasource;\n return datasource;\n });\n });\n return Promise.all(promises);\n }\n\n getZabbixDataSources() {\n return _.filter(this.datasourceSrv.getMetricSources(), datasource => {\n return datasource.meta.id === ZABBIX_DS_ID && datasource.value;\n });\n }\n\n onInitEditMode() {\n this.addEditorTab('Triggers', triggerPanelTriggersTab, 1);\n this.addEditorTab('Options', triggerPanelOptionsTab, 2);\n }\n\n setTimeQueryStart() {\n this.timing.queryStart = new Date().getTime();\n }\n\n setTimeQueryEnd() {\n this.timing.queryEnd = new Date().getTime();\n }\n\n onRefresh() {\n // ignore fetching data if another panel is in fullscreen\n if (this.otherPanelInFullscreenMode()) { return; }\n\n // clear loading/error state\n delete this.error;\n this.loading = true;\n this.setTimeQueryStart();\n\n return this.getTriggers()\n .then(triggerList => {\n // Notify panel that request is finished\n this.loading = false;\n this.setTimeQueryEnd();\n\n // Limit triggers number\n this.triggerList = triggerList.slice(0, this.panel.limit);\n this.getCurrentTriggersPage();\n this.render(this.triggerList);\n })\n .catch(err => {\n // if cancelled keep loading set to true\n if (err.cancelled) {\n console.log('Panel request cancelled', err);\n return;\n }\n\n this.loading = false;\n this.error = err.message || \"Request Error\";\n\n if (err.data) {\n if (err.data.message) {\n this.error = err.data.message;\n }\n if (err.data.error) {\n this.error = err.data.error;\n }\n }\n\n this.events.emit('data-error', err);\n console.log('Panel data error:', err);\n });\n }\n\n getTriggers() {\n let promises = _.map(this.panel.datasources, (ds) => {\n return this.datasourceSrv.get(ds)\n .then(datasource => {\n var zabbix = datasource.zabbix;\n var showEvents = this.panel.showEvents.value;\n var triggerFilter = this.panel.targets[ds];\n var hideHostsInMaintenance = this.panel.hideHostsInMaintenance;\n\n // Replace template variables\n var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter);\n var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter);\n var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter);\n\n let triggersOptions = {\n showTriggers: showEvents,\n hideHostsInMaintenance: hideHostsInMaintenance\n };\n\n return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions);\n }).then((triggers) => {\n return this.getAcknowledges(triggers, ds);\n }).then((triggers) => {\n return this.filterTriggers(triggers, ds);\n });\n });\n\n return Promise.all(promises)\n .then(results => _.flatten(results))\n .then((triggers) => {\n return this.sortTriggers(triggers);\n })\n .then(triggers => {\n return _.map(triggers, this.formatTrigger.bind(this));\n });\n }\n\n getAcknowledges(triggerList, ds) {\n // Request acknowledges for trigger\n var eventids = _.map(triggerList, trigger => {\n return trigger.lastEvent.eventid;\n });\n\n return this.datasources[ds].zabbix.getAcknowledges(eventids)\n .then(events => {\n\n // Map events to triggers\n _.each(triggerList, trigger => {\n var event = _.find(events, event => {\n return event.eventid === trigger.lastEvent.eventid;\n });\n\n if (event) {\n trigger.acknowledges = _.map(event.acknowledges, ack => {\n let timestamp = moment.unix(ack.clock);\n if (this.panel.customLastChangeFormat) {\n ack.time = timestamp.format(this.panel.lastChangeFormat);\n } else {\n ack.time = timestamp.format(this.defaultTimeFormat);\n }\n ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')';\n return ack;\n });\n\n // Mark acknowledged triggers with different color\n if (this.panel.markAckEvents && trigger.acknowledges.length) {\n trigger.color = this.panel.ackEventColor;\n }\n }\n });\n\n return triggerList;\n });\n }\n\n filterTriggers(triggerList, ds) {\n // Filter triggers by description\n var triggerFilter = this.panel.targets[ds].trigger.filter;\n triggerFilter = this.datasources[ds].replaceTemplateVars(triggerFilter);\n if (triggerFilter) {\n triggerList = filterTriggers(triggerList, triggerFilter);\n }\n\n // Filter acknowledged triggers\n if (this.panel.showTriggers === 'unacknowledged') {\n triggerList = _.filter(triggerList, trigger => {\n return !trigger.acknowledges;\n });\n } else if (this.panel.showTriggers === 'acknowledged') {\n triggerList = _.filter(triggerList, 'acknowledges');\n } else {\n triggerList = triggerList;\n }\n\n // Filter triggers by severity\n triggerList = _.filter(triggerList, trigger => {\n return this.panel.triggerSeverity[trigger.priority].show;\n });\n\n return triggerList;\n }\n\n sortTriggers(triggerList) {\n if (this.panel.sortTriggersBy.value === 'priority') {\n triggerList = _.sortBy(triggerList, 'priority').reverse();\n } else {\n triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse();\n }\n return triggerList;\n }\n\n formatTrigger(trigger) {\n let triggerObj = trigger;\n\n // Format last change and age\n trigger.lastchangeUnix = Number(trigger.lastchange);\n let timestamp = moment.unix(trigger.lastchangeUnix);\n if (this.panel.customLastChangeFormat) {\n // User defined format\n triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat);\n } else {\n triggerObj.lastchange = timestamp.format(this.defaultTimeFormat);\n }\n triggerObj.age = timestamp.fromNow(true);\n\n // Set host that the trigger belongs\n if (trigger.hosts.length) {\n triggerObj.host = trigger.hosts[0].name;\n triggerObj.hostTechName = trigger.hosts[0].host;\n }\n\n // Set color\n if (trigger.value === '1') {\n // Problem state\n triggerObj.color = this.panel.triggerSeverity[trigger.priority].color;\n } else {\n // OK state\n triggerObj.color = this.panel.okEventColor;\n }\n\n triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity;\n return triggerObj;\n }\n\n switchComment(trigger) {\n trigger.showComment = !trigger.showComment;\n }\n\n acknowledgeTrigger(trigger, message) {\n let eventid = trigger.lastEvent.eventid;\n let grafana_user = this.contextSrv.user.name;\n let ack_message = grafana_user + ' (Grafana): ' + message;\n return this.datasourceSrv.get(this.panel.datasource)\n .then(datasource => {\n let zabbixAPI = datasource.zabbix.zabbixAPI;\n return zabbixAPI.acknowledgeEvent(eventid, ack_message);\n })\n .then(this.onRefresh.bind(this));\n }\n\n getCurrentTriggersPage() {\n let pageSize = this.panel.pageSize || 10;\n let startPos = this.pageIndex * pageSize;\n let endPos = Math.min(startPos + pageSize, this.triggerList.length);\n this.currentTriggersPage = this.triggerList.slice(startPos, endPos);\n return this.currentTriggersPage;\n }\n\n link(scope, elem, attrs, ctrl) {\n var data;\n var panel = ctrl.panel;\n var pageCount = 0;\n data = ctrl.triggerList;\n\n function getTableHeight() {\n var panelHeight = ctrl.height;\n\n if (pageCount > 1) {\n panelHeight -= 26;\n }\n\n return (panelHeight - 31) + 'px';\n }\n\n function switchPage(e) {\n let el = $(e.currentTarget);\n ctrl.pageIndex = (parseInt(el.text(), 10)-1);\n\n let pageSize = ctrl.panel.pageSize || 10;\n let startPos = ctrl.pageIndex * pageSize;\n let endPos = Math.min(startPos + pageSize, ctrl.triggerList.length);\n ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos);\n\n scope.$apply(() => {\n renderPanel();\n });\n }\n\n function appendPaginationControls(footerElem) {\n footerElem.empty();\n\n var pageSize = ctrl.panel.pageSize || 5;\n pageCount = Math.ceil(data.length / pageSize);\n if (pageCount === 1) {\n return;\n }\n\n var startPage = Math.max(ctrl.pageIndex - 3, 0);\n var endPage = Math.min(pageCount, startPage + 9);\n\n var paginationList = $('');\n\n for (var i = startPage; i < endPage; i++) {\n var activeClass = i === ctrl.pageIndex ? 'active' : '';\n var pageLinkElem = $('
  • ' + (i+1) + '
  • ');\n paginationList.append(pageLinkElem);\n }\n\n footerElem.append(paginationList);\n }\n\n function renderPanel() {\n var panelElem = elem.parents('.panel');\n var rootElem = elem.find('.triggers-panel-scroll');\n var footerElem = elem.find('.triggers-panel-footer');\n\n elem.css({'font-size': panel.fontSize});\n panelElem.addClass('triggers-panel-wrapper');\n appendPaginationControls(footerElem);\n\n rootElem.css({'max-height': panel.scroll ? getTableHeight() : '' });\n ctrl.renderingCompleted();\n }\n\n elem.on('click', '.triggers-panel-page-link', switchPage);\n\n var unbindDestroy = scope.$on('$destroy', function() {\n elem.off('click', '.triggers-panel-page-link');\n unbindDestroy();\n });\n\n ctrl.events.on('render', (renderData) => {\n data = renderData || data;\n if (data) {\n scope.$apply(() => {\n renderPanel();\n });\n }\n });\n }\n}\n\nTriggerPanelCtrl.templateUrl = 'panel-triggers/module.html';\n\nfunction filterTriggers(triggers, triggerFilter) {\n if (utils.isRegex(triggerFilter)) {\n return _.filter(triggers, function(trigger) {\n return utils.buildRegex(triggerFilter).test(trigger.description);\n });\n } else {\n return _.filter(triggers, function(trigger) {\n return trigger.description === triggerFilter;\n });\n }\n}\n"]} \ No newline at end of file diff --git a/dist/panel-triggers/triggers_tab.js b/dist/panel-triggers/triggers_tab.js new file mode 100644 index 0000000..2a7147f --- /dev/null +++ b/dist/panel-triggers/triggers_tab.js @@ -0,0 +1,163 @@ +'use strict'; + +System.register(['lodash', '../datasource-zabbix/utils', './datasource-selector.directive', '../datasource-zabbix/css/query-editor.css!', './triggers_panel_ctrl'], function (_export, _context) { + "use strict"; + + var _, utils, DEFAULT_TARGET, _createClass, TriggersTabCtrl; + + function _classCallCheck(instance, Constructor) { + if (!(instance instanceof Constructor)) { + throw new TypeError("Cannot call a class as a function"); + } + } + + function triggerPanelTriggersTab() { + return { + restrict: 'E', + scope: true, + templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/partials/triggers_tab.html', + controller: TriggersTabCtrl + }; + } + + _export('triggerPanelTriggersTab', triggerPanelTriggersTab); + + return { + setters: [function (_lodash) { + _ = _lodash.default; + }, function (_datasourceZabbixUtils) { + utils = _datasourceZabbixUtils; + }, function (_datasourceSelectorDirective) {}, function (_datasourceZabbixCssQueryEditorCss) {}, function (_triggers_panel_ctrl) { + DEFAULT_TARGET = _triggers_panel_ctrl.DEFAULT_TARGET; + }], + 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; + }; + }(); + + TriggersTabCtrl = function () { + + /** @ngInject */ + function TriggersTabCtrl($scope, $rootScope, uiSegmentSrv, templateSrv) { + _classCallCheck(this, TriggersTabCtrl); + + $scope.editor = this; + this.panelCtrl = $scope.ctrl; + this.panel = this.panelCtrl.panel; + this.templateSrv = templateSrv; + this.datasources = this.panelCtrl.datasources; + + // Load scope defaults + var scopeDefaults = { + getGroupNames: {}, + getHostNames: {}, + getApplicationNames: {}, + oldTarget: _.cloneDeep(this.panel.targets) + }; + _.defaultsDeep(this, scopeDefaults); + + this.initDatasources(); + this.panelCtrl.refresh(); + } + + _createClass(TriggersTabCtrl, [{ + key: 'initDatasources', + value: function initDatasources() { + var _this = this; + + return this.panelCtrl.initDatasources().then(function (datasources) { + _.each(datasources, function (datasource) { + _this.bindSuggestionFunctions(datasource); + }); + }); + } + }, { + key: 'bindSuggestionFunctions', + value: function bindSuggestionFunctions(datasource) { + // Map functions for bs-typeahead + var ds = datasource.name; + this.getGroupNames[ds] = _.bind(this.suggestGroups, this, datasource); + this.getHostNames[ds] = _.bind(this.suggestHosts, this, datasource); + this.getApplicationNames[ds] = _.bind(this.suggestApps, this, datasource); + } + }, { + key: 'suggestGroups', + value: function suggestGroups(datasource, query, callback) { + return datasource.zabbix.getAllGroups().then(function (groups) { + return _.map(groups, 'name'); + }).then(callback); + } + }, { + key: 'suggestHosts', + value: function suggestHosts(datasource, query, callback) { + var groupFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].group.filter); + return datasource.zabbix.getAllHosts(groupFilter).then(function (hosts) { + return _.map(hosts, 'name'); + }).then(callback); + } + }, { + key: 'suggestApps', + value: function suggestApps(datasource, query, callback) { + var groupFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].group.filter); + var hostFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].host.filter); + return datasource.zabbix.getAllApps(groupFilter, hostFilter).then(function (apps) { + return _.map(apps, 'name'); + }).then(callback); + } + }, { + key: 'datasourcesChanged', + value: function datasourcesChanged() { + var _this2 = this; + + _.each(this.panel.datasources, function (ds) { + if (!_this2.panel.targets[ds]) { + _this2.panel.targets[ds] = DEFAULT_TARGET; + } + }); + this.parseTarget(); + } + }, { + key: 'parseTarget', + value: function parseTarget() { + var _this3 = this; + + this.initDatasources().then(function () { + var newTarget = _.cloneDeep(_this3.panel.targets); + if (!_.isEqual(_this3.oldTarget, newTarget)) { + _this3.oldTarget = newTarget; + } + _this3.panelCtrl.refresh(); + }); + } + }, { + key: 'isRegex', + value: function isRegex(str) { + return utils.isRegex(str); + } + }, { + key: 'isVariable', + value: function isVariable(str) { + return utils.isTemplateVariable(str, this.templateSrv.variables); + } + }]); + + return TriggersTabCtrl; + }(); + } + }; +}); +//# sourceMappingURL=triggers_tab.js.map diff --git a/dist/panel-triggers/triggers_tab.js.map b/dist/panel-triggers/triggers_tab.js.map new file mode 100644 index 0000000..f6f3e98 --- /dev/null +++ b/dist/panel-triggers/triggers_tab.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../src/panel-triggers/triggers_tab.js"],"names":["triggerPanelTriggersTab","restrict","scope","templateUrl","controller","TriggersTabCtrl","_","utils","DEFAULT_TARGET","$scope","$rootScope","uiSegmentSrv","templateSrv","editor","panelCtrl","ctrl","panel","datasources","scopeDefaults","getGroupNames","getHostNames","getApplicationNames","oldTarget","cloneDeep","targets","defaultsDeep","initDatasources","refresh","then","each","datasource","bindSuggestionFunctions","ds","name","bind","suggestGroups","suggestHosts","suggestApps","query","callback","zabbix","getAllGroups","map","groups","groupFilter","replaceTemplateVars","group","filter","getAllHosts","hosts","hostFilter","host","getAllApps","apps","parseTarget","newTarget","isEqual","str","isRegex","isTemplateVariable","variables"],"mappings":"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","file":"triggers_tab.js","sourcesContent":["import _ from 'lodash';\nimport * as utils from '../datasource-zabbix/utils';\nimport './datasource-selector.directive';\nimport '../datasource-zabbix/css/query-editor.css!';\nimport {DEFAULT_TARGET} from './triggers_panel_ctrl';\n\nclass TriggersTabCtrl {\n\n /** @ngInject */\n constructor($scope, $rootScope, uiSegmentSrv, templateSrv) {\n $scope.editor = this;\n this.panelCtrl = $scope.ctrl;\n this.panel = this.panelCtrl.panel;\n this.templateSrv = templateSrv;\n this.datasources = this.panelCtrl.datasources;\n\n // Load scope defaults\n var scopeDefaults = {\n getGroupNames: {},\n getHostNames: {},\n getApplicationNames: {},\n oldTarget: _.cloneDeep(this.panel.targets)\n };\n _.defaultsDeep(this, scopeDefaults);\n\n this.initDatasources();\n this.panelCtrl.refresh();\n }\n\n initDatasources() {\n return this.panelCtrl.initDatasources()\n .then((datasources) => {\n _.each(datasources, (datasource) => {\n this.bindSuggestionFunctions(datasource);\n });\n });\n }\n\n bindSuggestionFunctions(datasource) {\n // Map functions for bs-typeahead\n let ds = datasource.name;\n this.getGroupNames[ds] = _.bind(this.suggestGroups, this, datasource);\n this.getHostNames[ds] = _.bind(this.suggestHosts, this, datasource);\n this.getApplicationNames[ds] = _.bind(this.suggestApps, this, datasource);\n }\n\n suggestGroups(datasource, query, callback) {\n return datasource.zabbix.getAllGroups()\n .then(groups => {\n return _.map(groups, 'name');\n })\n .then(callback);\n }\n\n suggestHosts(datasource, query, callback) {\n let groupFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].group.filter);\n return datasource.zabbix.getAllHosts(groupFilter)\n .then(hosts => {\n return _.map(hosts, 'name');\n })\n .then(callback);\n }\n\n suggestApps(datasource, query, callback) {\n let groupFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].group.filter);\n let hostFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].host.filter);\n return datasource.zabbix.getAllApps(groupFilter, hostFilter)\n .then(apps => {\n return _.map(apps, 'name');\n })\n .then(callback);\n }\n\n datasourcesChanged() {\n _.each(this.panel.datasources, (ds) => {\n if (!this.panel.targets[ds]) {\n this.panel.targets[ds] = DEFAULT_TARGET;\n }\n });\n this.parseTarget();\n }\n\n parseTarget() {\n this.initDatasources()\n .then(() => {\n var newTarget = _.cloneDeep(this.panel.targets);\n if (!_.isEqual(this.oldTarget, newTarget)) {\n this.oldTarget = newTarget;\n }\n this.panelCtrl.refresh();\n });\n }\n\n isRegex(str) {\n return utils.isRegex(str);\n }\n\n isVariable(str) {\n return utils.isTemplateVariable(str, this.templateSrv.variables);\n }\n}\n\nexport function triggerPanelTriggersTab() {\n return {\n restrict: 'E',\n scope: true,\n templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/partials/triggers_tab.html',\n controller: TriggersTabCtrl,\n };\n}\n"]} \ No newline at end of file diff --git a/package.json b/package.json index 143129c..5c0a129 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "description": "Zabbix plugin for Grafana", "scripts": { "test": "jest", + "jest": "jest --notify --watch", "build": "grunt && jest", "watch": "grunt watch", "codecov": "grunt && jest --coverage && codecov", @@ -50,7 +51,8 @@ "tether-drop": "^1.4.2" }, "dependencies": { - "lodash": "~4.0.0" + "lodash": "~4.0.0", + "systemjs": "^0.20.19" }, "homepage": "http://grafana-zabbix.org" } diff --git a/src/panel-triggers/datasource-selector.directive.js b/src/panel-triggers/datasource-selector.directive.js new file mode 100644 index 0000000..e1eabd0 --- /dev/null +++ b/src/panel-triggers/datasource-selector.directive.js @@ -0,0 +1,49 @@ +import angular from 'angular'; +import _ from 'lodash'; + +const template = ` + + +`; + +angular +.module('grafana.directives') +.directive('datasourceSelector', () => { + return { + scope: { + datasources: "=", + options: "=", + onChange: "&" + }, + controller: DatasourceSelectorCtrl, + controllerAs: 'ctrl', + template: template + }; +}); + +class DatasourceSelectorCtrl { + + /** @ngInject */ + constructor($scope) { + this.scope = $scope; + let datasources = $scope.datasources; + let options = $scope.options; + this.dsOptions = { + multi: true, + current: {value: datasources, text: datasources.join(" + ")}, + options: _.map(options, (ds) => { + return {text: ds, value: ds, selected: _.includes(datasources, ds)}; + }) + }; + } + + onChange(updatedOptions) { + let newDataSources = updatedOptions.current.value; + this.scope.datasources = newDataSources; + + // Run after model was changed + this.scope.$$postDigest(() => { + this.scope.onChange(); + }); + } +} diff --git a/src/panel-triggers/editor.html b/src/panel-triggers/editor.html deleted file mode 100644 index af58a83..0000000 --- a/src/panel-triggers/editor.html +++ /dev/null @@ -1,293 +0,0 @@ -
    -
    -
    Select triggers
    -
    -
    - - -
    -
    - - -
    -
    - -
    -
    - - -
    -
    - - -
    -
    -
    - -
    -
    Data source
    -
    -
    -
    - -
    -
    -
    -
    -
    - -
    -
    -
    Options
    -
    -
    - -
    - -
    -
    - - -
    -
    -
    - -
    - -
    -
    -
    - -
    - -
    -
    -
    -
    -
    - - -
    - - -
    -
    -
    - -
    - -
    -
    -
    - - -
    -
    -
    - -
    -
    Show fields
    -
    - - - - - - -
    -
    - - - - - - - - -
    - -
    -
    - -
    -
    -
    Customize triggers severity and colors
    -
    -
    - - - - - -
    - - -
    - -
    -
    - - - - - -
    -
    -
    -
    - - - - - -
    - - -
    -
    -
    diff --git a/src/panel-triggers/editor.js b/src/panel-triggers/editor.js deleted file mode 100644 index 9bdf60f..0000000 --- a/src/panel-triggers/editor.js +++ /dev/null @@ -1,188 +0,0 @@ -/** - * Grafana-Zabbix - * Zabbix plugin for Grafana. - * http://github.com/alexanderzobnin/grafana-zabbix - * - * Trigger panel. - * This feature sponsored by CORE IT - * http://www.coreit.fr - * - * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com - * Licensed under the Apache License, Version 2.0 - */ - -import _ from 'lodash'; -import * as utils from '../datasource-zabbix/utils'; - -import '../datasource-zabbix/css/query-editor.css!'; - -class TriggerPanelEditorCtrl { - - /** @ngInject */ - constructor($scope, $rootScope, uiSegmentSrv, datasourceSrv, templateSrv, popoverSrv) { - $scope.editor = this; - this.panelCtrl = $scope.ctrl; - this.panel = this.panelCtrl.panel; - - this.datasourceSrv = datasourceSrv; - this.templateSrv = templateSrv; - this.popoverSrv = popoverSrv; - - // Map functions for bs-typeahead - this.getGroupNames = _.partial(getMetricNames, this, 'groupList'); - this.getHostNames = _.partial(getMetricNames, this, 'hostList'); - this.getApplicationNames = _.partial(getMetricNames, this, 'appList'); - - // Update metric suggestion when template variable was changed - $rootScope.$on('template-variable-value-updated', () => this.onVariableChange()); - - this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%']; - this.ackFilters = [ - 'all triggers', - 'unacknowledged', - 'acknowledged' - ]; - this.sortByFields = [ - { text: 'last change', value: 'lastchange' }, - { text: 'severity', value: 'priority' } - ]; - this.showEventsFields = [ - { text: 'All', value: [0,1] }, - { text: 'OK', value: [0] }, - { text: 'Problems', value: 1 } - ]; - - // Load scope defaults - var scopeDefaults = { - metric: {}, - inputStyles: {}, - oldTarget: _.cloneDeep(this.panel.triggers) - }; - _.defaults(this, scopeDefaults); - - // Set default datasource - this.datasources = _.map(this.getZabbixDataSources(), 'name'); - if (!this.panel.datasource) { - this.panel.datasource = this.datasources[0]; - } - // Load datasource - this.datasourceSrv.get(this.panel.datasource) - .then(datasource => { - this.datasource = datasource; - this.zabbix = datasource.zabbix; - this.queryBuilder = datasource.queryBuilder; - this.initFilters(); - this.panelCtrl.refresh(); - }); - } - - initFilters() { - return Promise.all([ - this.suggestGroups(), - this.suggestHosts(), - this.suggestApps() - ]); - } - - suggestGroups() { - return this.zabbix.getAllGroups() - .then(groups => { - this.metric.groupList = groups; - return groups; - }); - } - - suggestHosts() { - let groupFilter = this.datasource.replaceTemplateVars(this.panel.triggers.group.filter); - return this.zabbix.getAllHosts(groupFilter) - .then(hosts => { - this.metric.hostList = hosts; - return hosts; - }); - } - - suggestApps() { - let groupFilter = this.datasource.replaceTemplateVars(this.panel.triggers.group.filter); - let hostFilter = this.datasource.replaceTemplateVars(this.panel.triggers.host.filter); - return this.zabbix.getAllApps(groupFilter, hostFilter) - .then(apps => { - this.metric.appList = apps; - return apps; - }); - } - - onVariableChange() { - if (this.isContainsVariables()) { - this.targetChanged(); - } - } - - /** - * Check query for template variables - */ - isContainsVariables() { - return _.some(['group', 'host', 'application'], field => { - return utils.isTemplateVariable(this.panel.triggers[field].filter, this.templateSrv.variables); - }); - } - - targetChanged() { - this.initFilters(); - this.panelCtrl.refresh(); - } - - parseTarget() { - this.initFilters(); - var newTarget = _.cloneDeep(this.panel.triggers); - if (!_.isEqual(this.oldTarget, this.panel.triggers)) { - this.oldTarget = newTarget; - this.panelCtrl.refresh(); - } - } - - refreshTriggerSeverity() { - _.each(this.triggerList, function(trigger) { - trigger.color = this.panel.triggerSeverity[trigger.priority].color; - trigger.severity = this.panel.triggerSeverity[trigger.priority].severity; - }); - this.panelCtrl.refresh(); - } - - datasourceChanged() { - this.panelCtrl.refresh(); - } - - changeTriggerSeverityColor(trigger, color) { - this.panel.triggerSeverity[trigger.priority].color = color; - this.refreshTriggerSeverity(); - } - - isRegex(str) { - return utils.isRegex(str); - } - - isVariable(str) { - return utils.isTemplateVariable(str, this.templateSrv.variables); - } - - getZabbixDataSources() { - let ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource'; - return _.filter(this.datasourceSrv.getMetricSources(), datasource => { - return datasource.meta.id === ZABBIX_DS_ID && datasource.value; - }); - } -} - -// Get list of metric names for bs-typeahead directive -function getMetricNames(scope, metricList) { - return _.uniq(_.map(scope.metric[metricList], 'name')); -} - -export function triggerPanelEditor() { - return { - restrict: 'E', - scope: true, - templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/editor.html', - controller: TriggerPanelEditorCtrl, - }; -} diff --git a/src/panel-triggers/migrations.js b/src/panel-triggers/migrations.js new file mode 100644 index 0000000..e932731 --- /dev/null +++ b/src/panel-triggers/migrations.js @@ -0,0 +1,28 @@ +export function migratePanelSchema(panel) { + if (isEmptyPanel(panel)) { + return panel; + } + + const schemaVersion = getSchemaVersion(panel); + switch (schemaVersion) { + case 1: + panel.datasources = [panel.datasource]; + panel.targets = {}; + panel.targets[panel.datasources[0]] = panel.triggers; + + // delete old props + delete panel.triggers; + delete panel.datasource; + break; + } + + return panel; +} + +function getSchemaVersion(panel) { + return panel.schemaVersion || 1; +} + +function isEmptyPanel(panel) { + return !panel.datasource && !panel.datasources && !panel.triggers && !panel.targets; +} diff --git a/src/panel-triggers/module.js b/src/panel-triggers/module.js index 3d34704..329bd74 100644 --- a/src/panel-triggers/module.js +++ b/src/panel-triggers/module.js @@ -11,13 +11,8 @@ * Licensed under the Apache License, Version 2.0 */ -import _ from 'lodash'; -import $ from 'jquery'; -import moment from 'moment'; +import {TriggerPanelCtrl} from './triggers_panel_ctrl'; import {loadPluginCss} from 'app/plugins/sdk'; -import * as utils from '../datasource-zabbix/utils'; -import {PanelCtrl} from 'app/plugins/sdk'; -import {triggerPanelEditor} from './editor'; import './ack-tooltip.directive'; loadPluginCss({ @@ -25,358 +20,6 @@ loadPluginCss({ light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css' }); -var 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 } -]; - -var panelDefaults = { - datasource: null, - triggers: { - group: {filter: ""}, - host: {filter: ""}, - application: {filter: ""}, - trigger: {filter: ""} - }, - 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: defaultSeverity, - okEventColor: 'rgba(0, 245, 153, 0.45)', - ackEventColor: 'rgba(0, 0, 0, 0)', - scroll: true, - pageSize: 10, - fontSize: '100%', -}; - -var triggerStatusMap = { - '0': 'OK', - '1': 'Problem' -}; - -var defaultTimeFormat = "DD MMM YYYY HH:mm:ss"; - -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.triggerStatusMap = triggerStatusMap; - this.defaultTimeFormat = defaultTimeFormat; - this.pageIndex = 0; - this.triggerList = []; - this.currentTriggersPage = []; - - // Load panel defaults - // _.cloneDeep() need for prevent changing shared defaultSeverity. - // Load object "by value" istead "by reference". - _.defaults(this.panel, _.cloneDeep(panelDefaults)); - - this.events.on('init-edit-mode', this.onInitEditMode.bind(this)); - this.events.on('refresh', this.onRefresh.bind(this)); - } - - onInitEditMode() { - this.addEditorTab('Options', triggerPanelEditor, 2); - } - - onRefresh() { - // ignore fetching data if another panel is in fullscreen - if (this.otherPanelInFullscreenMode()) { return; } - - // clear loading/error state - delete this.error; - this.loading = true; - - return this.refreshData() - .then(triggerList => { - // Limit triggers number - this.triggerList = triggerList.slice(0, this.panel.limit); - - this.getCurrentTriggersPage(); - - // Notify panel that request is finished - this.loading = false; - - this.render(this.triggerList); - }); - } - - refreshData() { - return this.getTriggers() - .then(this.getAcknowledges.bind(this)) - .then(this.filterTriggers.bind(this)); - } - - getTriggers() { - return this.datasourceSrv.get(this.panel.datasource) - .then(datasource => { - var zabbix = datasource.zabbix; - this.zabbix = zabbix; - this.datasource = datasource; - var showEvents = this.panel.showEvents.value; - var triggerFilter = this.panel.triggers; - 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 _.map(triggers, this.formatTrigger.bind(this)); - }); - } - - getAcknowledges(triggerList) { - // Request acknowledges for trigger - var eventids = _.map(triggerList, trigger => { - return trigger.lastEvent.eventid; - }); - - return this.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) { - // Filter triggers by description - var triggerFilter = this.panel.triggers.trigger.filter; - triggerFilter = this.datasource.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; - }); - - // Sort triggers - 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 = $(''); - - for (var i = startPage; i < endPage; i++) { - var activeClass = i === ctrl.pageIndex ? 'active' : ''; - var pageLinkElem = $('
  • ' + (i+1) + '
  • '); - 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() : '' }); - } - - 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) { - renderPanel(); - } - ctrl.renderingCompleted(); - }); - } -} - -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 { - TriggerPanelCtrl, TriggerPanelCtrl as PanelCtrl }; diff --git a/src/panel-triggers/options_tab.js b/src/panel-triggers/options_tab.js new file mode 100644 index 0000000..1a6f8b4 --- /dev/null +++ b/src/panel-triggers/options_tab.js @@ -0,0 +1,65 @@ +/** + * Grafana-Zabbix + * Zabbix plugin for Grafana. + * http://github.com/alexanderzobnin/grafana-zabbix + * + * Trigger panel. + * This feature sponsored by CORE IT + * http://www.coreit.fr + * + * Copyright 2015 Alexander Zobnin alexanderzobnin@gmail.com + * Licensed under the Apache License, Version 2.0 + */ + +import _ from 'lodash'; +import './datasource-selector.directive'; + +import '../datasource-zabbix/css/query-editor.css!'; + +class TriggerPanelOptionsCtrl { + + /** @ngInject */ + constructor($scope) { + $scope.editor = this; + this.panelCtrl = $scope.ctrl; + this.panel = this.panelCtrl.panel; + + this.fontSizes = ['80%', '90%', '100%', '110%', '120%', '130%', '150%', '160%', '180%', '200%', '220%', '250%']; + this.ackFilters = [ + 'all triggers', + 'unacknowledged', + 'acknowledged' + ]; + this.sortByFields = [ + { text: 'last change', value: 'lastchange' }, + { text: 'severity', value: 'priority' } + ]; + this.showEventsFields = [ + { text: 'All', value: [0,1] }, + { text: 'OK', value: [0] }, + { text: 'Problems', value: 1 } + ]; + } + + refreshTriggerSeverity() { + _.each(this.triggerList, function(trigger) { + trigger.color = this.panel.triggerSeverity[trigger.priority].color; + trigger.severity = this.panel.triggerSeverity[trigger.priority].severity; + }); + this.panelCtrl.refresh(); + } + + changeTriggerSeverityColor(trigger, color) { + this.panel.triggerSeverity[trigger.priority].color = color; + this.refreshTriggerSeverity(); + } +} + +export function triggerPanelOptionsTab() { + return { + restrict: 'E', + scope: true, + templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/partials/options_tab.html', + controller: TriggerPanelOptionsCtrl, + }; +} diff --git a/src/panel-triggers/partials/options_tab.html b/src/panel-triggers/partials/options_tab.html new file mode 100644 index 0000000..f1fdf91 --- /dev/null +++ b/src/panel-triggers/partials/options_tab.html @@ -0,0 +1,199 @@ +
    +
    +
    Show fields
    + + + + + + + + + + + + + + +
    + +
    +
    Options
    + + +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    + +
    + +
    +
    +
    + + +
    +
    + +
    +
    View options
    +
    + +
    + +
    +
    +
    + + +
    + + + + + +
    + +
    +
    Triggers severity and colors
    +
    +
    + + + + + +
    + + +
    + +
    +
    + + + + + +
    + + +
    +
    +
    + + + + + +
    +
    +
    +
    diff --git a/src/panel-triggers/partials/triggers_tab.html b/src/panel-triggers/partials/triggers_tab.html new file mode 100644 index 0000000..472c44e --- /dev/null +++ b/src/panel-triggers/partials/triggers_tab.html @@ -0,0 +1,83 @@ +
    +
    +
    +
    + +
    +
    + + +
    +
    +
    +
    + +
    +
    +
    {{ ds }}
    +
    +
    + + +
    +
    + + +
    +
    + +
    +
    + + +
    +
    + + +
    +
    +
    +
    diff --git a/src/panel-triggers/specs/migrations.spec.js b/src/panel-triggers/specs/migrations.spec.js new file mode 100644 index 0000000..f6bba36 --- /dev/null +++ b/src/panel-triggers/specs/migrations.spec.js @@ -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(); + }); +}); diff --git a/src/panel-triggers/triggers_panel_ctrl.js b/src/panel-triggers/triggers_panel_ctrl.js new file mode 100644 index 0000000..6fbfe9d --- /dev/null +++ b/src/panel-triggers/triggers_panel_ctrl.js @@ -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 = $(''); + + for (var i = startPage; i < endPage; i++) { + var activeClass = i === ctrl.pageIndex ? 'active' : ''; + var pageLinkElem = $('
  • ' + (i+1) + '
  • '); + 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; + }); + } +} diff --git a/src/panel-triggers/triggers_tab.js b/src/panel-triggers/triggers_tab.js new file mode 100644 index 0000000..c033152 --- /dev/null +++ b/src/panel-triggers/triggers_tab.js @@ -0,0 +1,110 @@ +import _ from 'lodash'; +import * as utils from '../datasource-zabbix/utils'; +import './datasource-selector.directive'; +import '../datasource-zabbix/css/query-editor.css!'; +import {DEFAULT_TARGET} from './triggers_panel_ctrl'; + +class TriggersTabCtrl { + + /** @ngInject */ + constructor($scope, $rootScope, uiSegmentSrv, templateSrv) { + $scope.editor = this; + this.panelCtrl = $scope.ctrl; + this.panel = this.panelCtrl.panel; + this.templateSrv = templateSrv; + this.datasources = this.panelCtrl.datasources; + + // Load scope defaults + var scopeDefaults = { + getGroupNames: {}, + getHostNames: {}, + getApplicationNames: {}, + oldTarget: _.cloneDeep(this.panel.targets) + }; + _.defaultsDeep(this, scopeDefaults); + + this.initDatasources(); + this.panelCtrl.refresh(); + } + + initDatasources() { + return this.panelCtrl.initDatasources() + .then((datasources) => { + _.each(datasources, (datasource) => { + this.bindSuggestionFunctions(datasource); + }); + }); + } + + bindSuggestionFunctions(datasource) { + // Map functions for bs-typeahead + let ds = datasource.name; + this.getGroupNames[ds] = _.bind(this.suggestGroups, this, datasource); + this.getHostNames[ds] = _.bind(this.suggestHosts, this, datasource); + this.getApplicationNames[ds] = _.bind(this.suggestApps, this, datasource); + } + + suggestGroups(datasource, query, callback) { + return datasource.zabbix.getAllGroups() + .then(groups => { + return _.map(groups, 'name'); + }) + .then(callback); + } + + suggestHosts(datasource, query, callback) { + let groupFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].group.filter); + return datasource.zabbix.getAllHosts(groupFilter) + .then(hosts => { + return _.map(hosts, 'name'); + }) + .then(callback); + } + + suggestApps(datasource, query, callback) { + let groupFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].group.filter); + let hostFilter = datasource.replaceTemplateVars(this.panel.targets[datasource.name].host.filter); + return datasource.zabbix.getAllApps(groupFilter, hostFilter) + .then(apps => { + return _.map(apps, 'name'); + }) + .then(callback); + } + + datasourcesChanged() { + _.each(this.panel.datasources, (ds) => { + if (!this.panel.targets[ds]) { + this.panel.targets[ds] = DEFAULT_TARGET; + } + }); + this.parseTarget(); + } + + parseTarget() { + this.initDatasources() + .then(() => { + var newTarget = _.cloneDeep(this.panel.targets); + if (!_.isEqual(this.oldTarget, newTarget)) { + this.oldTarget = newTarget; + } + this.panelCtrl.refresh(); + }); + } + + isRegex(str) { + return utils.isRegex(str); + } + + isVariable(str) { + return utils.isTemplateVariable(str, this.templateSrv.variables); + } +} + +export function triggerPanelTriggersTab() { + return { + restrict: 'E', + scope: true, + templateUrl: 'public/plugins/alexanderzobnin-zabbix-app/panel-triggers/partials/triggers_tab.html', + controller: TriggersTabCtrl, + }; +} diff --git a/src/test-setup/jest-setup.js b/src/test-setup/jest-setup.js index ff528b8..439e185 100644 --- a/src/test-setup/jest-setup.js +++ b/src/test-setup/jest-setup.js @@ -2,6 +2,8 @@ /* globals global: false */ import {JSDOM} from 'jsdom'; +import System from 'systemjs'; +import {PanelCtrl} from './panelStub'; // Mock Grafana modules that are not available outside of the core project // Required for loading module.js @@ -17,9 +19,12 @@ jest.mock('angular', () => { }; }, {virtual: true}); +let mockPanelCtrl = PanelCtrl; jest.mock('app/plugins/sdk', () => { return { - QueryCtrl: null + QueryCtrl: null, + loadPluginCss: () => {}, + PanelCtrl: mockPanelCtrl }; }, {virtual: true}); @@ -48,3 +53,4 @@ let dom = new JSDOM(''); global.window = dom.window; global.document = global.window.document; global.Node = window.Node; +global.System = System; diff --git a/src/test-setup/panelStub.js b/src/test-setup/panelStub.js new file mode 100644 index 0000000..b5f601f --- /dev/null +++ b/src/test-setup/panelStub.js @@ -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() { + } +}