mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/VisualEditor
synced 2024-11-25 14:56:20 +00:00
44e47a6e8f
If a references list node is selected, open the dialog to edit it. Otherwise just insert the references list for the default group, since this is what the user wants to do in 99% of cases. * Replaced the simple 'referencesList' command (which opened the dialog) with a custom implementation in ve.ui.MWReferencesListCommand, which inserts the references list or opens the dialog like before. * Removed the ability to insert a references list from ve.ui.MWReferencesListDialog, since it should now never open without a references list selected. If it does, throw an error. I considered the behavior of always showing the dialog if there is at least one references list already in the document, but I think it would be confusing if the tool behaved differently depending on the state of the document (rather than merely current selection). Bug: T71727 Change-Id: Ifbbfa28548de9c0435c5174fb7762079f59bac54
154 lines
4.1 KiB
JavaScript
154 lines
4.1 KiB
JavaScript
/*!
|
|
* VisualEditor user interface MWReferencesListDialog class.
|
|
*
|
|
* @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* Dialog for editing MediaWiki references lists.
|
|
*
|
|
* @class
|
|
* @extends ve.ui.NodeDialog
|
|
*
|
|
* @constructor
|
|
* @param {Object} [config] Configuration options
|
|
*/
|
|
ve.ui.MWReferencesListDialog = function VeUiMWReferencesListDialog( config ) {
|
|
// Parent constructor
|
|
ve.ui.MWReferencesListDialog.super.call( this, config );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
OO.inheritClass( ve.ui.MWReferencesListDialog, ve.ui.NodeDialog );
|
|
|
|
/* Static Properties */
|
|
|
|
ve.ui.MWReferencesListDialog.static.name = 'referencesList';
|
|
|
|
ve.ui.MWReferencesListDialog.static.title =
|
|
OO.ui.deferMsg( 'visualeditor-dialog-referenceslist-title' );
|
|
|
|
ve.ui.MWReferencesListDialog.static.icon = 'references';
|
|
|
|
ve.ui.MWReferencesListDialog.static.modelClasses = [ ve.dm.MWReferencesListNode ];
|
|
|
|
ve.ui.MWReferencesListDialog.static.size = 'medium';
|
|
|
|
ve.ui.MWReferencesListDialog.static.actions = [
|
|
{
|
|
action: 'apply',
|
|
label: OO.ui.deferMsg( 'visualeditor-dialog-action-apply' ),
|
|
flags: [ 'progressive', 'primary' ],
|
|
modes: 'edit'
|
|
},
|
|
{
|
|
label: OO.ui.deferMsg( 'visualeditor-dialog-action-cancel' ),
|
|
flags: 'safe',
|
|
modes: 'edit'
|
|
}
|
|
];
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWReferencesListDialog.prototype.getBodyHeight = function () {
|
|
return Math.max( 150, Math.ceil( this.editPanel.$element[0].scrollHeight ) );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWReferencesListDialog.prototype.initialize = function () {
|
|
// Parent method
|
|
ve.ui.MWReferencesListDialog.super.prototype.initialize.call( this );
|
|
|
|
// Properties
|
|
this.panels = new OO.ui.StackLayout( { $: this.$ } );
|
|
this.editPanel = new OO.ui.PanelLayout( {
|
|
$: this.$, scrollable: true, padded: true
|
|
} );
|
|
this.optionsFieldset = new OO.ui.FieldsetLayout( {
|
|
$: this.$
|
|
} );
|
|
|
|
this.groupInput = new ve.ui.MWReferenceGroupInputWidget( {
|
|
$: this.$,
|
|
$overlay: this.$overlay,
|
|
emptyGroupName: 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 ] );
|
|
this.$body.append( this.panels.$element );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWReferencesListDialog.prototype.getActionProcess = function ( action ) {
|
|
if ( action === 'apply' ) {
|
|
return new OO.ui.Process( function () {
|
|
var refGroup, listGroup, oldListGroup, attrChanges, doc,
|
|
surfaceModel = this.getFragment().getSurface();
|
|
|
|
// Save changes
|
|
refGroup = this.groupInput.input.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
|
|
)
|
|
);
|
|
}
|
|
}
|
|
|
|
this.close( { action: action } );
|
|
}, this );
|
|
}
|
|
// Parent method
|
|
return ve.ui.MWReferencesListDialog.super.prototype.getActionProcess.call( this, action );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWReferencesListDialog.prototype.getSetupProcess = function ( data ) {
|
|
return ve.ui.MWReferencesListDialog.super.prototype.getSetupProcess.call( this, data )
|
|
.next( function () {
|
|
if ( !( this.selectedNode instanceof ve.dm.MWReferencesListNode ) ) {
|
|
throw new Error( 'Cannot open dialog: references list must be selected' );
|
|
}
|
|
|
|
this.actions.setMode( 'edit' );
|
|
|
|
this.groupInput.input.setValue( this.selectedNode.getAttribute( 'refGroup' ) );
|
|
this.groupInput.populateMenu( this.getFragment().getDocument().getInternalList() );
|
|
}, this );
|
|
};
|
|
|
|
/* Registration */
|
|
|
|
ve.ui.windowFactory.register( ve.ui.MWReferencesListDialog );
|