grafana/src/app/components/kbn.js

628 lines
15 KiB
JavaScript
Raw Normal View History

2013-10-17 16:56:56 -05:00
define(['jquery','underscore','moment','chromath'],
function($, _, moment) {
2013-07-20 17:59:09 -05:00
'use strict';
2013-01-25 22:10:28 -06:00
2013-09-13 15:52:13 -05:00
var kbn = {};
2013-01-25 22:10:28 -06:00
/**
* Calculate a graph interval
*
* from:: Date object containing the start time
* to:: Date object containing the finish time
* size:: Calculate to approximately this many bars
* user_interval:: User specified histogram interval
*
*/
kbn.calculate_interval = function(from,to,size,user_interval) {
2013-07-20 17:59:09 -05:00
if(_.isObject(from)) {
from = from.valueOf();
2013-07-20 17:59:09 -05:00
}
if(_.isObject(to)) {
to = to.valueOf();
2013-07-20 17:59:09 -05:00
}
return user_interval === 0 ? kbn.round_interval((to - from)/size) : user_interval;
};
2013-01-25 22:10:28 -06:00
kbn.round_interval = function(interval) {
switch (true) {
2013-07-20 17:59:09 -05:00
// 0.5s
case (interval <= 500):
2013-07-20 17:59:09 -05:00
return 100; // 0.1s
// 5s
case (interval <= 5000):
2013-07-20 17:59:09 -05:00
return 1000; // 1s
// 7.5s
case (interval <= 7500):
2013-07-20 17:59:09 -05:00
return 5000; // 5s
// 15s
case (interval <= 15000):
2013-07-20 17:59:09 -05:00
return 10000; // 10s
// 45s
case (interval <= 45000):
2013-07-20 17:59:09 -05:00
return 30000; // 30s
// 3m
case (interval <= 180000):
2013-07-20 17:59:09 -05:00
return 60000; // 1m
// 9m
case (interval <= 450000):
2013-07-20 17:59:09 -05:00
return 300000; // 5m
// 20m
case (interval <= 1200000):
2013-07-20 17:59:09 -05:00
return 600000; // 10m
// 45m
case (interval <= 2700000):
2013-07-20 17:59:09 -05:00
return 1800000; // 30m
// 2h
case (interval <= 7200000):
2013-07-20 17:59:09 -05:00
return 3600000; // 1h
// 6h
case (interval <= 21600000):
2013-07-20 17:59:09 -05:00
return 10800000; // 3h
// 24h
case (interval <= 86400000):
2013-07-20 17:59:09 -05:00
return 43200000; // 12h
// 48h
case (interval <= 172800000):
2013-07-20 17:59:09 -05:00
return 86400000; // 24h
// 1w
case (interval <= 604800000):
2013-07-20 17:59:09 -05:00
return 86400000; // 24h
// 3w
case (interval <= 1814400000):
2013-07-20 17:59:09 -05:00
return 604800000; // 1w
// 2y
case (interval < 3628800000):
2013-07-20 17:59:09 -05:00
return 2592000000; // 30d
default:
2013-07-20 17:59:09 -05:00
return 31536000000; // 1y
}
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
kbn.secondsToHms = function(seconds){
2013-07-20 17:59:09 -05:00
var numyears = Math.floor(seconds / 31536000);
if(numyears){
return numyears + 'y';
}
var numdays = Math.floor((seconds % 31536000) / 86400);
if(numdays){
return numdays + 'd';
}
var numhours = Math.floor(((seconds % 31536000) % 86400) / 3600);
if(numhours){
return numhours + 'h';
}
var numminutes = Math.floor((((seconds % 31536000) % 86400) % 3600) / 60);
if(numminutes){
return numminutes + 'm';
}
var numseconds = (((seconds % 31536000) % 86400) % 3600) % 60;
if(numseconds){
return numseconds + 's';
}
return 'less then a second'; //'just now' //or other string you like;
};
2013-01-25 22:10:28 -06:00
kbn.to_percent = function(number,outof) {
2013-08-20 09:24:04 -05:00
return Math.floor((number/outof)*10000)/100 + "%";
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
kbn.addslashes = function(str) {
str = str.replace(/\\/g, '\\\\');
str = str.replace(/\'/g, '\\\'');
str = str.replace(/\"/g, '\\"');
str = str.replace(/\0/g, '\\0');
return str;
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
kbn.interval_regex = /(\d+(?:\.\d+)?)([Mwdhmsy])/;
// histogram & trends
kbn.intervals_in_seconds = {
y: 31536000,
M: 2592000,
w: 604800,
d: 86400,
h: 3600,
m: 60,
s: 1
};
kbn.describe_interval = function (string) {
var matches = string.match(kbn.interval_regex);
if (!matches || !_.has(kbn.intervals_in_seconds, matches[2])) {
throw new Error('Invalid interval string, expexcting a number followed by one of "Mwdhmsy"');
} else {
return {
sec: kbn.intervals_in_seconds[matches[2]],
type: matches[2],
count: parseInt(matches[1], 10)
};
}
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
kbn.interval_to_ms = function(string) {
var info = kbn.describe_interval(string);
return info.sec * 1000 * info.count;
};
kbn.interval_to_seconds = function (string) {
var info = kbn.describe_interval(string);
return info.sec * info.count;
};
// This should go away, moment.js can do this
kbn.time_ago = function(string) {
return new Date(new Date().getTime() - (kbn.interval_to_ms(string)));
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
/* This is a simplified version of elasticsearch's date parser */
kbn.parseDate = function(text) {
if(_.isDate(text)) {
return text;
}
var time,
mathString = "",
index,
parseString;
if (text.substring(0,3) === "now") {
time = new Date();
mathString = text.substring("now".length);
} else {
index = text.indexOf("||");
parseString;
if (index === -1) {
parseString = text;
mathString = ""; // nothing else
} else {
parseString = text.substring(0, index);
mathString = text.substring(index + 2);
}
// We're going to just require ISO8601 timestamps, k?
time = new Date(parseString);
}
if (!mathString.length) {
return time;
}
//return [time,parseString,mathString];
return kbn.parseDateMath(mathString, time);
};
kbn.parseDateMath = function(mathString, time, roundUp) {
var dateTime = moment(time);
for (var i = 0; i < mathString.length; ) {
var c = mathString.charAt(i++),
type,
num,
unit;
if (c === '/') {
type = 0;
} else if (c === '+') {
type = 1;
} else if (c === '-') {
type = 2;
} else {
return false;
}
if (isNaN(mathString.charAt(i))) {
num = 1;
} else {
var numFrom = i;
while (!isNaN(mathString.charAt(i))) {
i++;
}
num = parseInt(mathString.substring(numFrom, i),10);
}
if (type === 0) {
// rounding is only allowed on whole numbers
if (num !== 1) {
return false;
}
}
unit = mathString.charAt(i++);
switch (unit) {
2013-10-21 10:18:06 -05:00
case 'y':
if (type === 0) {
roundUp ? dateTime.endOf('year') : dateTime.startOf('year');
} else if (type === 1) {
dateTime.add('years',num);
} else if (type === 2) {
dateTime.subtract('years',num);
}
break;
case 'M':
if (type === 0) {
roundUp ? dateTime.endOf('month') : dateTime.startOf('month');
} else if (type === 1) {
dateTime.add('months',num);
} else if (type === 2) {
dateTime.subtract('months',num);
}
break;
case 'w':
if (type === 0) {
roundUp ? dateTime.endOf('week') : dateTime.startOf('week');
} else if (type === 1) {
dateTime.add('weeks',num);
} else if (type === 2) {
dateTime.subtract('weeks',num);
}
break;
case 'd':
if (type === 0) {
roundUp ? dateTime.endOf('day') : dateTime.startOf('day');
} else if (type === 1) {
dateTime.add('days',num);
} else if (type === 2) {
dateTime.subtract('days',num);
}
break;
case 'h':
case 'H':
if (type === 0) {
roundUp ? dateTime.endOf('hour') : dateTime.startOf('hour');
} else if (type === 1) {
dateTime.add('hours',num);
} else if (type === 2) {
dateTime.subtract('hours',num);
}
break;
case 'm':
if (type === 0) {
roundUp ? dateTime.endOf('minute') : dateTime.startOf('minute');
} else if (type === 1) {
dateTime.add('minutes',num);
} else if (type === 2) {
dateTime.subtract('minutes',num);
}
break;
case 's':
if (type === 0) {
roundUp ? dateTime.endOf('second') : dateTime.startOf('second');
} else if (type === 1) {
dateTime.add('seconds',num);
} else if (type === 2) {
dateTime.subtract('seconds',num);
}
break;
default:
return false;
}
}
return dateTime.toDate();
};
// LOL. hahahahaha. DIE.
kbn.flatten_json = function(object,root,array) {
2013-07-20 17:59:09 -05:00
if (typeof array === 'undefined') {
array = {};
}
if (typeof root === 'undefined') {
root = '';
}
for(var index in object) {
2013-07-20 17:59:09 -05:00
var obj = object[index];
var rootname = root.length === 0 ? index : root + '.' + index;
if(typeof obj === 'object' ) {
if(_.isArray(obj)) {
if(obj.length > 0 && typeof obj[0] === 'object') {
var strval = '';
for (var objidx = 0, objlen = obj.length; objidx < objlen; objidx++) {
if (objidx > 0) {
strval = strval + ', ';
}
strval = strval + JSON.stringify(obj[objidx]);
}
array[rootname] = strval;
} else if(obj.length === 1 && _.isNumber(obj[0])) {
array[rootname] = parseFloat(obj[0]);
} else {
array[rootname] = typeof obj === 'undefined' ? null : obj;
}
2013-04-01 18:52:18 -05:00
} else {
2013-07-20 17:59:09 -05:00
kbn.flatten_json(obj,rootname,array);
2013-04-01 18:52:18 -05:00
}
} else {
array[rootname] = typeof obj === 'undefined' ? null : obj;
2013-04-01 18:52:18 -05:00
}
2013-01-25 22:10:28 -06:00
}
return kbn.sortObj(array);
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
kbn.xmlEnt = function(value) {
if(_.isString(value)) {
var stg1 = value.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/\r\n/g, '<br/>')
.replace(/\r/g, '<br/>')
.replace(/\n/g, '<br/>')
.replace(/\t/g, '&nbsp;&nbsp;&nbsp;&nbsp;')
.replace(/ /g, '&nbsp;&nbsp;')
.replace(/&lt;del&gt;/g, '<del>')
.replace(/&lt;\/del&gt;/g, '</del>');
return stg1;
} else {
return value;
}
2013-07-20 17:59:09 -05:00
};
2013-01-25 22:10:28 -06:00
kbn.sortObj = function(arr) {
// Setup Arrays
2013-07-20 17:59:09 -05:00
var sortedKeys = [];
var sortedObj = {};
2013-07-20 17:59:09 -05:00
var i;
// Separate keys and sort them
2013-07-20 17:59:09 -05:00
for (i in arr) {
sortedKeys.push(i);
2013-01-25 22:10:28 -06:00
}
sortedKeys.sort();
2013-01-25 22:10:28 -06:00
// Reconstruct sorted obj based on keys
2013-07-20 17:59:09 -05:00
for (i in sortedKeys) {
sortedObj[sortedKeys[i]] = arr[sortedKeys[i]];
}
return sortedObj;
2013-07-20 17:59:09 -05:00
};
kbn.query_color_dot = function (color, diameter) {
return '<div class="icon-circle" style="' + [
'display:inline-block',
'color:' + color,
'font-size:' + diameter + 'px',
].join(';') + '"></div>';
};
2013-10-17 16:56:56 -05:00
kbn.colorSteps = function(col,steps) {
2013-10-21 10:11:24 -05:00
2013-10-31 10:22:53 -05:00
var _d = steps > 5 ? 1.6/steps : 0.25, // distance between steps
2013-10-17 16:56:56 -05:00
_p = []; // adjustment percentage
// Create a range of numbers between -0.8 and 0.8
for(var i = 1; i<steps+1; i+=1) {
_p.push(i%2 ? ((i-1)*_d*-1)/2 : i*_d/2);
}
// Create the color range
return _.map(_p.sort(function(a,b){return a-b;}),function(v) {
return v<0 ? Chromath.darken(col,v*-1).toString() : Chromath.lighten(col,v).toString();
});
};
// Find the smallest missing number in an array
kbn.smallestMissing = function(arr,start,end) {
start = start || 0;
end = end || arr.length-1;
if(start > end) {
return end + 1;
}
if(start !== arr[start]) {
return start;
}
var middle = Math.floor((start + end) / 2);
if (arr[middle] > middle) {
return kbn.smallestMissing(arr, start, middle);
} else {
return kbn.smallestMissing(arr, middle + 1, end);
}
};
kbn.byteFormat = function(size, decimals) {
var ext, steps = 0;
if(_.isUndefined(decimals)) {
decimals = 2;
} else if (decimals === 0) {
decimals = undefined;
}
while (Math.abs(size) >= 1024) {
steps++;
size /= 1024;
}
switch (steps) {
case 0:
ext = " B";
break;
case 1:
ext = " KB";
break;
case 2:
ext = " MB";
break;
case 3:
ext = " GB";
break;
case 4:
ext = " TB";
break;
case 5:
ext = " PB";
break;
case 6:
ext = " EB";
break;
case 7:
ext = " ZB";
break;
case 8:
ext = " YB";
break;
}
return (size.toFixed(decimals) + ext);
};
2014-03-01 12:20:42 -06:00
kbn.bitFormat = function(size, decimals) {
var ext, steps = 0;
if(_.isUndefined(decimals)) {
decimals = 2;
} else if (decimals === 0) {
decimals = undefined;
}
while (Math.abs(size) >= 1024) {
steps++;
size /= 1024;
}
switch (steps) {
case 0:
ext = " b";
break;
case 1:
ext = " Kb";
break;
case 2:
ext = " Mb";
break;
case 3:
ext = " Gb";
break;
case 4:
ext = " Tb";
break;
case 5:
ext = " Pb";
break;
case 6:
ext = " Eb";
break;
case 7:
ext = " Zb";
break;
case 8:
ext = " Yb";
break;
}
return (size.toFixed(decimals) + ext);
};
kbn.shortFormat = function(size, decimals) {
var ext, steps = 0;
if(_.isUndefined(decimals)) {
decimals = 2;
} else if (decimals === 0) {
decimals = undefined;
}
while (Math.abs(size) >= 1000) {
steps++;
size /= 1000;
}
switch (steps) {
case 0:
ext = "";
break;
case 1:
ext = " K";
break;
case 2:
ext = " Mil";
break;
case 3:
ext = " Bil";
break;
case 4:
ext = " Tri";
break;
case 5:
ext = " Quadr";
break;
case 6:
ext = " Quint";
break;
case 7:
ext = " Sext";
break;
case 8:
ext = " Sept";
break;
}
return (size.toFixed(decimals) + ext);
};
2014-02-26 12:46:34 -06:00
kbn.getFormatFunction = function(formatName, decimals) {
switch(formatName) {
case 'short':
return function(val) {
return kbn.shortFormat(val, decimals);
};
case 'bytes':
return function(val) {
return kbn.byteFormat(val, decimals);
};
2014-03-01 12:20:42 -06:00
case 'bits':
return function(val) {
return kbn.bitFormat(val, decimals);
};
2014-02-26 12:46:34 -06:00
case 'ms':
return function(val) {
return kbn.msFormat(val, decimals);
};
case 'µs':
return function(val) {
return kbn.microsFormat(val, decimals);
};
default:
return function(val) {
return val % 1 === 0 ? val : val.toFixed(decimals);
};
}
};
kbn.msFormat = function(size, decimals) {
if (size < 1000) {
return size.toFixed(0) + " ms";
}
// Less than 1 min
else if (size < 60000) {
2014-02-26 12:46:34 -06:00
return (size / 1000).toFixed(decimals) + " s";
}
// Less than 1 hour, devide in minutes
else if (size < 3600000) {
2014-02-26 12:46:34 -06:00
return (size / 60000).toFixed(decimals) + " min";
}
// Less than one day, devide in hours
else if (size < 86400000) {
return (size / 3600000).toFixed(decimals) + " hour";
}
// Less than one week, devide in days
else if (size < 604800000) {
return (size / 86400000).toFixed(decimals) + " day";
}
// Less than one month, devide in weeks
else if (size < 2.62974e9) {
return (size / 604800000).toFixed(decimals) + " week";
}
// Less than one year, devide in weeks
else if (size < 3.15569e10) {
return (size / 2.62974e9).toFixed(decimals) + " year";
}
};
2014-02-26 12:46:34 -06:00
kbn.microsFormat = function(size, decimals) {
if (size < 1000) {
return size.toFixed(0) + " µs";
}
else if (size < 1000000) {
2014-02-26 12:46:34 -06:00
return (size / 1000).toFixed(decimals) + " ms";
}
else {
2014-02-26 12:46:34 -06:00
return (size / 1000000).toFixed(decimals) + " s";
2014-02-25 08:34:56 -06:00
}
};
2013-09-13 15:52:13 -05:00
return kbn;
});