2013-09-14 19:59:09 -05:00
|
|
|
define(['jquery'],
|
2013-09-13 15:52:13 -05:00
|
|
|
function ($) {
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
/**
|
|
|
|
* jQuery extensions
|
|
|
|
*/
|
|
|
|
var $win = $(window);
|
|
|
|
|
|
|
|
$.fn.place_tt = (function () {
|
|
|
|
var defaults = {
|
|
|
|
offset: 5,
|
2014-07-20 11:08:05 -05:00
|
|
|
};
|
2013-09-13 15:52:13 -05:00
|
|
|
|
|
|
|
return function (x, y, opts) {
|
|
|
|
opts = $.extend(true, {}, defaults, opts);
|
|
|
|
return this.each(function () {
|
|
|
|
var $tooltip = $(this), width, height;
|
|
|
|
|
2014-07-20 11:08:05 -05:00
|
|
|
$tooltip.addClass('grafana-tooltip');
|
|
|
|
|
2013-09-13 15:52:13 -05:00
|
|
|
if (!$.contains(document.body, $tooltip[0])) {
|
|
|
|
$tooltip.appendTo(document.body);
|
|
|
|
}
|
|
|
|
|
|
|
|
width = $tooltip.outerWidth(true);
|
|
|
|
height = $tooltip.outerHeight(true);
|
|
|
|
|
|
|
|
$tooltip.css('left', x + opts.offset + width > $win.width() ? x - opts.offset - width : x + opts.offset);
|
|
|
|
$tooltip.css('top', y + opts.offset + height > $win.height() ? y - opts.offset - height : y + opts.offset);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
})();
|
|
|
|
|
|
|
|
return $;
|
2014-07-20 11:08:05 -05:00
|
|
|
});
|