/*! * 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 );