mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-12-01 17:36:35 +00:00
b02ea35298
This will prevent inline alien phantoms from appearing while dragging. This was a usability enhancement identified by Inez/Christian. Change-Id: Idf046db72e25875e899f5926ab7d50d2f514586b
65 lines
1.4 KiB
JavaScript
65 lines
1.4 KiB
JavaScript
/**
|
|
* VisualEditor content editable AlienInlineNode class.
|
|
*
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* ContentEditable node for an alien inline node.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @extends {ve.ce.AlienNode}
|
|
* @param {ve.dm.AlienInlineNode} model Model to observe.
|
|
*/
|
|
ve.ce.AlienInlineNode = function VeCeAlienInlineNode( model ) {
|
|
// Parent constructor
|
|
ve.ce.AlienNode.call( this, 'alienInline', model );
|
|
|
|
// DOM Changes
|
|
this.$.addClass( 've-ce-alienInlineNode' );
|
|
|
|
// Events
|
|
this.$.on( 'mouseenter', ve.bind( this.onMouseEnter, this ) );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.inheritClass( ve.ce.AlienInlineNode, ve.ce.AlienNode );
|
|
|
|
/* Static Members */
|
|
|
|
/**
|
|
* Node rules.
|
|
*
|
|
* @see ve.ce.NodeFactory
|
|
* @static
|
|
* @member
|
|
*/
|
|
ve.ce.AlienInlineNode.rules = {
|
|
'canBeSplit': false
|
|
};
|
|
|
|
/* Methods */
|
|
|
|
ve.ce.AlienInlineNode.prototype.onMouseEnter = function () {
|
|
var $phantom = ve.ce.Surface.static.$phantomTemplate.clone(),
|
|
offset = this.$.offset(),
|
|
surface = this.root.getSurface();
|
|
if ( !surface.dragging ) {
|
|
$phantom.css( {
|
|
'top': offset.top,
|
|
'left': offset.left,
|
|
'height': this.$.height(),
|
|
'width': this.$.width()
|
|
} );
|
|
surface.$phantoms.empty().append( $phantom );
|
|
surface.$.on( 'mousemove.phantoms', ve.bind( this.onSurfaceMouseMove, this ) );
|
|
}
|
|
};
|
|
|
|
/* Registration */
|
|
|
|
ve.ce.nodeFactory.register( 'alienInline', ve.ce.AlienInlineNode );
|