mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-24 22:35:41 +00:00
c2defc9783
Objectives: * Move ve.ui.Element to ve.Element * Make CE nodes inherit from ve.Element Changes: ve.ui.Element.js, ve.Element.js * Move and rename * Move ve.ui.get$$ to ve.Element.static.get$$ * Add static getDocument and getWindow methods * Add instance getElementDocument and getElementWindow methods * Add getTagName method, which by default reads the static tagName property, but when overridden can return a tag name based on other factors *.php * Updated file link ve.ce.*Annotation.js, ve.ce.*Node.js, ve.ce.View.js, ve.ce.Document * Added config options pass through * Replaced passing elements through constructor with defining static tag names * Added getTagName overrides where needed that derive tag name from model * Refactore dom wrapper methods, now consistently using getTagName ve.ce.Surface.js * Removed static initialization (not needed) ve.dm.Model.js, ve.ui.Window.js * Added missing docs ve.ui.GroupElement.js, ve.ui.Layout.js, ve.ui.Widget.js, * Updated class name for elements ve.ui.Frame.js, ve.ui.LookupInputWidget.js * Updated location of get$$ ve.ui.js * Move get$$ to ve.Element ve.js * Add auto-init of static properties to mixinClass Change-Id: I39ae14966456903728e4d9e53f806ddce9ca2b70
240 lines
5.2 KiB
JavaScript
240 lines
5.2 KiB
JavaScript
/*!
|
|
* VisualEditor ContentEditable Node class.
|
|
*
|
|
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Generic ContentEditable node.
|
|
*
|
|
* @abstract
|
|
* @extends ve.ce.View
|
|
* @mixins ve.Node
|
|
*
|
|
* @constructor
|
|
* @param {ve.dm.Node} model Model to observe
|
|
* @param {Object} [config] Config options
|
|
*/
|
|
ve.ce.Node = function VeCeNode( model, config ) {
|
|
// Parent constructor
|
|
ve.ce.View.call( this, model, config );
|
|
|
|
// Mixin constructor
|
|
ve.Node.call( this );
|
|
|
|
// Properties
|
|
this.parent = null;
|
|
|
|
// Events
|
|
this.model.connect( this, { 'attributeChange': 'onAttributeChange' } );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
ve.inheritClass( ve.ce.Node, ve.ce.View );
|
|
|
|
ve.mixinClass( ve.ce.Node, ve.Node );
|
|
|
|
/* Static Members */
|
|
|
|
/**
|
|
* Whether this node type can be split.
|
|
*
|
|
* When the user presses Enter, we split the node they're in (if splittable), then split its parent
|
|
* if splittable, and continue traversing up the tree and stop at the first non-splittable node.
|
|
*
|
|
* @static
|
|
* @property static.canBeSplit
|
|
* @inheritable
|
|
*/
|
|
ve.ce.Node.static.canBeSplit = false;
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* Handle attribute change events.
|
|
*
|
|
* Whitelisted attributes will be added or removed in sync with the DOM. They are initially set in
|
|
* the constructor.
|
|
*
|
|
* @method
|
|
* @param {string} key Attribute key
|
|
* @param {string} from Old value
|
|
* @param {string} to New value
|
|
*/
|
|
ve.ce.Node.prototype.onAttributeChange = function ( key, from, to ) {
|
|
this.renderAttributes( { key: to } );
|
|
};
|
|
|
|
/**
|
|
* Get allowed child node types.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {string[]|null} List of node types allowed as children or null if any type is allowed
|
|
*/
|
|
ve.ce.Node.prototype.getChildNodeTypes = function () {
|
|
return this.model.getChildNodeTypes();
|
|
};
|
|
|
|
/**
|
|
* Get allowed parent node types.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {string[]|null} List of node types allowed as parents or null if any type is allowed
|
|
*/
|
|
ve.ce.Node.prototype.getParentNodeTypes = function () {
|
|
return this.model.getParentNodeTypes();
|
|
};
|
|
|
|
/**
|
|
* Check if the node can have children.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {boolean} Model node can have children
|
|
*/
|
|
ve.ce.Node.prototype.canHaveChildren = function () {
|
|
return this.model.canHaveChildren();
|
|
};
|
|
|
|
/**
|
|
* Check if the node can have children but not content nor be content.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {boolean} Model node can have children but not content nor be content
|
|
*/
|
|
ve.ce.Node.prototype.canHaveChildrenNotContent = function () {
|
|
return this.model.canHaveChildrenNotContent();
|
|
};
|
|
|
|
/**
|
|
* Check if the node has a wrapped element in the document data.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {boolean} Model node is a wrapped element
|
|
*/
|
|
ve.ce.Node.prototype.isWrapped = function () {
|
|
return this.model.isWrapped();
|
|
};
|
|
|
|
/**
|
|
* Check if the node can contain content.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {boolean} Node can contain content
|
|
*/
|
|
ve.ce.Node.prototype.canContainContent = function () {
|
|
return this.model.canContainContent();
|
|
};
|
|
|
|
/**
|
|
* Check if the node is content.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {boolean} Node is content
|
|
*/
|
|
ve.ce.Node.prototype.isContent = function () {
|
|
return this.model.isContent();
|
|
};
|
|
|
|
/**
|
|
* Check if the node can have a slug before it.
|
|
*
|
|
* TODO: Figure out a way to remove the hard-coding for text nodes here.
|
|
*
|
|
* @static
|
|
* @method
|
|
* @returns {boolean} Whether the node can have a slug before it
|
|
*/
|
|
ve.ce.Node.prototype.canHaveSlugBefore = function () {
|
|
return !this.canContainContent() && this.getParentNodeTypes() === null && this.type !== 'text';
|
|
};
|
|
|
|
/**
|
|
* Check if the node can have a slug after it.
|
|
*
|
|
* @static
|
|
* @method
|
|
* @returns {boolean} Whether the node can have a slug after it
|
|
*/
|
|
ve.ce.Node.prototype.canHaveSlugAfter = ve.ce.Node.prototype.canHaveSlugBefore;
|
|
|
|
/**
|
|
* Get the length of the node.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {number} Model length
|
|
*/
|
|
ve.ce.Node.prototype.getLength = function () {
|
|
return this.model.getLength();
|
|
};
|
|
|
|
/**
|
|
* Get the outer length of the node, which includes wrappers if present.
|
|
*
|
|
* This method passes through to the model.
|
|
*
|
|
* @method
|
|
* @returns {number} Model outer length
|
|
*/
|
|
ve.ce.Node.prototype.getOuterLength = function () {
|
|
return this.model.getOuterLength();
|
|
};
|
|
|
|
/**
|
|
* Get the offset of the node.
|
|
*
|
|
* @see ve.dm.Node#getOffset
|
|
* @returns {number} Offset
|
|
*/
|
|
ve.ce.Node.prototype.getOffset = function () {
|
|
return this.model.getOffset();
|
|
};
|
|
|
|
/**
|
|
* Check if the node can be split.
|
|
*
|
|
* @method
|
|
* @returns {boolean} Node can be split
|
|
*/
|
|
ve.ce.Node.prototype.canBeSplit = function () {
|
|
return this.constructor.static.canBeSplit;
|
|
};
|
|
|
|
/**
|
|
* Get the closest splittable node upstream.
|
|
*
|
|
* @method
|
|
* @returns {ve.ce.Node} Closest splittable node
|
|
*/
|
|
ve.ce.Node.getSplitableNode = function ( node ) {
|
|
var splitableNode = null;
|
|
|
|
node.traverseUpstream( function ( node ) {
|
|
if ( node.canBeSplit() ) {
|
|
splitableNode = node;
|
|
return true;
|
|
} else {
|
|
return false;
|
|
}
|
|
} );
|
|
|
|
return splitableNode;
|
|
};
|