jsteele/grafana-statusmap
2
0
Fork 0
mirror of https://github.com/timberjoegithub/grafana-statusmap.git synced 2026-07-22 15:53:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: migrate to typescript, support 6.3.0+

Browse Source 
- use babel to 7, update dependencies, fix #72
- proper babel build to support ngInject, fix #78
- proper buckets display in 6.3.0+, fix #76
- rename js to ts, build d3 lib as js, build src as ts
This commit is contained in:
Ivan Mikheykin
2019-12-03 13:38:01 +03:00
parent 742e80d713
commit b06c5dffc0
102 changed files with 11679 additions and 2571 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/color_mode_discrete.js
Vendored
+129 -64
View File
@@ -1,49 +1,38 @@
"use strict";
System.register(["lodash"], function (_export, _context) {
System.register([], function (_export, _context) {
"use strict";
var _, _createClass, ColorModeDiscrete;
var ColorModeDiscrete;
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a 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); } }
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
return {
setters: [function (_lodash) {
_ = _lodash.default;
}],
setters: [],
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("ColorModeDiscrete", ColorModeDiscrete = function () {
// Helper methods to handle discrete color mode
_export("ColorModeDiscrete", ColorModeDiscrete =
/*#__PURE__*/
function () {
function ColorModeDiscrete(scope) {
_classCallCheck(this, ColorModeDiscrete);
_defineProperty(this, "scope", void 0);
_defineProperty(this, "panelCtrl", void 0);
_defineProperty(this, "panel", void 0);
this.scope = scope;
this.panelCtrl = scope.ctrl;
this.panel = scope.ctrl.panel;
}
// get tooltip for each value ordered by thresholds priority
} // get tooltip for each value ordered by thresholds priority
_createClass(ColorModeDiscrete, [{
@@ -62,40 +51,49 @@ System.register(["lodash"], function (_export, _context) {
}
}
}
return tooltips;
}
}, {
key: "getNotMatchedValues",
value: function getNotMatchedValues(values) {
var notMatched = [];
for (var j = 0; j < values.length; j++) {
if (!this.getMatchedThreshold(values[j])) {
notMatched.push(values[j]);
}
}
return notMatched;
}
}, {
key: "getNotColoredValues",
value: function getNotColoredValues(values) {
var notMatched = [];
for (var j = 0; j < values.length; j++) {
var threshold = this.getMatchedThreshold(values[j]);
if (!threshold || !threshold.color || threshold.color == "") {
notMatched.push(values[j]);
}
}
return notMatched;
}
}, {
key: "getDiscreteColor",
value: function getDiscreteColor(index) {
var color = this.getThreshold(index).color;
if (!color || color == "") {
return 'rgba(0,0,0,1)';
}
return color;
}
} // returns color from first matched thresold in order from 0 to thresholds.length
}, {
key: "getBucketColor",
value: function getBucketColor(values) {
@@ -108,6 +106,7 @@ System.register(["lodash"], function (_export, _context) {
if (values.length == 1) {
var threshold = this.getMatchedThreshold(values[0]);
if (!threshold || !threshold.color || threshold.color == "") {
return 'rgba(0,0,0,1)';
} else {
@@ -116,11 +115,13 @@ System.register(["lodash"], function (_export, _context) {
}
var isAllValuesNulls = true;
for (var j = 0; j < values.length; j++) {
if (values[j] != null) {
isAllValuesNulls = false;
}
}
if (isAllValuesNulls) {
return this.getMatchedThreshold(null).color;
}
@@ -132,6 +133,7 @@ System.register(["lodash"], function (_export, _context) {
}
}
}
return 'rgba(0,0,0,1)';
}
}, {
@@ -140,13 +142,17 @@ System.register(["lodash"], function (_export, _context) {
if (!this.panelCtrl.cardsData) {
return;
}
this.panelCtrl.cardsData.noColorDefined = false;
var cards = this.panelCtrl.cardsData.cards;
for (var i = 0; i < cards.length; i++) {
cards[i].noColorDefined = false;
var values = cards[i].values;
for (var j = 0; j < values.length; j++) {
var threshold = this.getMatchedThreshold(values[j]);
if (!threshold || !threshold.color || threshold.color == "") {
cards[i].noColorDefined = true;
this.panelCtrl.cardsData.noColorDefined = true;
@@ -173,17 +179,20 @@ System.register(["lodash"], function (_export, _context) {
}
var thresholds = this.panel.color.thresholds;
for (var k = 0; k < thresholds.length; k++) {
if (value == thresholds[k].value) {
return thresholds[k];
}
}
return null;
}
}, {
key: "getThreshold",
value: function getThreshold(index) {
var thresholds = this.panel.color.thresholds;
if (index < 0 || index >= thresholds.length == null) {
return {
"color": "rgba(0,0,0,0)",
@@ -191,6 +200,7 @@ System.register(["lodash"], function (_export, _context) {
"tooltip": "null"
};
}
return thresholds[index];
}
}, {
@@ -198,71 +208,126 @@ System.register(["lodash"], function (_export, _context) {
value: function roundIntervalCeil(interval) {
switch (true) {
case interval <= 10:
return 10; // 0.01s
return 10;
// 0.01s
case interval <= 20:
return 20; // 0.02s
return 20;
// 0.02s
case interval <= 50:
return 50; // 0.05s
return 50;
// 0.05s
case interval <= 100:
return 100; // 0.1s
return 100;
// 0.1s
case interval <= 200:
return 200; // 0.2s
return 200;
// 0.2s
case interval <= 500:
return 500; // 0.5s
return 500;
// 0.5s
case interval <= 1000:
return 1000; // 1s
return 1000;
// 1s
case interval <= 2000:
return 2000; // 2s
return 2000;
// 2s
case interval <= 5000:
return 5000; // 5s
return 5000;
// 5s
case interval <= 10000:
return 10000; // 10s
return 10000;
// 10s
case interval <= 15000:
return 15000; // 15s
return 15000;
// 15s
case interval <= 20000:
return 20000; // 20s
return 20000;
// 20s
case interval <= 30000:
return 30000; // 30s
return 30000;
// 30s
case interval <= 60000:
return 60000; // 1m
return 60000;
// 1m
case interval <= 120000:
return 120000; // 2m
return 120000;
// 2m
case interval <= 300000:
return 300000; // 5m
return 300000;
// 5m
case interval <= 600000:
return 600000; // 10m
return 600000;
// 10m
case interval <= 900000:
return 900000; // 15m
return 900000;
// 15m
case interval <= 1200000:
return 1200000; // 20m
return 1200000;
// 20m
case interval <= 1800000:
return 1800000; // 30m
return 1800000;
// 30m
case interval <= 3600000:
return 3600000; // 1h
return 3600000;
// 1h
case interval <= 7200000:
return 7200000; // 2h
return 7200000;
// 2h
case interval <= 10800000:
return 10800000; // 3h
return 10800000;
// 3h
case interval <= 21600000:
return 21600000; // 6h
return 21600000;
// 6h
case interval <= 43200000:
return 43200000; // 12h
return 43200000;
// 12h
case interval <= 86400000:
return 86400000; // 1d
return 86400000;
// 1d
case interval <= 604800000:
return 604800000; // 1w
return 604800000;
// 1w
case interval <= 2592000000:
return 2592000000; // 30d
return 2592000000;
// 30d
default:
return 31536000000; // 1y
return 31536000000;
// 1y
}
}
}]);
return ColorModeDiscrete;
}());
_export("ColorModeDiscrete", ColorModeDiscrete);
}
};
});