Differential D21553 Diff 51304 webroot/rsrc/js/core/behavior-hovercard.js

Changeset View

Standalone View

webroot/rsrc/js/core/behavior-hovercard.js

	/**			/**
	* @provides javelin-behavior-phui-hovercards			* @provides javelin-behavior-phui-hovercards
	* @requires javelin-behavior			* @requires javelin-behavior
	* javelin-behavior-device			* javelin-behavior-device
	* javelin-stratcom			* javelin-stratcom
	* javelin-vector			* javelin-vector
	* phui-hovercard			* phui-hovercard
				* phui-hovercard-list
	* @javelin			* @javelin
	*/			*/

	JX.behavior('phui-hovercards', function() {			JX.behavior('phui-hovercards', function(config, statics) {
				if (statics.hovercardList) {
				return;
				}

				var cards = new JX.HovercardList();
				statics.hovercardList = cards;


	// We listen for mousemove instead of mouseover to handle the case when user			// We listen for mousemove instead of mouseover to handle the case when user
	// scrolls with keyboard. We don't want to display hovercard if node gets			// scrolls with keyboard. We don't want to display hovercard if node gets
	// under the mouse cursor randomly placed somewhere on the screen. This			// under the mouse cursor randomly placed somewhere on the screen. This
	// unfortunately doesn't work in Google Chrome which triggers both mousemove			// unfortunately doesn't work in Google Chrome which triggers both mousemove
	// and mouseover in this case but works in other browsers.			// and mouseover in this case but works in other browsers.
	JX.Stratcom.listen(			JX.Stratcom.listen(
	'mousemove',			'mousemove',
	'hovercard',			'hovercard',
	function (e) {			function (e) {
	if (JX.Device.getDevice() != 'desktop') {			if (JX.Device.getDevice() != 'desktop') {
	return;			return;
	}			}

				var node = e.getNode('hovercard');
	var data = e.getNodeData('hovercard');			var data = e.getNodeData('hovercard');

	JX.Hovercard.show(			var card = cards.getCard(data);
	e.getNode('hovercard'),
	data.hoverPHID);			cards.drawCard(card, node);
	});			});

	JX.Stratcom.listen(			JX.Stratcom.listen(
	'mousemove',			'mousemove',
	null,			null,
	function (e) {			function (e) {
	if (!JX.Hovercard.getCard()) {			cards.onMouseMove(e);
	return;
	}

	var root = JX.Hovercard.getAnchor();
	var node = JX.Hovercard.getCard();
	var align = JX.Hovercard.getAlignment();

	var mouse = JX.$V(e);
	var node_pos = JX.$V(node);
	var node_dim = JX.Vector.getDim(node);
	var root_pos = JX.$V(root);
	var root_dim = JX.Vector.getDim(root);

	var margin = 20;

	if (align == 'south') {
	// Cursor is below the node.
	if (mouse.y > node_pos.y + node_dim.y + margin) {
	JX.Hovercard.hide();
	}

	// Cursor is above the root.
	if (mouse.y < root_pos.y - margin) {
	JX.Hovercard.hide();
	}
	} else {
	// Cursor is above the node.
	if (mouse.y < node_pos.y - margin) {
	JX.Hovercard.hide();
	}

	// Cursor is below the root.
	if (mouse.y > root_pos.y + root_dim.y + margin) {
	JX.Hovercard.hide();
	}
	}

	// Cursor is too far to the left.
	if (mouse.x < Math.min(root_pos.x, node_pos.x) - margin) {
	JX.Hovercard.hide();
	}

	// Cursor is too far to the right.
	if (mouse.x >
	Math.max(root_pos.x + root_dim.x, node_pos.x + node_dim.x) + margin) {
	JX.Hovercard.hide();
	}
	});			});

	// When we leave the page, hide any visible hovercards. If we don't do this,			// When we leave the page, hide any visible hovercards. If we don't do this,
	// clicking a link with a hovercard and then hitting "back" will give you a			// clicking a link with a hovercard and then hitting "back" will give you a
	// phantom card. We also hide cards if the window resizes.			// phantom card. We also hide cards if the window resizes.
	JX.Stratcom.listen(			JX.Stratcom.listen(
	['unload', 'onresize'],			['unload', 'onresize'],
	null,			null,
	function() {			function() {
	JX.Hovercard.hide();			cards.hideCard();
	});			});

	});			});