mediawiki-extensions-Visual.../modules/ve-mw/ui/pages/ve.ui.MWTransclusionContentPage.js
Thiemo Kreuz dc2ce8ff59 Use OO.ui.PageLayout.setupOutlineItem instead of setOutlineItem
The separate setup method was introduced in 2014 via I7c3c133.
It appears like most of the code here was written before this
method existed. Let's update it.

* this.outlineItem is guaranteed to be set. No need for the `if`.
* The parent method is effectively abstract. There is no point in
  calling it, I would argue.
* The return value is never used. I.e. this method is never
  chained, and probably shouldn't.

Change-Id: Ida26ebdf09be74958936c3950ebdf6def9a69bc0
2021-09-15 12:18:13 +02:00

93 lines
2.6 KiB
JavaScript

/*!
* VisualEditor user interface MWTransclusionContentPage class.
*
* @copyright 2011-2020 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* MediaWiki transclusion dialog content page.
*
* @class
* @extends OO.ui.PageLayout
*
* @constructor
* @param {ve.dm.MWTransclusionContentModel} content
* @param {string} name Unique symbolic name of page
* @param {Object} [config] Configuration options
* @cfg {jQuery} [$overlay] Overlay to render dropdowns in
* @cfg {boolean} [isReadOnly] Page is read-only
*/
ve.ui.MWTransclusionContentPage = function VeUiMWTransclusionContentPage( content, name, config ) {
var veConfig = mw.config.get( 'wgVisualEditorConfig' );
// Configuration initialization
config = ve.extendObject( {
scrollable: false
}, config );
// Parent constructor
ve.ui.MWTransclusionContentPage.super.call( this, name, config );
// Properties
this.content = content;
this.textInput = new ve.ui.MWLazyMultilineTextInputWidget( {
autosize: true,
classes: [ 've-ui-mwTransclusionDialog-input' ]
} )
.setValue( this.content.serialize() )
.setReadOnly( config.isReadOnly )
.connect( this, { change: 'onTextInputChange' } );
this.valueFieldset = new OO.ui.FieldsetLayout( {
label: ve.msg( veConfig.transclusionDialogNewSidebar ?
'visualeditor-dialog-transclusion-wikitext' :
'visualeditor-dialog-transclusion-content'
),
icon: 'wikiText',
$content: this.textInput.$element
} );
// Initialization
this.$element
.addClass( 've-ui-mwTransclusionContentPage' )
.append( this.valueFieldset.$element );
if ( !config.isReadOnly && !veConfig.transclusionDialogNewSidebar ) {
var removeButton = new OO.ui.ButtonWidget( {
framed: false,
icon: 'trash',
title: ve.msg( 'visualeditor-dialog-transclusion-remove-content' ),
flags: [ 'destructive' ],
classes: [ 've-ui-mwTransclusionDialog-removeButton' ]
} )
.connect( this, { click: 'onRemoveButtonClick' } );
removeButton.$element.appendTo( this.$element );
}
};
/* Inheritance */
OO.inheritClass( ve.ui.MWTransclusionContentPage, OO.ui.PageLayout );
/* Methods */
/**
* @inheritdoc
*/
ve.ui.MWTransclusionContentPage.prototype.setupOutlineItem = function () {
this.outlineItem
.setIcon( 'wikiText' )
.setMovable( true )
.setRemovable( true )
.setLabel( ve.msg( 'visualeditor-dialog-transclusion-content' ) );
};
ve.ui.MWTransclusionContentPage.prototype.onTextInputChange = function () {
this.content.setWikitext( this.textInput.getValue() );
};
ve.ui.MWTransclusionContentPage.prototype.onRemoveButtonClick = function () {
this.content.remove();
};