55 lines
2.1 KiB
JavaScript
55 lines
2.1 KiB
JavaScript
// {{{ICINGA_LICENSE_HEADER}}}
|
|
// {{{ICINGA_LICENSE_HEADER}}}
|
|
|
|
(function(Icinga, $) {
|
|
|
|
"use strict";
|
|
|
|
Icinga.Behaviors = Icinga.Behaviors || {};
|
|
|
|
var Sparkline = function (icinga) {
|
|
Icinga.EventListener.call(this, icinga);
|
|
this.on('rendered', this.onRendered, this);
|
|
};
|
|
Sparkline.prototype = new Icinga.EventListener();
|
|
|
|
Sparkline.prototype.onRendered = function(evt) {
|
|
var el = evt.target;
|
|
|
|
$('span.sparkline', el).each(function(i, element) {
|
|
// read custom options
|
|
var $spark = $(element);
|
|
var labels = $spark.attr('labels').split('|');
|
|
var formatted = $spark.attr('formatted').split('|');
|
|
var tooltipChartTitle = $spark.attr('sparkTooltipChartTitle') || '';
|
|
var format = $spark.attr('tooltipformat');
|
|
var hideEmpty = $spark.attr('hideEmptyLabel') === 'true';
|
|
$spark.sparkline(
|
|
'html',
|
|
{
|
|
enableTagOptions: true,
|
|
tooltipFormatter: function (sparkline, options, fields) {
|
|
var out = format;
|
|
if (hideEmpty && fields.offset === 3) {
|
|
return '';
|
|
}
|
|
var replace = {
|
|
title: tooltipChartTitle,
|
|
label: labels[fields.offset] ? labels[fields.offset] : fields.offset,
|
|
formatted: formatted[fields.offset] ? formatted[fields.offset] : '',
|
|
value: fields.value,
|
|
percent: Math.round(fields.percent * 100) / 100
|
|
};
|
|
$.each(replace, function(key, value) {
|
|
out = out.replace('{{' + key + '}}', value);
|
|
});
|
|
return out;
|
|
}
|
|
});
|
|
});
|
|
};
|
|
|
|
Icinga.Behaviors.Sparkline = Sparkline;
|
|
|
|
}) (Icinga, jQuery);
|