mediawiki-extensions-VisualEditor/modules/ve-mw/ui/dialogs/ve.ui.MWReferenceListDialog.js

/*!
 * VisualEditor user interface MWReferenceListDialog class.
 *
 * @copyright 2011-2014 VisualEditor Team and others; see AUTHORS.txt
 * @license The MIT License (MIT); see LICENSE.txt
 */

/**
 * Dialog for inserting and editing MediaWiki reference lists.
 *
 * @class
 * @extends ve.ui.NodeDialog
 *
 * @constructor
 * @param {Object} [config] Configuration options
 */
ve.ui.MWReferenceListDialog = function VeUiMWReferenceListDialog( config ) {
	// Configuration initialization
	config = ve.extendObject( { 'size': 'small' }, config );

	// Parent constructor
	ve.ui.MWReferenceListDialog.super.call( this, config );
};

/* Inheritance */

OO.inheritClass( ve.ui.MWReferenceListDialog, ve.ui.NodeDialog );

/* Static Properties */

ve.ui.MWReferenceListDialog.static.name = 'referenceList';

ve.ui.MWReferenceListDialog.static.title =
	OO.ui.deferMsg( 'visualeditor-dialog-referencelist-title' );

ve.ui.MWReferenceListDialog.static.icon = 'references';

ve.ui.MWReferenceListDialog.static.modelClasses = [ ve.dm.MWReferenceListNode ];

/* Methods */

/**
 * @inheritdoc
 */
ve.ui.MWReferenceListDialog.prototype.getApplyButtonLabel = function () {
	return this.selectedNode instanceof ve.dm.MWReferenceListNode ?
		ve.ui.MWReferenceListDialog.super.prototype.getApplyButtonLabel.call( this ) :
		ve.msg( 'visualeditor-dialog-referencelist-insert-button' );
};

/**
 * @inheritdoc
 */
ve.ui.MWReferenceListDialog.prototype.applyChanges = function () {
	var refGroup, listGroup, oldListGroup, attrChanges, doc,
		surfaceModel = this.getFragment().getSurface();

	// Save changes
	refGroup = this.groupInput.getValue();
	listGroup = 'mwReference/' + refGroup;

	if ( this.selectedNode ) {
		// Edit existing model
		doc = surfaceModel.getDocument();
		oldListGroup = this.selectedNode.getAttribute( 'listGroup' );

		if ( listGroup !== oldListGroup ) {
			attrChanges = {
				listGroup: listGroup,
				refGroup: refGroup
			};
			surfaceModel.change(
				ve.dm.Transaction.newFromAttributeChanges(
					doc, this.selectedNode.getOuterRange().start, attrChanges
				)
			);
		}
	} else {
		// Create new model
		this.getFragment().collapseRangeToEnd().insertContent( [
			{
				'type': 'mwReferenceList',
				'attributes': {
					'listGroup': listGroup,
					'refGroup': refGroup
				}
			},
			{ 'type': '/mwReferenceList' }
		] ).collapseRangeToEnd().select();
	}

	// Parent method
	return ve.ui.MWReferenceListDialog.super.prototype.applyChanges.call( this );
};

/**
 * @inheritdoc
 */
ve.ui.MWReferenceListDialog.prototype.initialize = function () {
	// Parent method
	ve.ui.MWReferenceListDialog.super.prototype.initialize.call( this );

	// Properties
	this.editPanel = new OO.ui.PanelLayout( {
		'$': this.$, 'scrollable': true, 'padded': true
	} );
	this.optionsFieldset = new OO.ui.FieldsetLayout( {
		'$': this.$
	} );

	this.groupInput = new OO.ui.TextInputWidget( {
		'$': this.$,
		'placeholder': ve.msg( 'visualeditor-dialog-reference-options-group-placeholder' )
	} );
	this.groupField = new OO.ui.FieldLayout( this.groupInput, {
		'$': this.$,
		'align': 'top',
		'label': ve.msg( 'visualeditor-dialog-reference-options-group-label' )
	} );

	// Initialization
	this.optionsFieldset.addItems( [ this.groupField ] );
	this.editPanel.$element.append( this.optionsFieldset.$element );
	this.panels.addItems( [ this.editPanel ] );
};

/**
 * @inheritdoc
 */
ve.ui.MWReferenceListDialog.prototype.setup = function ( data ) {
	var node, refGroup;

	// Parent method
	ve.ui.MWReferenceListDialog.super.prototype.setup.call( this, data );

	// Prepopulate from existing node if we're editing a node
	// instead of inserting a new one
	node = this.getFragment().getSelectedNode();
	if ( this.selectedNode instanceof ve.dm.MWReferenceListNode ) {
		refGroup = node.getAttribute( 'refGroup' );
	} else {
		refGroup = '';
	}

	this.groupInput.setValue( refGroup );
};

/* Registration */

ve.ui.windowFactory.register( ve.ui.MWReferenceListDialog );