scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-03-07 13:13:10 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request from aignatov-bio/ai-sci-3175-help-window-does-not-close-bug

Browse source 
Fix tooltip freeze bug [SCi-3175]
This commit is contained in:
aignatov-bio 2019-03-28 09:12:37 +01:00 committed by GitHub
commit 5c9d2cbc60
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 29 additions and 2 deletions

31
app/assets/javascripts/sitewide/tooltip_helper.js
View file

@ -16,6 +16,7 @@
var link = $(obj).data('tooltiplink');
var textData = $(obj).data('tooltipcontent');
var customStyle = $(obj).data('tooltipstyle');
obj.dataset.tooltipId = i;
$(obj)
.popover({
@ -26,7 +27,7 @@
content: 'popovers will not display if empty',
template:
'<div class="popover tooltip_' + i + '_window tooltip-open" '
+ 'role="tooltip" style="' + customStyle + '">'
+ 'role="tooltip" style="' + customStyle + '" data-popover-id="' + i + '">'
+ '<div class="popover-body" >' + textData + '</div>'
+ '<br><br><br>'
+ '<div class="popover-footer">'
@ -59,7 +60,6 @@
clearTimeout(leaveTimeout);
enterTimeout = setTimeout(function() {
var top;
if ($(obj).hover().length > 0) {
$(obj).popover('show');
$('.tooltip_' + i + '_window').removeClass('tooltip-enter');
@ -84,6 +84,33 @@
$('.help_tooltips').each(function(i, obj) {
$(obj).popover('hide');
});
$('.popover.tooltip-open').each(function(i, obj) {
if ($('*[data-tooltip-id="' + obj.dataset.popoverId + '"]').length === 0) {
$(obj).remove();
}
});
});
$(document.body).on('mousemove', function(e) {
var mouse = { x: e.clientX, y: e.clientY };
$('.popover.tooltip-open').each(function(i, obj) {
var tooltipObj = '*[data-tooltip-id="' + obj.dataset.popoverId + '"]';
var objHeight = $(tooltipObj)[0].clientHeight;
var objWidth = $(tooltipObj)[0].clientWidth;
var objLeft = $(tooltipObj)[0].offsetLeft;
var objTop = $(tooltipObj)[0].offsetTop;
var objCorners = {
tl: { x: objLeft, y: objTop },
tr: { x: (objLeft + objWidth), y: objTop },
bl: { x: objLeft, y: (objTop + objHeight) },
br: { x: (objLeft + objWidth), y: (objTop + objHeight) }
};
if (
!(mouse.x > objCorners.tl.x && mouse.x < objCorners.br.x)
|| !(mouse.y > objCorners.tl.y && mouse.y < objCorners.br.y)
) {
$(tooltipObj).popover('hide');
}
});
});
};