/** * 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 $ from 'jquery'; import moment from 'moment'; import {loadPluginCss} from 'app/plugins/sdk'; import * as utils from '../datasource-zabbix/utils'; import {PanelCtrl} from 'app/plugins/sdk'; import {triggerPanelOptionsTab} from './options_tab'; import {triggerPanelTriggersTab} from './triggers_tab'; import {migratePanelSchema} from './migrations'; import './ack-tooltip.directive'; loadPluginCss({ dark: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.dark.css', light: 'plugins/alexanderzobnin-zabbix-app/css/grafana-zabbix.light.css' }); const ZABBIX_DS_ID = 'alexanderzobnin-zabbix-datasource'; export const DEFAULT_TARGET = { group: {filter: ""}, host: {filter: ""}, application: {filter: ""}, trigger: {filter: ""} }; const defaultSeverity = [ { priority: 0, severity: 'Not classified', color: '#B7DBAB', show: true }, { priority: 1, severity: 'Information', color: '#82B5D8', show: true }, { priority: 2, severity: 'Warning', color: '#E5AC0E', show: true }, { priority: 3, severity: 'Average', color: '#C15C17', show: true }, { priority: 4, severity: 'High', color: '#BF1B00', show: true }, { priority: 5, severity: 'Disaster', color: '#890F02', show: true } ]; const DEFAULT_TIME_FORMAT = "DD MMM YYYY HH:mm:ss"; const panelDefaults = { schemaVersion: 2, datasources: [], targets: {}, // Fields hostField: true, statusField: false, severityField: false, lastChangeField: true, ageField: true, infoField: true, // Options hideHostsInMaintenance: false, showTriggers: 'all triggers', sortTriggersBy: { text: 'last change', value: 'lastchange' }, showEvents: { text: 'Problems', value: '1' }, limit: 10, // View options fontSize: '100%', pageSize: 10, scroll: true, customLastChangeFormat: false, lastChangeFormat: "", // Triggers severity and colors triggerSeverity: defaultSeverity, okEventColor: 'rgba(0, 245, 153, 0.45)', ackEventColor: 'rgba(0, 0, 0, 0)' }; const triggerStatusMap = { '0': 'OK', '1': 'Problem' }; class TriggerPanelCtrl extends PanelCtrl { /** @ngInject */ constructor($scope, $injector, $element, datasourceSrv, templateSrv, contextSrv, dashboardSrv) { super($scope, $injector); this.datasourceSrv = datasourceSrv; this.templateSrv = templateSrv; this.contextSrv = contextSrv; this.dashboardSrv = dashboardSrv; this.editorTabIndex = 1; this.triggerStatusMap = triggerStatusMap; this.defaultTimeFormat = DEFAULT_TIME_FORMAT; this.pageIndex = 0; this.triggerList = []; this.currentTriggersPage = []; this.datasources = {}; _.defaults(this.panel, _.cloneDeep(panelDefaults)); this.panel = migratePanelSchema(this.panel); this.available_datasources = _.map(this.getZabbixDataSources(), 'name'); if (this.panel.datasources.length === 0) { this.panel.datasources.push(this.available_datasources[0]); } if (_.isEmpty(this.panel.targets)) { this.panel.targets[this.panel.datasources[0]] = DEFAULT_TARGET; } this.initDatasources(); this.events.on('init-edit-mode', this.onInitEditMode.bind(this)); this.events.on('refresh', this.onRefresh.bind(this)); } initDatasources() { let promises = _.map(this.panel.datasources, (ds) => { // Load datasource return this.datasourceSrv.get(ds) .then(datasource => { this.datasources[ds] = datasource; return datasource; }); }); return Promise.all(promises); } getZabbixDataSources() { return _.filter(this.datasourceSrv.getMetricSources(), datasource => { return datasource.meta.id === ZABBIX_DS_ID && datasource.value; }); } onInitEditMode() { this.addEditorTab('Triggers', triggerPanelTriggersTab, 1); this.addEditorTab('Options', triggerPanelOptionsTab, 2); } setTimeQueryStart() { this.timing.queryStart = new Date().getTime(); } setTimeQueryEnd() { this.timing.queryEnd = new Date().getTime(); } onRefresh() { // ignore fetching data if another panel is in fullscreen if (this.otherPanelInFullscreenMode()) { return; } // clear loading/error state delete this.error; this.loading = true; this.setTimeQueryStart(); return this.getTriggers() .then(triggerList => { // Notify panel that request is finished this.loading = false; this.setTimeQueryEnd(); // Limit triggers number this.triggerList = triggerList.slice(0, this.panel.limit); this.getCurrentTriggersPage(); this.render(this.triggerList); }) .catch(err => { // if cancelled keep loading set to true if (err.cancelled) { console.log('Panel request cancelled', err); return; } this.loading = false; this.error = err.message || "Request Error"; if (err.data) { if (err.data.message) { this.error = err.data.message; } if (err.data.error) { this.error = err.data.error; } } this.events.emit('data-error', err); console.log('Panel data error:', err); }); } getTriggers() { let promises = _.map(this.panel.datasources, (ds) => { return this.datasourceSrv.get(ds) .then(datasource => { var zabbix = datasource.zabbix; var showEvents = this.panel.showEvents.value; var triggerFilter = this.panel.targets[ds]; var hideHostsInMaintenance = this.panel.hideHostsInMaintenance; // Replace template variables var groupFilter = datasource.replaceTemplateVars(triggerFilter.group.filter); var hostFilter = datasource.replaceTemplateVars(triggerFilter.host.filter); var appFilter = datasource.replaceTemplateVars(triggerFilter.application.filter); let triggersOptions = { showTriggers: showEvents, hideHostsInMaintenance: hideHostsInMaintenance }; return zabbix.getTriggers(groupFilter, hostFilter, appFilter, triggersOptions); }).then((triggers) => { return this.getAcknowledges(triggers, ds); }).then((triggers) => { return this.filterTriggers(triggers, ds); }); }); return Promise.all(promises) .then(results => _.flatten(results)) .then((triggers) => { return this.sortTriggers(triggers); }) .then(triggers => { return _.map(triggers, this.formatTrigger.bind(this)); }); } getAcknowledges(triggerList, ds) { // Request acknowledges for trigger var eventids = _.map(triggerList, trigger => { return trigger.lastEvent.eventid; }); return this.datasources[ds].zabbix.getAcknowledges(eventids) .then(events => { // Map events to triggers _.each(triggerList, trigger => { var event = _.find(events, event => { return event.eventid === trigger.lastEvent.eventid; }); if (event) { trigger.acknowledges = _.map(event.acknowledges, ack => { let timestamp = moment.unix(ack.clock); if (this.panel.customLastChangeFormat) { ack.time = timestamp.format(this.panel.lastChangeFormat); } else { ack.time = timestamp.format(this.defaultTimeFormat); } ack.user = ack.alias + ' (' + ack.name + ' ' + ack.surname + ')'; return ack; }); // Mark acknowledged triggers with different color if (this.panel.markAckEvents && trigger.acknowledges.length) { trigger.color = this.panel.ackEventColor; } } }); return triggerList; }); } filterTriggers(triggerList, ds) { // Filter triggers by description var triggerFilter = this.panel.targets[ds].trigger.filter; triggerFilter = this.datasources[ds].replaceTemplateVars(triggerFilter); if (triggerFilter) { triggerList = filterTriggers(triggerList, triggerFilter); } // Filter acknowledged triggers if (this.panel.showTriggers === 'unacknowledged') { triggerList = _.filter(triggerList, trigger => { return !trigger.acknowledges; }); } else if (this.panel.showTriggers === 'acknowledged') { triggerList = _.filter(triggerList, 'acknowledges'); } else { triggerList = triggerList; } // Filter triggers by severity triggerList = _.filter(triggerList, trigger => { return this.panel.triggerSeverity[trigger.priority].show; }); return triggerList; } sortTriggers(triggerList) { if (this.panel.sortTriggersBy.value === 'priority') { triggerList = _.sortBy(triggerList, 'priority').reverse(); } else { triggerList = _.sortBy(triggerList, 'lastchangeUnix').reverse(); } return triggerList; } formatTrigger(trigger) { let triggerObj = trigger; // Format last change and age trigger.lastchangeUnix = Number(trigger.lastchange); let timestamp = moment.unix(trigger.lastchangeUnix); if (this.panel.customLastChangeFormat) { // User defined format triggerObj.lastchange = timestamp.format(this.panel.lastChangeFormat); } else { triggerObj.lastchange = timestamp.format(this.defaultTimeFormat); } triggerObj.age = timestamp.fromNow(true); // Set host that the trigger belongs if (trigger.hosts.length) { triggerObj.host = trigger.hosts[0].name; triggerObj.hostTechName = trigger.hosts[0].host; } // Set color if (trigger.value === '1') { // Problem state triggerObj.color = this.panel.triggerSeverity[trigger.priority].color; } else { // OK state triggerObj.color = this.panel.okEventColor; } triggerObj.severity = this.panel.triggerSeverity[trigger.priority].severity; return triggerObj; } switchComment(trigger) { trigger.showComment = !trigger.showComment; } acknowledgeTrigger(trigger, message) { let eventid = trigger.lastEvent.eventid; let grafana_user = this.contextSrv.user.name; let ack_message = grafana_user + ' (Grafana): ' + message; return this.datasourceSrv.get(this.panel.datasource) .then(datasource => { let zabbixAPI = datasource.zabbix.zabbixAPI; return zabbixAPI.acknowledgeEvent(eventid, ack_message); }) .then(this.onRefresh.bind(this)); } getCurrentTriggersPage() { let pageSize = this.panel.pageSize || 10; let startPos = this.pageIndex * pageSize; let endPos = Math.min(startPos + pageSize, this.triggerList.length); this.currentTriggersPage = this.triggerList.slice(startPos, endPos); return this.currentTriggersPage; } link(scope, elem, attrs, ctrl) { var data; var panel = ctrl.panel; var pageCount = 0; data = ctrl.triggerList; function getTableHeight() { var panelHeight = ctrl.height; if (pageCount > 1) { panelHeight -= 26; } return (panelHeight - 31) + 'px'; } function switchPage(e) { let el = $(e.currentTarget); ctrl.pageIndex = (parseInt(el.text(), 10)-1); let pageSize = ctrl.panel.pageSize || 10; let startPos = ctrl.pageIndex * pageSize; let endPos = Math.min(startPos + pageSize, ctrl.triggerList.length); ctrl.currentTriggersPage = ctrl.triggerList.slice(startPos, endPos); scope.$apply(() => { renderPanel(); }); } function appendPaginationControls(footerElem) { footerElem.empty(); var pageSize = ctrl.panel.pageSize || 5; pageCount = Math.ceil(data.length / pageSize); if (pageCount === 1) { return; } var startPage = Math.max(ctrl.pageIndex - 3, 0); var endPage = Math.min(pageCount, startPage + 9); var paginationList = $(''); 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; }); } } export { TriggerPanelCtrl, TriggerPanelCtrl as PanelCtrl };