/** * 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 = $( '
' ) .prependTo( this.$ ); this.$.prepend( $( '' ) .text( ve.msg( 'visualeditor-linkinspector-title' ) ) ); this.$locationLabel = $( '' ) .text( ve.msg( 'visualeditor-linkinspector-label-pagetitle' ) ) .appendTo( this.$form ); this.$locationInput = $( '' ).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; }; ve.ui.LinkInspector.prototype.onOpen = function() { var annotation = this.getAnnotationFromSelection(); if ( annotation === null ) { this.$locationInput.val( '' ); this.$clearButton.addClass( 'es-inspector-button-disabled' ); } else if ( annotation.type === 'link/wikiLink' ) { // Internal link this.$locationInput.val( annotation.data.title || '' ); this.$clearButton.removeClass( 'es-inspector-button-disabled' ); } else { // External link this.$locationInput.val( annotation.data.href || '' ); this.$clearButton.removeClass( '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 target = this.$locationInput.val(); if ( target === this.initialValue || !target ) { 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] ); } 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 ); } }; /* Inheritance */ ve.extendClass( ve.ui.LinkInspector, ve.ui.Inspector );