mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-09-27 20:26:46 +00:00
fd28fff50f
* Also fixed calls to addListenerMethod * Also routed adding children in the constructor of ve.dm.BranchNode to the splice method * Renamed types of ve.dm stub nodes to avoid collisions (since we have to register ce nodes by the same names for them to be generated by onSplice) Change-Id: Ia2e75cf0a62186cc0e214683feb25c619590318a
96 lines
2.1 KiB
JavaScript
96 lines
2.1 KiB
JavaScript
/**
|
|
* ContentEditable node for a heading.
|
|
*
|
|
* @class
|
|
* @constructor
|
|
* @extends {ve.ce.BranchNode}
|
|
* @param model {ve.dm.HeadingNode} Model to observe
|
|
*/
|
|
ve.ce.HeadingNode = function( model ) {
|
|
// Inheritance
|
|
ve.ce.BranchNode.call( this, model, ve.ce.HeadingNode.getDomElement( model ) );
|
|
|
|
// Properties
|
|
this.currentLevel = model.getAttribute( 'level' );
|
|
|
|
// Events
|
|
this.model.addListenerMethod( this, 'update', 'onUpdate' );
|
|
};
|
|
|
|
/* Static Members */
|
|
|
|
/**
|
|
* Node rules.
|
|
*
|
|
* @see ve.ce.NodeFactory
|
|
* @static
|
|
* @member
|
|
*/
|
|
ve.ce.HeadingNode.rules = {
|
|
'canHaveChildren': true,
|
|
'canHaveGrandchildren': false,
|
|
'canBeSplit': true
|
|
};
|
|
|
|
/**
|
|
* Mapping of heading level values and DOM wrapper element types.
|
|
*
|
|
* @static
|
|
* @member
|
|
*/
|
|
ve.ce.HeadingNode.domWrapperElementTypes = {
|
|
'1': 'h1',
|
|
'2': 'h2',
|
|
'3': 'h3',
|
|
'4': 'h4',
|
|
'5': 'h5',
|
|
'6': 'h6'
|
|
};
|
|
|
|
/* Static Methods */
|
|
|
|
/**
|
|
* Gets an appropriate DOM wrapper for the model.
|
|
*
|
|
* This method is static because it is used before the node is fully constructed. Before all parent
|
|
* constructors are called this.model may not be ready to be used.
|
|
*
|
|
* @static
|
|
* @method
|
|
* @param {ve.dm.HeadingNode} model Model to create DOM wrapper for
|
|
* @returns {jQuery} Selection containing DOM wrapper
|
|
*/
|
|
ve.ce.HeadingNode.getDomWrapper = function( model ) {
|
|
var level = model.getAttribute( 'level' ),
|
|
type = ve.ce.HeadingNode.domWrapperElementTypes[level];
|
|
if ( type === undefined ) {
|
|
throw 'Invalid level attribute in heading node model: ' + level;
|
|
}
|
|
return $( '<' + type + '></' + type + '>' );
|
|
};
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Responds to model update events.
|
|
*
|
|
* If the level changed since last update the DOM wrapper will be replaced with an appropriate one.
|
|
*
|
|
* @method
|
|
*/
|
|
ve.ce.HeadingNode.prototype.onUpdate = function() {
|
|
var level = this.model.getAttribute( 'level' );
|
|
if ( level !== this.currentLevel ) {
|
|
this.currentLevel = level;
|
|
this.replaceDomWrapper( ve.ce.HeadingNode.getDomWrapper( this.model ) );
|
|
}
|
|
};
|
|
|
|
/* Registration */
|
|
|
|
ve.ce.factory.register( 'heading', ve.ce.HeadingNode );
|
|
|
|
/* Inheritance */
|
|
|
|
ve.extendClass( ve.ce.HeadingNode, ve.ce.BranchNode );
|