mediawiki-extensions-Visual.../modules/ve-mw/ui/contextitems/ve.ui.MWTransclusionContextItem.js
Thiemo Kreuz 33a2f21589 Disable edit button while loading template dialog
Bug: T297773
Change-Id: I51fc0af4c3b29fd0801fc06a1dc07ad3fd7f1da3
2022-01-18 12:29:27 +00:00

134 lines
3.7 KiB
JavaScript

/*!
* VisualEditor MWTransclusionContextItem class.
*
* @copyright 2011-2020 VisualEditor Team and others; see http://ve.mit-license.org
*/
/**
* Context item for a MWTransclusion.
*
* @class
* @extends ve.ui.LinearContextItem
*
* @constructor
* @param {ve.ui.Context} context Context item is in
* @param {ve.dm.Model} model Model item is related to
* @param {Object} config Configuration options
*/
ve.ui.MWTransclusionContextItem = function VeUiMWTransclusionContextItem() {
// Parent constructor
ve.ui.MWTransclusionContextItem.super.apply( this, arguments );
// Initialization
this.$element.addClass( 've-ui-mwTransclusionContextItem' );
if ( !this.model.isSingleTemplate() ) {
this.setLabel( ve.msg( 'visualeditor-dialogbutton-transclusion-tooltip' ) );
}
};
/* Inheritance */
OO.inheritClass( ve.ui.MWTransclusionContextItem, ve.ui.LinearContextItem );
/* Static Properties */
ve.ui.MWTransclusionContextItem.static.name = 'transclusion';
ve.ui.MWTransclusionContextItem.static.icon = 'puzzle';
ve.ui.MWTransclusionContextItem.static.label =
OO.ui.deferMsg( 'visualeditor-dialogbutton-template-tooltip' );
ve.ui.MWTransclusionContextItem.static.modelClasses = [ ve.dm.MWTransclusionNode ];
ve.ui.MWTransclusionContextItem.static.commandName = 'transclusion';
/**
* Only display item for single-template transclusions of these templates.
*
* @property {string|string[]|null}
* @static
* @inheritable
*/
ve.ui.MWTransclusionContextItem.static.template = null;
/* Static Methods */
/**
* @static
* @localdoc Sharing implementation with ve.ui.MWTransclusionDialogTool
*/
ve.ui.MWTransclusionContextItem.static.isCompatibleWith =
ve.ui.MWTransclusionDialogTool.static.isCompatibleWith;
/* Methods */
/**
* @inheritdoc
*/
ve.ui.MWTransclusionContextItem.prototype.isDeletable = function () {
var veConfig = mw.config.get( 'wgVisualEditorConfig' );
return veConfig.transclusionDialogBackButton;
};
/**
* @inheritdoc
*/
ve.ui.MWTransclusionContextItem.prototype.getDescription = function () {
var nodeClass = ve.ce.nodeFactory.lookup( this.model.constructor.static.name );
return ve.msg(
'visualeditor-dialog-transclusion-contextitem-description',
nodeClass.static.getDescription( this.model ),
nodeClass.static.getTemplatePartDescriptions( this.model ).length
);
};
/**
* @inheritdoc
*/
ve.ui.MWTransclusionContextItem.prototype.onEditButtonClick = function () {
var surfaceModel = this.context.getSurface().getModel(),
selection = surfaceModel.getSelection();
if ( selection instanceof ve.dm.TableSelection ) {
surfaceModel.setLinearSelection( selection.getOuterRanges(
surfaceModel.getDocument()
)[ 0 ] );
}
this.toggleLoadingVisualization( true );
// This replaces what the parent does because we can't store the `onTearDownCallback` argument
// in the {@see ve.ui.commandRegistry}.
this.getCommand().execute( this.context.getSurface(), [
// This will be passed as `name` and `data` arguments to {@see ve.ui.WindowAction.open}
ve.ui.MWTransclusionDialog.static.name,
{
onTearDownCallback: this.toggleLoadingVisualization.bind( this )
}
], 'context' );
this.emit( 'command' );
};
/**
* @private
* @param {boolean} [isLoading=false]
*/
ve.ui.MWTransclusionContextItem.prototype.toggleLoadingVisualization = function ( isLoading ) {
this.editButton.setDisabled( isLoading );
if ( isLoading ) {
this.originalEditButtonLabel = this.editButton.getLabel();
this.editButton.setLabel( ve.msg( 'visualeditor-dialog-transclusion-contextitem-loading' ) );
} else if ( this.originalEditButtonLabel ) {
this.editButton.setLabel( this.originalEditButtonLabel );
}
if ( this.isDeletable() ) {
this.deleteButton.toggle( !isLoading );
}
};
/* Registration */
ve.ui.contextItemFactory.register( ve.ui.MWTransclusionContextItem );