ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-20 08:03:49 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Info Bubble] Fix display issues

Browse Source 
Intermediary commit; fix some display issues with info bubbles,
add some delay. WTD-884.
This commit is contained in:
Victor Woeltjen
2015-05-22 12:28:58 -07:00
parent 05a78f70e3
commit 35f4032ae8
4 changed files with 50 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
platform/commonUI/inspect/src/gestures/InfoGesture.js
View File

@ -5,8 +5,10 @@ define(
function () {
"use strict";
function InfoGesture(infoService, element, domainObject) {
var dismissBubble;
function InfoGesture($timeout, infoService, DELAY, element, domainObject) {
var dismissBubble,
pendingBubble,
mousePosition;
function hideBubble() {
if (dismissBubble) {
@ -14,20 +16,36 @@ define(
element.off('mouseleave', hideBubble);
dismissBubble = undefined;
}
if (pendingBubble) {
$timeout.cancel(pendingBubble);
pendingBubble = undefined;
}
mousePosition = undefined;
}
function trackPosition(event) {
mousePosition = [ event.clientX, event.clientY ];
}
function showBubble(event) {
dismissBubble = infoService.display(
"info-table",
domainObject.getName(),
[
{ name: "ID", value: domainObject.getId() }
],
[ event.clientX, event.clientY ]
);
trackPosition(event);
pendingBubble = $timeout(function () {
dismissBubble = infoService.display(
"info-table",
domainObject.getModel().name,
[
{ name: "ID", value: domainObject.getId() }
],
mousePosition
);
pendingBubble = undefined;
}, DELAY);
element.on('mouseleave', hideBubble);
}
element.on('mousemove', trackPosition);
element.on('mouseenter', showBubble);
return {