mediawiki-extensions-VisualEditor/modules/ve/ui/inspectors/ve.ui.LinkInspector.js

/**
 * 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-clear-button"></div>' )
		.prependTo( this.$ );
	this.$.prepend(
		$( '<div class="es-inspector-title"></div>' )
			.text( ve.msg( 'visualeditor-linkinspector-title' ) )
	);
	this.$locationLabel = $( '<label></label>' )
		.text( ve.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.getAnnotationFromSelection = function() {
	var annotations = this.getSelectedLinkAnnotations();
	for ( var hash in annotations ) {
		// Use the first one with a recognized type (there should only be one, but this is just in case)
		if ( annotations[hash].type === 'link/wikiLink' || annotations[hash].type === 'link/extLink' ) {
			return annotations[hash];
		}
	}
	return null;
};

// TODO: This should probably be somewhere else but I needed this here for now.
ve.ui.LinkInspector.prototype.getSelectionText = function() {
	var surfaceView = this.context.getSurfaceView(),
		surfaceModel = surfaceView.getModel(),
		documentModel = surfaceModel.getDocument(),
		data = documentModel.getData( surfaceModel.getSelection() ),
		str = '',
		max = Math.min( data.length, 255 );
	for ( var i = 0; i < max; i++ ) {
		if ( ve.isArray( data[i] ) ) {
			str += data[i][0];
		} else if( typeof data[i] === 'string' ) {
			str += data[i];
		}
	}
	return str;
};

ve.ui.LinkInspector.prototype.onOpen = function() {
	var annotation = this.getAnnotationFromSelection();
	var initialValue = '';
	if ( annotation === null ) {
		this.$locationInput.val( this.getSelectionText() );
		this.$clearButton.addClass( 'es-inspector-button-disabled' );
	} else if ( annotation.type === 'link/wikiLink' ) {
		// Internal link
		initialValue = annotation.data.title || '';
		this.$locationInput.val( initialValue );
		this.$clearButton.removeClass( 'es-inspector-button-disabled' );
	} else {
		// External link
		initialValue = annotation.data.href || '';
		this.$locationInput.val( initialValue );
		this.$clearButton.removeClass( 'es-inspector-button-disabled' );
	}

	this.initialValue = initialValue;
	if ( this.$locationInput.val().length === 0 ) {
		this.$acceptButton.addClass( 'es-inspector-button-disabled' );
	} else {
		this.$acceptButton.removeClass( 'es-inspector-button-disabled' );
	}
	
	var _this = this;
	setTimeout( function() {
		_this.$locationInput.focus().select();
	}, 0 );
};

ve.ui.LinkInspector.prototype.onClose = function( accept ) {
	var surfaceView = this.context.getSurfaceView();
	if ( accept ) {
		var target = this.$locationInput.val();
		if ( target === this.initialValue || !target ) {
			return;
		}
		var surfaceModel = surfaceView.getModel(),
			annotations = this.getSelectedLinkAnnotations();

		// Clear link annotation if it exists
		for ( var hash in annotations ) {
			surfaceModel.annotate( 'clear', annotations[hash] );
		}

		var annotation;
		// Figure out if this is an internal or external link
		// TODO better logic
		if ( target.match( /^(https?:)?\/\// ) ) {
			// External link
			annotation = {
				'type': 'link/extLink',
				'data': { 'href': target }
			};
		} else {
			// Internal link
			annotation = {
				'type': 'link/wikiLink',
				'data': { 'title': target }
			};
		}
		surfaceModel.annotate( 'set', annotation );
	}
	// Restore focus
	surfaceView.getDocument().getDocumentNode().$.focus();
};

/* Inheritance */

ve.extendClass( ve.ui.LinkInspector, ve.ui.Inspector );