2012-07-19 00:11:26 +00:00
|
|
|
/**
|
|
|
|
* VisualEditor content editable ListNode class.
|
2012-07-19 21:25:16 +00:00
|
|
|
*
|
2012-07-19 00:11:26 +00:00
|
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
|
|
*/
|
|
|
|
|
2012-03-08 12:27:02 +00:00
|
|
|
/**
|
2012-06-20 01:20:28 +00:00
|
|
|
* ContentEditable node for a list.
|
|
|
|
*
|
2012-03-08 12:27:02 +00:00
|
|
|
* @class
|
|
|
|
* @constructor
|
|
|
|
* @extends {ve.ce.BranchNode}
|
2012-06-20 01:20:28 +00:00
|
|
|
* @param model {ve.dm.ListNode} Model to observe
|
2012-03-08 12:27:02 +00:00
|
|
|
*/
|
|
|
|
ve.ce.ListNode = function( model ) {
|
|
|
|
// Inheritance
|
2012-06-20 01:20:28 +00:00
|
|
|
ve.ce.BranchNode.call( this, 'list', model, ve.ce.BranchNode.getDomWrapper( model, 'style' ) );
|
2012-03-08 12:27:02 +00:00
|
|
|
|
|
|
|
// Events
|
2012-06-20 01:20:28 +00:00
|
|
|
this.model.addListenerMethod( this, 'update', 'onUpdate' );
|
2012-04-05 21:31:59 +00:00
|
|
|
};
|
2012-03-08 12:27:02 +00:00
|
|
|
|
2012-04-05 21:31:59 +00:00
|
|
|
/* Static Members */
|
|
|
|
|
2012-06-20 01:20:28 +00:00
|
|
|
/**
|
|
|
|
* Node rules.
|
|
|
|
*
|
|
|
|
* @see ve.ce.NodeFactory
|
|
|
|
* @static
|
|
|
|
* @member
|
|
|
|
*/
|
|
|
|
ve.ce.ListNode.rules = {
|
|
|
|
'canBeSplit': false
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Mapping of list style values and DOM wrapper element types.
|
|
|
|
*
|
|
|
|
* @static
|
|
|
|
* @member
|
|
|
|
*/
|
|
|
|
ve.ce.ListNode.domWrapperElementTypes = {
|
2012-04-05 21:31:59 +00:00
|
|
|
'bullet': 'ul',
|
2012-06-20 01:20:28 +00:00
|
|
|
'number': 'ol'
|
2012-03-08 12:27:02 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
/* Methods */
|
|
|
|
|
2012-06-20 01:20:28 +00:00
|
|
|
/**
|
|
|
|
* Responds to model update events.
|
|
|
|
*
|
|
|
|
* If the style changed since last update the DOM wrapper will be replaced with an appropriate one.
|
|
|
|
*
|
|
|
|
* @method
|
|
|
|
*/
|
|
|
|
ve.ce.ListNode.prototype.onUpdate = function() {
|
|
|
|
this.updateDomWrapper( 'style' );
|
2012-03-08 12:27:02 +00:00
|
|
|
};
|
|
|
|
|
2012-07-07 20:48:15 +00:00
|
|
|
/**
|
|
|
|
* Supplement onSplice() to work around a rendering bug in Firefox
|
|
|
|
*/
|
|
|
|
ve.ce.ListNode.prototype.onSplice = function() {
|
|
|
|
// Call ve.ce.BranchNode's implementation
|
|
|
|
var args = Array.prototype.slice.call( arguments, 0 );
|
|
|
|
ve.ce.BranchNode.prototype.onSplice.apply( this, args );
|
|
|
|
|
|
|
|
// There's a bug in Firefox where numbered lists aren't renumbered after in/outdenting
|
|
|
|
// list items. Force renumbering by requesting the height, which causes a reflow
|
|
|
|
this.$.css( 'height' );
|
|
|
|
};
|
|
|
|
|
2012-07-20 00:48:26 +00:00
|
|
|
ve.ce.ListNode.prototype.canHaveSlugAfter = function() {
|
|
|
|
if ( this.getParent().getType() === 'listItem' ) {
|
|
|
|
// Nested lists should not have slugs after them
|
|
|
|
return false;
|
|
|
|
} else {
|
|
|
|
// Call the parent's implementation
|
|
|
|
return ve.ce.BranchNode.prototype.canHaveSlugAfter.call( this );
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2012-03-08 12:27:02 +00:00
|
|
|
/* Registration */
|
|
|
|
|
2012-06-20 01:20:28 +00:00
|
|
|
ve.ce.nodeFactory.register( 'list', ve.ce.ListNode );
|
2012-03-08 12:27:02 +00:00
|
|
|
|
|
|
|
/* Inheritance */
|
|
|
|
|
|
|
|
ve.extendClass( ve.ce.ListNode, ve.ce.BranchNode );
|