mediawiki-extensions-Visual.../modules/ve/ui/widgets/ve.ui.LinkTargetInputWidget.js
Trevor Parscal db9f941fa6 Rename this.$ to this.$element, and this.$$ to this.$
Objectives:
* Rename this.$ to this.$element
* Rename this.$$ to this.$
* Get rid of the need to use this.frame.$$
* Rename OO.ui.Element.get$$ to OO.ui.Element.getJQuery

Changes: (using Sublime Text regex patterns)
* Replace "get$$" with "getJQuery"
* Replace "\.(\$)([^\$a-zA-Z])" with ".$element$2"
* Replace "\.(\$\$)" with ".$"
* Replace "'$$'" with "'$'"
* Set this.$ to null in constructor of OO.ui.Window
* Set this.$ to this.frame.$ in initialize method of OO.ui.Window
* Replace "\.(frame.\$)([^\$a-zA-Z])" with ".\$$2"

Bonus:
* Use this.$() in a bunch of places where $() was erroneously used

Change-Id: If3d870124ab8d10f8223532cda95c2b2b075db94
2013-11-03 23:03:49 -08:00

137 lines
3.3 KiB
JavaScript

/*!
* VisualEditor UserInterface LinkTargetInputWidget class.
*
* @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* Creates an ve.ui.LinkTargetInputWidget object.
*
* @class
* @extends OO.ui.TextInputWidget
*
* @constructor
* @param {Object} [config] Configuration options
*/
ve.ui.LinkTargetInputWidget = function VeUiLinkTargetInputWidget( config ) {
// Parent constructor
OO.ui.TextInputWidget.call( this, config );
// Properties
this.annotation = null;
// Initialization
this.$element.addClass( 've-ui-linkTargetInputWidget' );
// Default RTL/LTR check
// Has to use global $() instead of this.$() because only the main document's <body> has
// the 'rtl' class; inspectors and dialogs have oo-ui-rtl instead.
if ( $( 'body' ).hasClass( 'rtl' ) ) {
this.$input.addClass( 'oo-ui-rtl' );
}
};
/* Inheritance */
OO.inheritClass( ve.ui.LinkTargetInputWidget, OO.ui.TextInputWidget );
/* Methods */
/**
* Handle value-changing events
*
* Overrides onEdit to perform RTL test based on the typed URL
*
* @method
*/
ve.ui.LinkTargetInputWidget.prototype.onEdit = function () {
if ( !this.disabled ) {
// Allow the stack to clear so the value will be updated
setTimeout( ve.bind( function () {
// RTL/LTR check
// Has to use global $() instead of this.$() because only the main document's <body> has
// the 'rtl' class; inspectors and dialogs have oo-ui-rtl instead.
if ( $( 'body' ).hasClass( 'rtl' ) ) {
var isExt = ve.init.platform.getExternalLinkUrlProtocolsRegExp()
.test( this.$input.val() );
// If URL is external, flip to LTR. Otherwise, set back to RTL
this.setRTL( !isExt );
}
this.setValue( this.$input.val() );
}, this ) );
}
};
/**
* Set the value of the input.
*
* Overrides setValue to keep annotations in sync.
*
* @method
* @param {string} value New value
*/
ve.ui.LinkTargetInputWidget.prototype.setValue = function ( value ) {
// Keep annotation in sync with value
value = this.sanitizeValue( value );
if ( value === '' ) {
this.annotation = null;
} else {
this.setAnnotation( new ve.dm.LinkAnnotation( {
'type': 'link',
'attributes': {
'href': value
}
} ) );
}
// Parent method
OO.ui.TextInputWidget.prototype.setValue.call( this, value );
};
/**
* Sets the annotation value.
*
* The input value will automatically be updated.
*
* @method
* @param {ve.dm.LinkAnnotation} annotation Link annotation
* @chainable
*/
ve.ui.LinkTargetInputWidget.prototype.setAnnotation = function ( annotation ) {
this.annotation = annotation;
// Parent method
OO.ui.TextInputWidget.prototype.setValue.call(
this,
this.getTargetFromAnnotation( annotation )
);
return this;
};
/**
* Gets the annotation value.
*
* @method
* @returns {ve.dm.LinkAnnotation} Link annotation
*/
ve.ui.LinkTargetInputWidget.prototype.getAnnotation = function () {
return this.annotation;
};
/**
* Gets a target from an annotation.
*
* @method
* @param {ve.dm.LinkAnnotation} annotation Link annotation
* @returns {string} Target
*/
ve.ui.LinkTargetInputWidget.prototype.getTargetFromAnnotation = function ( annotation ) {
if ( annotation instanceof ve.dm.LinkAnnotation ) {
return annotation.getAttribute( 'href' );
}
return '';
};