/*! * VisualEditor user interface MWMediaEditDialog class. * * @copyright 2011-2013 VisualEditor Team and others; see AUTHORS.txt * @license The MIT License (MIT); see LICENSE.txt */ /** * Dialog for editing MediaWiki media objects. * * @class * @extends ve.ui.MWDialog * * @constructor * @param {ve.ui.SurfaceWindowSet} windowSet Window set this dialog is part of * @param {Object} [config] Configuration options */ ve.ui.MWMediaEditDialog = function VeUiMWMediaEditDialog( windowSet, config ) { // Parent constructor ve.ui.MWDialog.call( this, windowSet, config ); // Properties this.mediaNode = null; this.captionNode = null; }; /* Inheritance */ OO.inheritClass( ve.ui.MWMediaEditDialog, ve.ui.MWDialog ); /* Static Properties */ ve.ui.MWMediaEditDialog.static.name = 'mediaEdit'; ve.ui.MWMediaEditDialog.static.titleMessage = 'visualeditor-dialog-media-title'; ve.ui.MWMediaEditDialog.static.icon = 'picture'; ve.ui.MWMediaEditDialog.static.toolbarGroups = [ { 'include': [ 'undo', 'redo' ] }, { 'include': [ 'bold', 'italic', 'link', 'clear' ] }, { 'include': '*', 'exclude': [ { 'group': 'format' }, { 'group': 'structure' }, 'referenceList' ] } ]; ve.ui.MWMediaEditDialog.static.surfaceCommands = [ 'undo', 'redo', 'bold', 'italic', 'link', 'clear' ]; /* Methods */ /** */ ve.ui.MWMediaEditDialog.prototype.initialize = function () { // Parent method ve.ui.MWDialog.prototype.initialize.call( this ); // Properties this.editPanel = new ve.ui.PanelLayout( { '$$': this.frame.$$, 'padded': true, 'scrollable': true } ); this.captionFieldset = new ve.ui.FieldsetLayout( { '$$': this.frame.$$, 'label': ve.msg( 'visualeditor-dialog-media-content-section' ), 'icon': 'parameter' } ); this.applyButton = new ve.ui.PushButtonWidget( { '$$': this.$$, 'label': ve.msg( 'visualeditor-dialog-action-apply' ), 'flags': ['primary'] } ); // Events this.applyButton.connect( this, { 'click': [ 'close', 'apply' ] } ); // Initialization this.editPanel.$.append( this.captionFieldset.$ ); this.$body.append( this.editPanel.$ ); this.$foot.append( this.applyButton.$ ); }; /** */ ve.ui.MWMediaEditDialog.prototype.onOpen = function () { var newDoc, doc = this.surface.getModel().getDocument(); // Parent method ve.ui.MWDialog.prototype.onOpen.call( this ); // Properties this.mediaNode = this.surface.getView().getFocusedNode().getModel(); this.captionNode = this.mediaNode.getCaptionNode(); if ( this.captionNode && this.captionNode.getLength() > 0 ) { newDoc = doc.cloneFromRange( this.captionNode.getRange() ); } else { newDoc = [ { 'type': 'paragraph', 'internal': { 'generated': 'wrapper' } }, { 'type': '/paragraph' }, { 'type': 'internalList' }, { 'type': '/internalList' } ]; } this.captionSurface = new ve.ui.SurfaceWidget( newDoc, { '$$': this.frame.$$, 'tools': this.constructor.static.toolbarGroups, 'commands': this.constructor.static.surfaceCommands } ); // Initialization this.captionFieldset.$.append( this.captionSurface.$ ); this.captionSurface.initialize(); }; /** */ ve.ui.MWMediaEditDialog.prototype.onClose = function ( action ) { var newDoc, doc, surfaceModel = this.surface.getModel(); // Parent method ve.ui.MWDialog.prototype.onClose.call( this ); if ( action === 'apply' ) { newDoc = this.captionSurface.getSurface().getModel().getDocument(); doc = surfaceModel.getDocument(); if ( !this.captionNode ) { // Insert a new caption at the beginning of the image node surfaceModel.getFragment() .adjustRange( 1 ) .collapseRangeToStart() .insertContent( [ { 'type': 'mwImageCaption' }, { 'type': '/mwImageCaption' } ] ); this.captionNode = this.mediaNode.getCaptionNode(); } // Replace the contents of the caption surfaceModel.change( ve.dm.Transaction.newFromDocumentReplace( doc, this.captionNode, newDoc ) ); } // Cleanup this.captionSurface.destroy(); this.captionSurface = null; this.captionNode = null; }; /* Registration */ ve.ui.dialogFactory.register( ve.ui.MWMediaEditDialog );