mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/SyntaxHighlight_GeSHi
synced 2024-12-20 18:13:00 +00:00
7239e4439c
MWAceEditorWidget is now multiline by inheritance Bug: T170275 Change-Id: Ie9d8f200b95497bbe91396ea92e29b0d317f010a
151 lines
4 KiB
JavaScript
151 lines
4 KiB
JavaScript
/*!
|
|
* VisualEditor UserInterface MWSyntaxHighlightDialog class.
|
|
*
|
|
* @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
*/
|
|
|
|
/**
|
|
* MediaWiki syntax highlight dialog.
|
|
*
|
|
* @class
|
|
* @extends ve.ui.MWExtensionDialog
|
|
* @mixins ve.ui.MWSyntaxHighlightWindow
|
|
*
|
|
* @constructor
|
|
* @param {Object} [config] Configuration options
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog = function VeUiMWSyntaxHighlightDialog() {
|
|
// Parent constructor
|
|
ve.ui.MWSyntaxHighlightDialog.super.apply( this, arguments );
|
|
|
|
// Mixin constructor
|
|
ve.ui.MWSyntaxHighlightWindow.call( this );
|
|
};
|
|
|
|
/* Inheritance */
|
|
|
|
OO.inheritClass( ve.ui.MWSyntaxHighlightDialog, ve.ui.MWExtensionDialog );
|
|
|
|
OO.mixinClass( ve.ui.MWSyntaxHighlightDialog, ve.ui.MWSyntaxHighlightWindow );
|
|
|
|
/* Static properties */
|
|
|
|
ve.ui.MWSyntaxHighlightDialog.static.name = 'syntaxhighlightDialog';
|
|
|
|
ve.ui.MWSyntaxHighlightDialog.static.size = 'larger';
|
|
|
|
ve.ui.MWSyntaxHighlightDialog.static.modelClasses = [ ve.dm.MWBlockSyntaxHighlightNode ];
|
|
|
|
/* Methods */
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog.prototype.initialize = function () {
|
|
// Parent method
|
|
ve.ui.MWSyntaxHighlightDialog.super.prototype.initialize.call( this );
|
|
|
|
this.input = new ve.ui.MWAceEditorWidget( {
|
|
limit: 1,
|
|
rows: 10,
|
|
maxRows: 25,
|
|
autosize: true,
|
|
autocomplete: 'live',
|
|
classes: [ 've-ui-mwExtensionWindow-input' ]
|
|
} );
|
|
|
|
this.input.connect( this, { resize: 'updateSize' } );
|
|
|
|
// Mixin method
|
|
ve.ui.MWSyntaxHighlightWindow.prototype.initialize.call( this );
|
|
|
|
this.languageField.setAlignment( 'left' );
|
|
|
|
this.contentLayout = new OO.ui.PanelLayout( {
|
|
scrollable: true,
|
|
padded: true,
|
|
expanded: false,
|
|
content: [
|
|
this.languageField,
|
|
this.codeField,
|
|
this.showLinesField,
|
|
this.startLineField
|
|
]
|
|
} );
|
|
|
|
// Initialization
|
|
this.$content.addClass( 've-ui-mwSyntaxHighlightDialog-content' );
|
|
this.$body.append( this.contentLayout.$element );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc MWSyntaxHighlightWindow
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog.prototype.onLanguageInputChange = function () {
|
|
var validity, dialog = this;
|
|
|
|
// Mixin method
|
|
ve.ui.MWSyntaxHighlightWindow.prototype.onLanguageInputChange.call( this );
|
|
|
|
validity = this.language.getValidity();
|
|
validity.always( function () {
|
|
var language = ve.dm.MWSyntaxHighlightNode.static.convertLanguageToAce( dialog.language.getValue() );
|
|
dialog.input.setLanguage( validity.state() === 'resolved' ? language : 'text' );
|
|
} );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog.prototype.getReadyProcess = function ( data ) {
|
|
// Parent process
|
|
var process = ve.ui.MWSyntaxHighlightDialog.super.prototype.getReadyProcess.call( this, data );
|
|
// Mixin process
|
|
return ve.ui.MWSyntaxHighlightWindow.prototype.getReadyProcess.call( this, data, process );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog.prototype.getSetupProcess = function ( data ) {
|
|
// Parent process
|
|
var process = ve.ui.MWSyntaxHighlightDialog.super.prototype.getSetupProcess.call( this, data );
|
|
// Mixin process
|
|
return ve.ui.MWSyntaxHighlightWindow.prototype.getSetupProcess.call( this, data, process )
|
|
.first( function () {
|
|
this.input.setup();
|
|
}, this )
|
|
.next( function () {
|
|
this.onShowLinesCheckboxChange();
|
|
this.input.clearUndoStack();
|
|
}, this );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog.prototype.getTeardownProcess = function ( data ) {
|
|
// Parent process
|
|
var process = ve.ui.MWSyntaxHighlightDialog.super.prototype.getTeardownProcess.call( this, data );
|
|
// Mixin process
|
|
return ve.ui.MWSyntaxHighlightWindow.prototype.getTeardownProcess.call( this, data, process ).first( function () {
|
|
this.language.setValue( '' );
|
|
this.input.teardown();
|
|
}, this );
|
|
};
|
|
|
|
/**
|
|
* @inheritdoc
|
|
*/
|
|
ve.ui.MWSyntaxHighlightDialog.prototype.updateMwData = function () {
|
|
// Parent method
|
|
ve.ui.MWSyntaxHighlightDialog.super.prototype.updateMwData.apply( this, arguments );
|
|
// Mixin method
|
|
ve.ui.MWSyntaxHighlightWindow.prototype.updateMwData.apply( this, arguments );
|
|
};
|
|
|
|
/* Registration */
|
|
|
|
ve.ui.windowFactory.register( ve.ui.MWSyntaxHighlightDialog );
|