-
-
-
{{ measurement.alias }}
-
-
Metric: {{ measurement.refId }}
-
Please enter an alias for this measurement bellow
-
-
-
-
-
-
diff --git a/dist/module.html b/dist/module.html
index b082cd9c..de3550e9 100644
--- a/dist/module.html
+++ b/dist/module.html
@@ -1,49 +1,41 @@
-
- Error: There are multiple measurements with the same alias. Please give each measurement a unique name.
-
+
+
ok
+
warning
+
critical
+
No data
+
+
+
+ Error: There are multiple measurements with the same alias. Please give each measurement a unique name.
+
-
+
+
-
diff --git a/dist/status_ctrl.js b/dist/status_ctrl.js
index d8a463c8..d9bb63e5 100644
--- a/dist/status_ctrl.js
+++ b/dist/status_ctrl.js
@@ -1,328 +1,305 @@
"use strict";
System.register(["app/plugins/sdk", "app/plugins/panel/graph/legend", "app/plugins/panel/graph/series_overrides_ctrl", "lodash", "app/core/time_series2", "app/core/core_module", "./css/status_panel.css!"], function (_export, _context) {
- "use strict";
-
- var MetricsPanelCtrl, _, TimeSeries, coreModule, _createClass, StatusPluginCtrl;
-
- 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;
- }
-
- return {
- setters: [function (_appPluginsSdk) {
- MetricsPanelCtrl = _appPluginsSdk.MetricsPanelCtrl;
- }, function (_appPluginsPanelGraphLegend) {}, function (_appPluginsPanelGraphSeries_overrides_ctrl) {}, function (_lodash) {
- _ = _lodash.default;
- }, function (_appCoreTime_series) {
- TimeSeries = _appCoreTime_series.default;
- }, function (_appCoreCore_module) {
- coreModule = _appCoreCore_module.default;
- }, function (_cssStatus_panelCss) {}],
- 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;
- };
- }();
-
- _export("StatusPluginCtrl", StatusPluginCtrl = function (_MetricsPanelCtrl) {
- _inherits(StatusPluginCtrl, _MetricsPanelCtrl);
-
- /** @ngInject */
- function StatusPluginCtrl($scope, $injector, $log, $filter, annotationsSrv) {
- _classCallCheck(this, StatusPluginCtrl);
-
- var _this = _possibleConstructorReturn(this, (StatusPluginCtrl.__proto__ || Object.getPrototypeOf(StatusPluginCtrl)).call(this, $scope, $injector));
-
- //this.log = $log.debug;
- _this.filter = $filter;
-
- _this.displayTypes = ['Threshold', 'Disable Criteria', 'Annotation'];
- _this.aggregations = ['Last', 'First', 'Max', 'Min', 'Sum', 'Avg'];
-
- /** Bind events to functions **/
- _this.events.on('render', _this.onRender.bind(_this));
- _this.events.on('refresh', _this.postRefresh.bind(_this));
- _this.events.on('data-error', _this.onDataError.bind(_this));
- _this.events.on('data-received', _this.onDataReceived.bind(_this));
- _this.events.on('data-snapshot-load', _this.onDataReceived.bind(_this));
- _this.events.on('init-edit-mode', _this.onInitEditMode.bind(_this));
- return _this;
- }
-
- _createClass(StatusPluginCtrl, [{
- key: "postRefresh",
- value: function postRefresh() {
- var _this2 = this;
-
- if (this.panel.fixedSpan) {
- this.panel.span = this.panel.fixedSpan;
- }
-
- this.measurements = this.panel.targets;
-
- /** Duplicate alias validation **/
- this.duplicates = false;
-
- this.measurements = _.filter(this.measurements, function (measurement) {
- return !measurement.hide;
- });
-
- _.each(this.measurements, function (m) {
- var res = _.filter(_this2.measurements, function (measurement) {
- return (m.alias == measurement.alias || m.target == measurement.target && m.target) && !m.hide;
- });
-
- if (res.length > 1) {
- _this2.duplicates = true;
- }
- });
- }
- }, {
- key: "onInitEditMode",
- value: function onInitEditMode() {
- this.addEditorTab('Options', 'public/plugins/vonage-status-panel/editor.html', 2);
- }
- }, {
- key: "setElementHeight",
- value: function setElementHeight() {
- this.$panelContainer.find('.status-panel').css('height', this.$panelContoller.height + 'px');
- }
- }, {
- key: "onRender",
- value: function onRender() {
- var _this3 = this;
-
- this.setElementHeight();
-
- if (this.panel.clusterName) {
- this.panel.displayName = this.filter('interpolateTemplateVars')(this.panel.clusterName, this.$scope).replace(new RegExp(this.panel.namePrefix, 'i'), '');
- } else {
- this.panel.displayName = "";
- }
-
- var targets = this.panel.targets;
-
- this.crit = [];
- this.warn = [];
- this.display = [];
- this.disabled = [];
- this.annotation = [];
-
- _.each(this.series, function (s) {
- var target = _.find(targets, function (target) {
- return target.alias == s.alias || target.target == s.alias;
- });
-
- if (!target) {
- return;
- }
-
- s.alias = target.alias;
- s.url = target.url;
-
- var value = void 0;
- switch (target.aggregation) {
- case 'Max':
- value = _.max(s.datapoints, function (point) {
- return point[0];
- })[0];
- value = s.stats.max;
- break;
- case 'Min':
- value = _.min(s.datapoints, function (point) {
- return point[0];
- })[0];
- value = s.stats.min;
- break;
- case 'Sum':
- value = 0;
- _.each(s.datapoints, function (point) {
- value += point[0];
- });
- value = s.stats.total;
- break;
- case 'Avg':
- value = s.stats.avg;
- break;
- case 'First':
- value = s.datapoints[0][0];
- break;
- default:
- value = s.datapoints[s.datapoints.length - 1][0];
- }
-
- s.display_value = value;
-
- if (target.displayType == "Threshold") {
- _this3.handleThresholdStatus(s, target);
- } else if (target.displayType == "Disable Criteria") {
- _this3.handleDisabledStatus(s, target);
- } else if (target.displayType == "Annotation") {
- _this3.handleAnnotations(s, target);
- }
- });
-
- this.handle_css_display();
- this.parseUri();
- }
- }, {
- key: "handleThresholdStatus",
- value: function handleThresholdStatus(series, target) {
- series.thresholds = StatusPluginCtrl.parseThresholds(target);
- series.inverted = series.thresholds.crit < series.thresholds.warn;
- series.display = target.display;
-
- if (!series.inverted) {
- if (series.display_value >= series.thresholds.crit) {
- this.crit.push(series);
- } else if (series.display_value >= series.thresholds.warn) {
- this.warn.push(series);
- } else if (series.display) {
- this.display.push(series);
- }
- } else {
- if (series.display_value <= series.thresholds.crit) {
- this.crit.push(series);
- } else if (series.display_value <= series.thresholds.warn) {
- this.warn.push(series);
- } else if (series.display) {
- this.display.push(series);
- }
- }
- }
- }, {
- key: "handleDisabledStatus",
- value: function handleDisabledStatus(series, target) {
-
- series.disabledValue = target.disabledValue;
-
- if (series.display_value == series.disabledValue) {
- this.disabled.push(series);
- }
- }
- }, {
- key: "handleAnnotations",
- value: function handleAnnotations(series, target) {
- this.annotation.push(series);
- }
- }, {
- key: "handle_css_display",
- value: function handle_css_display() {
- this.$panelContainer.removeClass('error-state warn-state disabled-state ok-state no-data-state');
-
- if (this.duplicates) {
- this.$panelContainer.addClass('error-state');
- } else if (this.disabled.length > 0) {
- this.$panelContainer.addClass('disabled-state');
- } else if (this.crit.length > 0) {
- this.$panelContainer.addClass('error-state');
- } else if (this.warn.length > 0) {
- this.$panelContainer.addClass('warn-state');
- } else if ((this.series == undefined || this.series.length == 0) && this.panel.isGrayOnNoData) {
- this.$panelContainer.addClass('no-data-state');
- } else {
- this.$panelContainer.addClass('ok-state');
- }
- }
- }, {
- key: "parseUri",
- value: function parseUri() {
- if (this.panel.links && this.panel.links.length > 0) {
- this.uri = this.panel.links[0].dashUri + "?" + this.panel.links[0].params;
- } else {
- this.uri = undefined;
- }
- }
- }, {
- key: "onDataReceived",
- value: function onDataReceived(dataList) {
- this.series = dataList.map(this.seriesHandler.bind(this));
-
- this.render();
- }
- }, {
- key: "onDataError",
- value: function onDataError() {
- this.crit = [];
- this.warn = [];
- }
- }, {
- key: "seriesHandler",
- value: function seriesHandler(seriesData) {
- var series = new TimeSeries({
- datapoints: seriesData.datapoints,
- alias: seriesData.target
- });
-
- series.flotpairs = series.getFlotPairs("connected");
-
- return series;
- }
- }, {
- key: "link",
- value: function link(scope, elem, attrs, ctrl) {
- this.$panelContainer = elem.find('.panel-container');
- this.$panelContoller = ctrl;
- }
- }], [{
- key: "parseThresholds",
- value: function parseThresholds(metricOptions) {
- var res = {};
-
- res.warn = metricOptions.warn;
- res.crit = metricOptions.crit;
-
- return res;
- }
- }]);
-
- return StatusPluginCtrl;
- }(MetricsPanelCtrl));
-
- _export("StatusPluginCtrl", StatusPluginCtrl);
-
- StatusPluginCtrl.templateUrl = 'module.html';
- }
- };
+ "use strict";
+
+ var MetricsPanelCtrl, _, TimeSeries, coreModule, _createClass, StatusPluginCtrl;
+
+ 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;
+ }
+
+ return {
+ setters: [function (_appPluginsSdk) {
+ MetricsPanelCtrl = _appPluginsSdk.MetricsPanelCtrl;
+ }, function (_appPluginsPanelGraphLegend) {}, function (_appPluginsPanelGraphSeries_overrides_ctrl) {}, function (_lodash) {
+ _ = _lodash.default;
+ }, function (_appCoreTime_series) {
+ TimeSeries = _appCoreTime_series.default;
+ }, function (_appCoreCore_module) {
+ coreModule = _appCoreCore_module.default;
+ }, function (_cssStatus_panelCss) {}],
+ 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;
+ };
+ }();
+
+ _export("StatusPluginCtrl", StatusPluginCtrl = function (_MetricsPanelCtrl) {
+ _inherits(StatusPluginCtrl, _MetricsPanelCtrl);
+
+ /** @ngInject */
+ function StatusPluginCtrl($scope, $injector, $log, $filter, annotationsSrv) {
+ _classCallCheck(this, StatusPluginCtrl);
+
+ var _this = _possibleConstructorReturn(this, (StatusPluginCtrl.__proto__ || Object.getPrototypeOf(StatusPluginCtrl)).call(this, $scope, $injector));
+
+ //this.log = $log.debug;
+ _this.filter = $filter;
+
+ _this.aggregations = ['Last', 'First', 'Max', 'Min', 'Sum', 'Avg'];
+
+ _this.panel.flipTime = _this.panel.flipTime || 5;
+
+ /** Bind events to functions **/
+ _this.events.on('render', _this.onRender.bind(_this));
+ _this.events.on('refresh', _this.postRefresh.bind(_this));
+ _this.events.on('data-error', _this.onDataError.bind(_this));
+ _this.events.on('data-received', _this.onDataReceived.bind(_this));
+ _this.events.on('data-snapshot-load', _this.onDataReceived.bind(_this));
+ _this.events.on('init-edit-mode', _this.onInitEditMode.bind(_this));
+ return _this;
+ }
+
+ _createClass(StatusPluginCtrl, [{
+ key: "postRefresh",
+ value: function postRefresh() {
+ var _this2 = this;
+
+ this.measurements = this.panel.targets;
+
+ /** Duplicate alias validation **/
+ this.duplicates = false;
+
+ this.measurements = _.filter(this.measurements, function (measurement) {
+ return !measurement.hide;
+ });
+
+ _.each(this.measurements, function (m) {
+ var res = _.filter(_this2.measurements, function (measurement) {
+ return (m.alias == measurement.alias || m.target == measurement.target && m.target) && !m.hide;
+ });
+
+ if (res.length > 1) {
+ _this2.duplicates = true;
+ }
+ });
+ }
+ }, {
+ key: "onInitEditMode",
+ value: function onInitEditMode() {
+ this.addEditorTab('Options', 'public/plugins/vonage-status-panel/editor.html', 2);
+ }
+ }, {
+ key: "setElementHeight",
+ value: function setElementHeight() {
+ this.$panelContainer.find('.status-panel').css('height', this.$panelContoller.height + 'px');
+ }
+ }, {
+ key: "onRender",
+ value: function onRender() {
+ var _this3 = this;
+
+ this.setElementHeight();
+
+ if (this.panel.clusterName) {
+ this.panel.displayName = this.filter('interpolateTemplateVars')(this.panel.clusterName, this.$scope).replace(new RegExp(this.panel.namePrefix, 'i'), '');
+ } else {
+ this.panel.displayName = "";
+ }
+
+ if (this.panel.flipCard) {
+ this.$panelContainer.addClass("effect-hover");
+ } else {
+ this.$panelContainer.removeClass("effect-hover");
+ }
+
+ var targets = this.panel.targets;
+
+ this.crit = [];
+ this.warn = [];
+ this.display = [];
+
+ _.each(this.series, function (s) {
+ var target = _.find(targets, function (target) {
+ return target.alias == s.alias || target.target == s.alias;
+ });
+
+ if (!target) {
+ return;
+ }
+
+ s.thresholds = StatusPluginCtrl.parseThresholds(target);
+ s.inverted = s.thresholds.crit < s.thresholds.warn;
+ s.display = target.display;
+ s.alias = target.alias;
+ s.url = target.url;
+
+ var value = void 0;
+
+ switch (target.aggregation) {
+ case 'Max':
+ value = s.stats.max;
+ break;
+ case 'Min':
+ value = s.stats.min;
+ break;
+ case 'Sum':
+ value = s.stats.total;
+ break;
+ case 'Avg':
+ value = s.stats.avg;
+ break;
+ case 'First':
+ value = s.datapoints[0][0];
+ break;
+ default:
+ value = s.datapoints[s.datapoints.length - 1][0];
+ }
+
+ s.display_value = value;
+
+ if (!s.inverted) {
+ if (value >= s.thresholds.crit) {
+ _this3.crit.push(s);
+ } else if (value >= s.thresholds.warn) {
+ _this3.warn.push(s);
+ } else if (s.display) {
+ _this3.display.push(s);
+ }
+ } else {
+ if (value <= s.thresholds.crit) {
+ _this3.crit.push(s);
+ } else if (value <= s.thresholds.warn) {
+ _this3.warn.push(s);
+ } else if (s.display) {
+ s.display_value = value;
+ _this3.display.push(s);
+ }
+ }
+ });
+
+ this.$panelContainer.removeClass('error-state warn-state ok-state gray-state');
+
+ if (this.crit.length > 0 || this.duplicates) {
+ this.$panelContainer.addClass('error-state');
+ } else if (this.warn.length > 0) {
+ this.$panelContainer.addClass('warn-state');
+ } else if (this.series.length == 0 && this.panel.isGrayColor) {
+ this.$panelContainer.addClass('gray-state');
+ } else {
+ this.$panelContainer.addClass('ok-state');
+ }
+
+ this.autoFlip();
+ this.parseUri();
+ }
+ }, {
+ key: "parseUri",
+ value: function parseUri() {
+ if (this.panel.links && this.panel.links.length > 0) {
+ this.uri = this.panel.links[0].dashUri + "?" + this.panel.links[0].params;
+ } else {
+ this.uri = undefined;
+ }
+ }
+ }, {
+ key: "onDataReceived",
+ value: function onDataReceived(dataList) {
+ this.series = dataList.map(this.seriesHandler.bind(this));
+
+ this.render();
+ }
+ }, {
+ key: "onDataError",
+ value: function onDataError() {
+ this.crit = [];
+ this.warn = [];
+ }
+ }, {
+ key: "seriesHandler",
+ value: function seriesHandler(seriesData) {
+ var series = new TimeSeries({
+ datapoints: seriesData.datapoints,
+ alias: seriesData.target
+ });
+
+ series.flotpairs = series.getFlotPairs("connected");
+
+ return series;
+ }
+ }, {
+ key: "$onDestroy",
+ value: function $onDestroy() {
+ if (this.timeoutId) clearInterval(this.timeoutId);
+ }
+ }, {
+ key: "autoFlip",
+ value: function autoFlip() {
+ var _this4 = this;
+
+ if (this.timeoutId) clearInterval(this.timeoutId);
+ if (this.panel.flipCard && (this.crit.length > 0 || this.warn.length > 0)) {
+ this.timeoutId = setInterval(function () {
+ _this4.$panelContainer.toggleClass("flipped");
+ }, this.panel.flipTime * 1000);
+ }
+ }
+ }, {
+ key: "link",
+ value: function link(scope, elem, attrs, ctrl) {
+ this.$panelContainer = elem.find('.panel-container');
+ this.$panelContainer.addClass("st-card");
+ this.$panelContoller = ctrl;
+ }
+ }], [{
+ key: "parseThresholds",
+ value: function parseThresholds(measurement) {
+ var res = {};
+
+ res.warn = measurement.warn;
+ res.crit = measurement.crit;
+
+ return res;
+ }
+ }]);
+
+ return StatusPluginCtrl;
+ }(MetricsPanelCtrl));
+
+ _export("StatusPluginCtrl", StatusPluginCtrl);
+
+ StatusPluginCtrl.templateUrl = 'module.html';
+ }
+ };
});
//# sourceMappingURL=status_ctrl.js.map
diff --git a/dist/status_ctrl.js.map b/dist/status_ctrl.js.map
index 015a1f30..b2495217 100644
--- a/dist/status_ctrl.js.map
+++ b/dist/status_ctrl.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/status_ctrl.js"],"names":["MetricsPanelCtrl","_","TimeSeries","coreModule","StatusPluginCtrl","$scope","$injector","$log","$filter","annotationsSrv","filter","displayTypes","aggregations","events","on","onRender","bind","postRefresh","onDataError","onDataReceived","onInitEditMode","panel","fixedSpan","span","measurements","targets","duplicates","measurement","hide","each","m","res","alias","target","length","addEditorTab","$panelContainer","find","css","$panelContoller","height","setElementHeight","clusterName","displayName","replace","RegExp","namePrefix","crit","warn","display","disabled","annotation","series","s","url","value","aggregation","max","datapoints","point","stats","min","total","avg","display_value","displayType","handleThresholdStatus","handleDisabledStatus","handleAnnotations","handle_css_display","parseUri","thresholds","parseThresholds","inverted","push","disabledValue","removeClass","addClass","undefined","isGrayOnNoData","links","uri","dashUri","params","dataList","map","seriesHandler","render","seriesData","flotpairs","getFlotPairs","scope","elem","attrs","ctrl","metricOptions","templateUrl"],"mappings":"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","file":"status_ctrl.js","sourcesContent":["import {MetricsPanelCtrl} from \"app/plugins/sdk\";\r\nimport \"app/plugins/panel/graph/legend\";\r\nimport \"app/plugins/panel/graph/series_overrides_ctrl\";\r\nimport _ from \"lodash\";\r\nimport TimeSeries from \"app/core/time_series2\";\r\nimport coreModule from \"app/core/core_module\"\r\n\r\nimport './css/status_panel.css!';\r\n\r\nexport class StatusPluginCtrl extends MetricsPanelCtrl {\r\n\t/** @ngInject */\r\n\tconstructor($scope, $injector, $log, $filter, annotationsSrv) {\r\n\t\tsuper($scope, $injector);\r\n\r\n\t\t//this.log = $log.debug;\r\n\t\tthis.filter = $filter;\r\n\r\n\t\tthis.displayTypes = ['Threshold', 'Disable Criteria', 'Annotation'];\r\n\t\tthis.aggregations = ['Last', 'First', 'Max', 'Min', 'Sum', 'Avg'];\r\n\r\n\t\t/** Bind events to functions **/\r\n\t\tthis.events.on('render', this.onRender.bind(this));\r\n\t\tthis.events.on('refresh', this.postRefresh.bind(this));\r\n\t\tthis.events.on('data-error', this.onDataError.bind(this));\r\n\t\tthis.events.on('data-received', this.onDataReceived.bind(this));\r\n\t\tthis.events.on('data-snapshot-load', this.onDataReceived.bind(this));\r\n\t\tthis.events.on('init-edit-mode', this.onInitEditMode.bind(this));\r\n\t}\r\n\r\n\tpostRefresh() {\r\n\t\tif (this.panel.fixedSpan) {\r\n\t\t\tthis.panel.span = this.panel.fixedSpan;\r\n\t\t}\r\n\r\n\t\tthis.measurements = this.panel.targets;\r\n\r\n\t\t/** Duplicate alias validation **/\r\n\t\tthis.duplicates = false;\r\n\r\n\t\tthis.measurements = _.filter(this.measurements, (measurement) => {\r\n\t\t\treturn !measurement.hide;\r\n\t\t});\r\n\r\n\t\t_.each(this.measurements, (m) => {\r\n\t\t\tlet res = _.filter(this.measurements, (measurement) => {\r\n\t\t\t\treturn (m.alias == measurement.alias || (m.target == measurement.target && m.target)) && !m.hide;\r\n\t\t\t});\r\n\r\n\t\t\tif (res.length > 1) {\r\n\t\t\t\tthis.duplicates = true;\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n\tonInitEditMode() {\r\n\t\tthis.addEditorTab('Options', 'public/plugins/vonage-status-panel/editor.html', 2);\r\n\t}\r\n\r\n\tsetElementHeight() {\r\n\t\tthis.$panelContainer.find('.status-panel').css('height', this.$panelContoller.height + 'px');\r\n\t}\r\n\r\n\tonRender() {\r\n\t\tthis.setElementHeight();\r\n\r\n\t\tif (this.panel.clusterName) {\r\n\t\t\tthis.panel.displayName =\r\n\t\t\t\tthis.filter('interpolateTemplateVars')(this.panel.clusterName, this.$scope)\r\n\t\t\t\t\t.replace(new RegExp(this.panel.namePrefix, 'i'), '');\r\n\t\t} else {\r\n\t\t\tthis.panel.displayName = \"\";\r\n\t\t}\r\n\r\n\r\n\r\n\t\tlet targets = this.panel.targets;\r\n\r\n\t\tthis.crit = [];\r\n\t\tthis.warn = [];\r\n\t\tthis.display = [];\r\n\t\tthis.disabled = [];\r\n\t\tthis.annotation = [];\r\n\r\n\t\t_.each(this.series, (s) => {\r\n\t\t\tlet target = _.find(targets, (target) => {\r\n\t\t\t\treturn target.alias == s.alias || target.target == s.alias;\r\n\t\t\t});\r\n\r\n\t\t\tif (!target) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\ts.alias = target.alias;\r\n\t\t\ts.url = target.url;\r\n\r\n\t\t\tlet value;\r\n\t\t\tswitch (target.aggregation) {\r\n\t\t\t\tcase 'Max':\r\n\t\t\t\t\tvalue = _.max(s.datapoints, (point) => { return point[0]; })[0];\r\n\t\t\t\t\tvalue = s.stats.max;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Min':\r\n\t\t\t\t\tvalue = _.min(s.datapoints, (point) => { return point[0]; })[0];\r\n\t\t\t\t\tvalue = s.stats.min;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Sum':\r\n\t\t\t\t\tvalue = 0;\r\n\t\t\t\t\t_.each(s.datapoints, (point) => { value += point[0] });\r\n\t\t\t\t\tvalue = s.stats.total;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'Avg':\r\n\t\t\t\t\tvalue = s.stats.avg;\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tcase 'First':\r\n\t\t\t\t\tvalue = s.datapoints[0][0];\r\n\t\t\t\t\tbreak;\r\n\t\t\t\tdefault:\r\n\t\t\t\t\tvalue = s.datapoints[s.datapoints.length - 1][0];\r\n\t\t\t}\r\n\r\n\t\t\ts.display_value = value;\r\n\r\n\t\t\tif (target.displayType == \"Threshold\") {\r\n\t\t\t\tthis.handleThresholdStatus(s, target);\r\n\t\t\t}\r\n\t\t\telse if (target.displayType == \"Disable Criteria\") {\r\n\t\t\t\tthis.handleDisabledStatus(s,target);\r\n\t\t\t}\r\n\t\t\telse if (target.displayType == \"Annotation\") {\r\n\t\t\t\tthis.handleAnnotations(s, target);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tthis.handle_css_display();\r\n\t\tthis.parseUri();\r\n\t}\r\n\r\n\thandleThresholdStatus(series, target) {\r\n\t\tseries.thresholds = StatusPluginCtrl.parseThresholds(target);\r\n\t\tseries.inverted = series.thresholds.crit < series.thresholds.warn;\r\n\t\tseries.display = target.display;\r\n\r\n\t\tif (!series.inverted) {\r\n\t\t\tif (series.display_value >= series.thresholds.crit) {\r\n\t\t\t\tthis.crit.push(series);\r\n\t\t\t} else if (series.display_value >= series.thresholds.warn) {\r\n\t\t\t\tthis.warn.push(series);\r\n\t\t\t} else if (series.display) {\r\n\t\t\t\tthis.display.push(series);\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\tif (series.display_value <= series.thresholds.crit) {\r\n\t\t\t\tthis.crit.push(series);\r\n\t\t\t} else if (series.display_value <= series.thresholds.warn) {\r\n\t\t\t\tthis.warn.push(series);\r\n\t\t\t} else if (series.display) {\r\n\t\t\t\tthis.display.push(series);\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\thandleDisabledStatus(series, target) {\r\n\r\n\t\tseries.disabledValue = target.disabledValue;\r\n\r\n\t\tif (series.display_value == series.disabledValue) {\r\n\t\t\tthis.disabled.push(series);\r\n\t\t}\r\n\t}\r\n\r\n\thandleAnnotations(series, target) {\r\n\t\tthis.annotation.push(series);\r\n\t}\r\n\r\n\thandle_css_display() {\r\n\t\tthis.$panelContainer.removeClass('error-state warn-state disabled-state ok-state no-data-state');\r\n\r\n\t\tif(this.duplicates) {\r\n\t\t\tthis.$panelContainer.addClass('error-state');\r\n\t\t} else if (this.disabled.length > 0) {\r\n\t\t\tthis.$panelContainer.addClass('disabled-state');\r\n\t\t} else if (this.crit.length > 0) {\r\n\t\t\tthis.$panelContainer.addClass('error-state');\r\n\t\t} else if (this.warn.length > 0) {\r\n\t\t\tthis.$panelContainer.addClass('warn-state');\r\n\t\t} else if((this.series == undefined || this.series.length == 0) && this.panel.isGrayOnNoData) {\r\n\t\t\tthis.$panelContainer.addClass('no-data-state');\r\n\t\t} else {\r\n\t\t\tthis.$panelContainer.addClass('ok-state');\r\n\t\t}\r\n\t}\r\n\r\n\tparseUri() {\r\n\t\tif (this.panel.links && this.panel.links.length > 0) {\r\n\t\t\tthis.uri = this.panel.links[0].dashUri + \"?\" + this.panel.links[0].params;\r\n\t\t} else {\r\n\t\t\tthis.uri = undefined;\r\n\t\t}\r\n\t}\r\n\r\n\tstatic parseThresholds(metricOptions) {\r\n\t\tlet res = {};\r\n\r\n\t\tres.warn = metricOptions.warn;\r\n\t\tres.crit = metricOptions.crit;\r\n\r\n\t\treturn res;\r\n\t}\r\n\r\n\tonDataReceived(dataList) {\r\n\t\tthis.series = dataList.map(this.seriesHandler.bind(this));\r\n\r\n\t\tthis.render();\r\n\t}\r\n\r\n\tonDataError() {\r\n\t\tthis.crit = [];\r\n\t\tthis.warn = [];\r\n\t}\r\n\r\n\tseriesHandler(seriesData) {\r\n\t\tvar series = new TimeSeries({\r\n\t\t\tdatapoints: seriesData.datapoints,\r\n\t\t\talias: seriesData.target\r\n\t\t});\r\n\r\n\t\tseries.flotpairs = series.getFlotPairs(\"connected\");\r\n\r\n\t\treturn series;\r\n\t}\r\n\r\n\tlink(scope, elem, attrs, ctrl) {\r\n\t\tthis.$panelContainer = elem.find('.panel-container');\r\n\t\tthis.$panelContoller = ctrl;\r\n\t}\r\n}\r\n\r\nStatusPluginCtrl.templateUrl = 'module.html';\r\n"]}
\ No newline at end of file
+{"version":3,"sources":["../src/status_ctrl.js"],"names":["MetricsPanelCtrl","_","TimeSeries","coreModule","StatusPluginCtrl","$scope","$injector","$log","$filter","annotationsSrv","filter","aggregations","panel","flipTime","events","on","onRender","bind","postRefresh","onDataError","onDataReceived","onInitEditMode","measurements","targets","duplicates","measurement","hide","each","m","res","alias","target","length","addEditorTab","$panelContainer","find","css","$panelContoller","height","setElementHeight","clusterName","displayName","replace","RegExp","namePrefix","flipCard","addClass","removeClass","crit","warn","display","series","s","thresholds","parseThresholds","inverted","url","value","aggregation","max","datapoints","point","min","display_value","push","isGrayColor","autoFlip","parseUri","links","uri","dashUri","params","undefined","dataList","map","seriesHandler","render","seriesData","timeoutId","clearInterval","setInterval","toggleClass","scope","elem","attrs","ctrl","templateUrl"],"mappings":"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","file":"status_ctrl.js","sourcesContent":["import {MetricsPanelCtrl} from \"app/plugins/sdk\";\r\nimport \"app/plugins/panel/graph/legend\";\r\nimport \"app/plugins/panel/graph/series_overrides_ctrl\";\r\nimport _ from \"lodash\";\r\nimport TimeSeries from \"app/core/time_series2\";\r\nimport coreModule from \"app/core/core_module\"\r\n\r\nimport './css/status_panel.css!';\r\n\r\nexport class StatusPluginCtrl extends MetricsPanelCtrl {\r\n /** @ngInject */\r\n constructor($scope, $injector, $log, $filter, annotationsSrv) {\r\n super($scope, $injector);\r\n\r\n //this.log = $log.debug;\r\n this.filter = $filter;\r\n\r\n this.aggregations = ['None', 'Max', 'Min', 'Sum'];\r\n\r\n this.panel.flipTime = this.panel.flipTime || 5;\r\n\r\n /** Bind events to functions **/\r\n this.events.on('render', this.onRender.bind(this));\r\n this.events.on('refresh', this.postRefresh.bind(this));\r\n this.events.on('data-error', this.onDataError.bind(this));\r\n this.events.on('data-received', this.onDataReceived.bind(this));\r\n this.events.on('data-snapshot-load', this.onDataReceived.bind(this));\r\n this.events.on('init-edit-mode', this.onInitEditMode.bind(this));\r\n }\r\n\r\n postRefresh() {\r\n this.measurements = this.panel.targets;\r\n\r\n /** Duplicate alias validation **/\r\n this.duplicates = false;\r\n\r\n this.measurements = _.filter(this.measurements, (measurement) => {\r\n return !measurement.hide;\r\n });\r\n\r\n _.each(this.measurements, (m) => {\r\n let res = _.filter(this.measurements, (measurement) => {\r\n return (m.alias == measurement.alias || (m.target == measurement.target && m.target)) && !m.hide;\r\n });\r\n\r\n if (res.length > 1) {\r\n this.duplicates = true;\r\n }\r\n });\r\n }\r\n\r\n onInitEditMode() {\r\n this.addEditorTab('Options', 'public/plugins/vonage-status-panel/editor.html', 2);\r\n }\r\n\r\n setElementHeight() {\r\n this.$panelContainer.find('.status-panel').css('height', this.$panelContoller.height + 'px');\r\n }\r\n\r\n onRender() {\r\n this.setElementHeight();\r\n\r\n if (this.panel.clusterName) {\r\n this.panel.displayName =\r\n this.filter('interpolateTemplateVars')(this.panel.clusterName, this.$scope)\r\n .replace(new RegExp(this.panel.namePrefix, 'i'), '');\r\n } else {\r\n this.panel.displayName = \"\";\r\n }\r\n\r\n if(this.panel.flipCard){\r\n this.$panelContainer.addClass(\"effect-hover\");\r\n } else {\r\n this.$panelContainer.removeClass(\"effect-hover\");\r\n }\r\n\r\n\r\n let targets = this.panel.targets;\r\n\r\n this.crit = [];\r\n this.warn = [];\r\n this.display = [];\r\n\r\n _.each(this.series, (s) => {\r\n let target = _.find(targets, (target) => {\r\n return target.alias == s.alias || target.target == s.alias;\r\n });\r\n\r\n if (!target) {\r\n return;\r\n }\r\n\r\n s.thresholds = StatusPluginCtrl.parseThresholds(target);\r\n s.inverted = s.thresholds.crit < s.thresholds.warn;\r\n s.display = target.display;\r\n s.alias = target.alias;\r\n s.url = target.url;\r\n\r\n let value;\r\n\r\n switch (target.aggregation) {\r\n case 'Max':\r\n value = _.max(s.datapoints, (point) => { return point[0]; })[0];\r\n break;\r\n case 'Min':\r\n value = _.min(s.datapoints, (point) => { return point[0]; })[0];\r\n break;\r\n case 'Sum':\r\n value = 0;\r\n _.each(s.datapoints, (point) => { value += point[0] });\r\n break;\r\n default:\r\n value = s.datapoints[0][0];\r\n }\r\n\r\n s.display_value = value;\r\n\r\n if (!s.inverted) {\r\n if (value >= s.thresholds.crit) {\r\n this.crit.push(s);\r\n } else if (value >= s.thresholds.warn) {\r\n this.warn.push(s);\r\n } else if (s.display) {\r\n this.display.push(s);\r\n }\r\n } else {\r\n if (value <= s.thresholds.crit) {\r\n this.crit.push(s);\r\n } else if (value <= s.thresholds.warn) {\r\n this.warn.push(s);\r\n } else if (s.display) {\r\n s.display_value = value;\r\n this.display.push(s);\r\n }\r\n }\r\n });\r\n\r\n this.$panelContainer.removeClass('error-state warn-state ok-state gray-state');\r\n\r\n if (this.crit.length > 0 || this.duplicates) {\r\n this.$panelContainer.addClass('error-state');\r\n } else if (this.warn.length > 0) {\r\n this.$panelContainer.addClass('warn-state');\r\n } else if(this.series.length == 0 && this.panel.isGrayColor) {\r\n this.$panelContainer.addClass('gray-state');\r\n } else {\r\n this.$panelContainer.addClass('ok-state');\r\n }\r\n\r\n this.autoFlip();\r\n this.parseUri();\r\n }\r\n\r\n parseUri() {\r\n if (this.panel.links && this.panel.links.length > 0) {\r\n this.uri = this.panel.links[0].dashUri + \"?\" + this.panel.links[0].params;\r\n } else {\r\n this.uri = undefined;\r\n }\r\n }\r\n\r\n static parseThresholds(measurement) {\r\n let res = {};\r\n\r\n res.warn = measurement.warn;\r\n res.crit = measurement.crit;\r\n\r\n return res;\r\n }\r\n\r\n onDataReceived(dataList) {\r\n this.series = dataList.map(this.seriesHandler.bind(this));\r\n\r\n this.render();\r\n }\r\n\r\n onDataError() {\r\n this.crit = [];\r\n this.warn = [];\r\n }\r\n\r\n seriesHandler(seriesData) {\r\n var series = new TimeSeries({\r\n datapoints: seriesData.datapoints,\r\n alias: seriesData.target\r\n });\r\n\r\n //series.flotpairs = series.getFlotPairs(this.panel.nullPointMode);\r\n\r\n return series;\r\n }\r\n\r\n $onDestroy() {\r\n if(this.timeoutId) clearInterval(this.timeoutId);\r\n }\r\n\r\n autoFlip() {\r\n if(this.timeoutId) clearInterval(this.timeoutId);\r\n if (this.panel.flipCard && (this.crit.length > 0 || this.warn.length > 0)) {\r\n this.timeoutId = setInterval(() => {\r\n this.$panelContainer.toggleClass(\"flipped\");\r\n }, this.panel.flipTime * 1000);\r\n }\r\n }\r\n\r\n link(scope, elem, attrs, ctrl) {\r\n this.$panelContainer = elem.find('.panel-container');\r\n this.$panelContainer.addClass(\"st-card\");\r\n this.$panelContoller = ctrl;\r\n }\r\n}\r\n\r\nStatusPluginCtrl.templateUrl = 'module.html';\r\n"]}
\ No newline at end of file
diff --git a/src/css/status_panel.scss b/src/css/status_panel.scss
index e3261af8..ed26dafc 100644
--- a/src/css/status_panel.scss
+++ b/src/css/status_panel.scss
@@ -1,42 +1,114 @@
.status-panel {
- display: table;
- position: relative;
- width: 100%;
- text-align: center;
+ display: table;
+ position: relative;
+ width: 100%;
- .status-panel-annotation_row {
- display: table-row;
- height: 25%;
- text-align: left;
- font-size: 0.85rem;
- }
+ .status-panel-annotation_row {
+ display: table-row;
+ height: 25%;
+ text-align: left;
+ font-size: 0.85rem;
+ }
- .status_name_row {
- display: table-row;
- height: 10%;
- }
+ .status_name_row {
+ display: table-row;
+ height: 10%;
+ }
- .status_alerts_row {
- display: table-row;
- }
+ .status_alerts_row {
+ display: table-row;
+ }
- h1 {
- font-size: 1.5rem;
- }
+ & > div {
+ display: table-cell;
+ vertical-align: middle;
+ text-align: center;
+ }
+
+ h1 {
+ font-size: 1.5rem;
+ }
+
+ .ok-text, .warning-text, .fail-text, .gray-text{
+ display: none;
+ font-size: 3.5rem;
+ }
}
.error-state {
- background-color: red;
+ background-color: red;
+ .fail-text {
+ display: block;
+ }
}
.warn-state {
- background-color: orange;
+ background-color: orange;
+ .warning-text {
+ display: block;
+ }
}
.ok-state {
- background-color: green;
+ background-color: green;
+ .ok-text {
+ display: block;
+ }
+}
+
+.gray-state {
+ background-color: gray;
+ .gray-text {
+ display: block;
+ }
+}
+
+.gray-state .st-card-back{
+ display: none;
}
+.st-card {
+ position: relative;
+ text-align: center;
+}
+
+.st-card-front,
+.st-card-back {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
+.st-card-front,
+.st-card-back {
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transition: -webkit-transform 0.5s;
+ transition: transform 0.5s;
+}
+
+.st-card.effect-hover .st-card-back {
+ -webkit-transform: rotateY(-180deg);
+ transform: rotateY(-180deg);
+}
+
+.st-card.effect-hover:hover:not(.gray-state) .st-card-front, .st-card.effect-hover.flipped:not(.gray-state) .st-card-front {
+ -webkit-transform: rotateY(-180deg);
+ transform: rotateY(-180deg);
+}
+
+.st-card.effect-hover:hover:not(.gray-state) .st-card-back, .st-card.effect-hover.flipped:not(.gray-state) .st-card-back {
+ -webkit-transform: rotateY(0);
+ transform: rotateY(0);
+}
+
+.st-card:not(.effect-hover):not(.gray-state) .st-card-front {
+ display: none;
+}
+
+
.no-data-state {
background-color: gray;
}
diff --git a/src/editor.html b/src/editor.html
index 3f961162..0b8b2d30 100644
--- a/src/editor.html
+++ b/src/editor.html
@@ -24,6 +24,16 @@
{{ measurement.alias }}