mediawiki-extensions-Visual.../modules/ve-mw/ce/nodes/ve.ce.MWNumberedExternalLinkNode.js
James D. Forrester ada58df361 build: Bump file copyright notices for 2016
Change-Id: I3c618c196e504a80ca297a4132a17f1977a24fb7
2016-01-03 14:57:25 -08:00

91 lines
2.5 KiB
JavaScript

/*!
* VisualEditor ContentEditable MWNumberedExternalLinkNode class.
*
* @copyright 2011-2016 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* ContentEditable MediaWiki numbered external link node.
*
* @class
* @extends ve.ce.LeafNode
* @mixins ve.ce.FocusableNode
* @constructor
* @param {ve.dm.MWNumberedExternalLinkNode} model Model to observe
* @param {Object} [config] Configuration options
*/
ve.ce.MWNumberedExternalLinkNode = function VeCeMWNumberedExternalLinkNode( model, config ) {
// Parent constructor
ve.ce.LeafNode.call( this, model, config );
// Mixin constructors
ve.ce.FocusableNode.call( this );
// DOM changes
this.$element
// TODO: Test to see whether we can get away with adding unicode-bidi
// embed/isolate style on $element. unicode-bidi isolate is more conceptually
// correct, but not well supported (e.g. it seems to result in unexpected jumping
// on Chromium).
.addClass( 've-ce-mwNumberedExternalLinkNode' )
// Need some content to make span take up a cursor position, but it must be text
// with no directionality, else it can break Chromium cursoring (see
// https://code.google.com/p/chromium/issues/detail?id=441056 ). Either a
// unicorn-like img tag or the actual apparent link text ("[1]", hitherto shown
// with CSS generated content) would fall foul of this bug. Use a zero-width
// space so it doesn't change the appearance.
.text( '\u200B' );
// Add link
this.$link = $( '<a>' )
// CSS for numbering needs rel=mw:ExtLink
.attr( 'rel', 'mw:ExtLink' )
.addClass( 'external' )
.appendTo( this.$element );
// Events
this.model.connect( this, { update: 'onUpdate' } );
// Initialization
this.onUpdate();
};
/* Inheritance */
OO.inheritClass( ve.ce.MWNumberedExternalLinkNode, ve.ce.LeafNode );
OO.mixinClass( ve.ce.MWNumberedExternalLinkNode, ve.ce.FocusableNode );
/* Static Properties */
ve.ce.MWNumberedExternalLinkNode.static.name = 'link/mwNumberedExternal';
ve.ce.MWNumberedExternalLinkNode.static.tagName = 'span';
ve.ce.MWNumberedExternalLinkNode.static.primaryCommandName = 'link';
/* Static Methods */
/**
* @inheritdoc
*/
ve.ce.MWNumberedExternalLinkNode.static.getDescription = function ( model ) {
return model.getAttribute( 'href' );
};
/* Methods */
/**
* Handle model update events.
*
* @method
*/
ve.ce.MWNumberedExternalLinkNode.prototype.onUpdate = function () {
this.$link.attr( 'href', this.model.getAttribute( 'href' ) );
};
/* Registration */
ve.ce.nodeFactory.register( ve.ce.MWNumberedExternalLinkNode );