0569218201
Summary: If `jsxmin` is not available, use a pure PHP implementation instead (JsShrink). Test Plan: - Ran `arc lint --lintall` on all JS and fixed every relevant warning. - Forced minification on and browsed around the site using JS behaviors. Didn't hit anything problematic. Reviewers: vrana, btrahan Reviewed By: vrana CC: aran, Korvin Differential Revision: https://secure.phabricator.com/D5670
83 lines
2.1 KiB
JavaScript
83 lines
2.1 KiB
JavaScript
/**
|
|
* @requires javelin-install
|
|
* javelin-util
|
|
* javelin-dom
|
|
* javelin-vector
|
|
* @provides phabricator-tooltip
|
|
* @javelin
|
|
*/
|
|
|
|
JX.install('Tooltip', {
|
|
|
|
statics : {
|
|
_node : null,
|
|
|
|
show : function(root, scale, align, content) {
|
|
if (__DEV__) {
|
|
switch (align) {
|
|
case 'N':
|
|
case 'E':
|
|
case 'S':
|
|
case 'W':
|
|
break;
|
|
default:
|
|
JX.$E(
|
|
"Only alignments 'N' (north), 'E' (east), 'S' (south), " +
|
|
"and 'W' (west) are supported."
|
|
);
|
|
break;
|
|
}
|
|
}
|
|
|
|
var node = JX.$N(
|
|
'div',
|
|
{ className: 'jx-tooltip-container jx-tooltip-align-' + align },
|
|
[
|
|
JX.$N('div', { className: 'jx-tooltip' }, content),
|
|
JX.$N('div', { className: 'jx-tooltip-anchor' })
|
|
]);
|
|
|
|
node.style.maxWidth = scale + 'px';
|
|
|
|
JX.Tooltip.hide();
|
|
this._node = node;
|
|
|
|
// Append the tip to the document, but offscreen, so we can measure it.
|
|
node.style.left = '-10000px';
|
|
document.body.appendChild(node);
|
|
|
|
var p = JX.$V(root);
|
|
var d = JX.Vector.getDim(root);
|
|
var n = JX.Vector.getDim(node);
|
|
|
|
// Move the tip so it's nicely aligned.
|
|
|
|
switch (align) {
|
|
case 'N':
|
|
node.style.left = parseInt(p.x - ((n.x - d.x) / 2), 10) + 'px';
|
|
node.style.top = parseInt(p.y - n.y, 10) + 'px';
|
|
break;
|
|
case 'E':
|
|
node.style.left = parseInt(p.x + d.x, 10) + 'px';
|
|
node.style.top = parseInt(p.y - ((n.y - d.y) / 2), 10) + 'px';
|
|
break;
|
|
case 'S':
|
|
node.style.left = parseInt(p.x - ((n.x - d.x) / 2), 10) + 'px';
|
|
node.style.top = parseInt(p.y + d.y + 5, 10) + 'px';
|
|
break;
|
|
case 'W':
|
|
node.style.left = parseInt(p.x - n.x - 5, 10) + 'px';
|
|
node.style.top = parseInt(p.y - ((n.y - d.y) / 2), 10) + 'px';
|
|
break;
|
|
}
|
|
},
|
|
|
|
hide : function() {
|
|
if (this._node) {
|
|
JX.DOM.remove(this._node);
|
|
this._node = null;
|
|
}
|
|
}
|
|
}
|
|
});
|