mediawiki-extensions-Visual.../modules/ve2/ui/inspectors/ve.ui.LinkInspector.js
Catrope 97a1edfd72 Crusade against hardcoded English, i18n for everything
Change-Id: Ibc658e5f67a373394a4ba149e9b9003f3803023a
2012-06-19 01:30:30 -07:00

119 lines
3.5 KiB
JavaScript

/**
* Creates an ve.ui.LinkInspector object.
*
* @class
* @constructor
* @param {ve.ui.Toolbar} toolbar
*/
ve.ui.LinkInspector = function( toolbar, context ) {
// Inheritance
ve.ui.Inspector.call( this, toolbar, context );
// Properties
this.$clearButton = $( '<div class="es-inspector-button es-inspector-clearButton"></div>' )
.prependTo( this.$ );
this.$.prepend(
$( '<div class="es-inspector-title"></div>' )
.text( mw.msg( 'visualeditor-linkinspector-title' ) )
);
this.$locationLabel = $( '<label></label>' )
.text( mw.msg( 'visualeditor-linkinspector-label-pagetitle' ) )
.appendTo( this.$form );
this.$locationInput = $( '<input type="text">' ).appendTo( this.$form );
this.initialValue = null;
// Events
var _this = this;
this.$clearButton.click( function() {
if ( $(this).is( '.es-inspector-button-disabled' ) ) {
return;
}
var surfaceModel = _this.context.getSurfaceView().getModel(),
annotations = _this.getSelectedLinkAnnotations();
// If link annotation exists, clear it.
for ( var hash in annotations ) {
surfaceModel.annotate( 'clear', annotations[hash] );
}
_this.$locationInput.val( '' );
_this.context.closeInspector();
} );
this.$locationInput.bind( 'mousedown keydown cut paste', function() {
setTimeout( function() {
if ( _this.$locationInput.val() !== _this.initialValue ) {
_this.$acceptButton.removeClass( 'es-inspector-button-disabled' );
} else {
_this.$acceptButton.addClass( 'es-inspector-button-disabled' );
}
}, 0 );
} );
};
/* Methods */
ve.ui.LinkInspector.prototype.getSelectedLinkAnnotations = function(){
var surfaceView = this.context.getSurfaceView(),
surfaceModel = surfaceView.getModel(),
documentModel = surfaceModel.getDocument(),
data = documentModel.getData( surfaceModel.getSelection() );
if ( data.length ) {
if ( ve.isPlainObject( data[0][1] ) ) {
return ve.dm.Document.getMatchingAnnotations( data[0][1], /link\/.*/ );
}
}
return {};
};
ve.ui.LinkInspector.prototype.getTitleFromSelection = function() {
var annotations = this.getSelectedLinkAnnotations();
for ( var hash in annotations ) {
// Use the first one that has a title (there should only be one, but this is just in case)
if ( annotations[hash].data && annotations[hash].data.title ) {
return annotations[hash].data.title;
}
}
return null;
};
ve.ui.LinkInspector.prototype.onOpen = function() {
var title = this.getTitleFromSelection();
if ( title !== null ) {
this.$locationInput.val( title );
this.$clearButton.removeClass( 'es-inspector-button-disabled' );
} else {
this.$locationInput.val( '' );
this.$clearButton.addClass( 'es-inspector-button-disabled' );
}
this.$acceptButton.addClass( 'es-inspector-button-disabled' );
this.initialValue = this.$locationInput.val();
var _this = this;
setTimeout( function() {
_this.$locationInput.focus().select();
}, 0 );
};
ve.ui.LinkInspector.prototype.onClose = function( accept ) {
if ( accept ) {
var title = this.$locationInput.val();
if ( title === this.getTitleFromSelection() || !title ) {
return;
}
var surfaceModel = this.context.getSurfaceView().getModel(),
annotations = this.getSelectedLinkAnnotations();
// Clear link annotation if it exists
for ( var hash in annotations ) {
surfaceModel.annotate( 'clear', annotations[hash] );
}
surfaceModel.annotate( 'set', { 'type': 'link/wikiLink', 'data': {
'title': title,
'href': '/' + title // HACK to work around Parsoid bug
} } );
}
};
/* Inheritance */
ve.extendClass( ve.ui.LinkInspector, ve.ui.Inspector );