MediaWiki 1.30.2

[autoinstallsdev/mediawiki.git] / extensions / SyntaxHighlight_GeSHi / modules / ve-syntaxhighlight / ve.ui.MWSyntaxHighlightWindow.js

diff --git a/extensions/SyntaxHighlight_GeSHi/modules/ve-syntaxhighlight/ve.ui.MWSyntaxHighlightWindow.js b/extensions/SyntaxHighlight_GeSHi/modules/ve-syntaxhighlight/ve.ui.MWSyntaxHighlightWindow.js
new file mode 100644 (file)
index 0000000..beaf1f3
--- /dev/null
+++ b/extensions/SyntaxHighlight_GeSHi/modules/ve-syntaxhighlight/ve.ui.MWSyntaxHighlightWindow.js
@@ -0,0 +1,170 @@
+/*!
+ * VisualEditor UserInterface MWSyntaxHighlightWindow class.
+ *
+ * @copyright 2011-2015 VisualEditor Team and others; see AUTHORS.txt
+ * @license The MIT License (MIT); see LICENSE.txt
+ */
+
+/**
+ * MediaWiki syntax highlight window.
+ *
+ * @class
+ * @abstract
+ *
+ * @constructor
+ */
+ve.ui.MWSyntaxHighlightWindow = function VeUiMWSyntaxHighlightWindow() {
+};
+
+/* Inheritance */
+
+OO.initClass( ve.ui.MWSyntaxHighlightWindow );
+
+/* Static properties */
+
+ve.ui.MWSyntaxHighlightWindow.static.icon = 'alienextension';
+
+ve.ui.MWSyntaxHighlightWindow.static.title = OO.ui.deferMsg( 'syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-title' );
+
+ve.ui.MWSyntaxHighlightWindow.static.dir = 'ltr';
+
+/* Methods */
+
+/**
+ * @inheritdoc
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.initialize = function () {
+       var noneMsg = ve.msg( 'syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-none' );
+
+       this.language = new OO.ui.ComboBoxInputWidget( {
+               $overlay: this.$overlay,
+               menu: {
+                       filterFromInput: true,
+                       items: $.map( ve.dm.MWSyntaxHighlightNode.static.getLanguages(), function ( lang ) {
+                               return new OO.ui.MenuOptionWidget( { data: lang, label: lang || noneMsg } );
+                       } )
+               },
+               validate: function ( input ) {
+                       return ve.dm.MWSyntaxHighlightNode.static.isLanguageSupported( input );
+               }
+       } );
+
+       this.showLinesCheckbox = new OO.ui.CheckboxInputWidget();
+
+       this.startLineNumber = new OO.ui.NumberInputWidget( {
+               min: 0,
+               isInteger: true
+       } );
+
+       // Events
+       this.language.connect( this, { change: 'onLanguageInputChange' } );
+       this.showLinesCheckbox.connect( this, { change: 'onShowLinesCheckboxChange' } );
+       this.startLineNumber.connect( this, { change: 'onStartLineNumberChange' } );
+
+       this.languageField = new OO.ui.FieldLayout( this.language, {
+               classes: [ 've-ui-mwSyntaxHighlightWindow-languageField' ],
+               align: 'top',
+               label: ve.msg( 'syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-language' )
+       } );
+       this.codeField = new OO.ui.FieldLayout( this.input, {
+               align: 'top',
+               label: ve.msg( 'syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-code' )
+       } );
+       this.showLinesField = new OO.ui.FieldLayout( this.showLinesCheckbox, {
+               align: 'inline',
+               label: ve.msg( 'syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-showlines' )
+       } );
+       this.startLineField = new OO.ui.FieldLayout( this.startLineNumber, {
+               classes: [ 've-ui-mwSyntaxHighlightWindow-startLineField' ],
+               align: 'left',
+               label: ve.msg( 'syntaxhighlight-visualeditor-mwsyntaxhighlightinspector-startingline' )
+       } );
+};
+
+/**
+ * Handle input change events
+ *
+ * @param {string} value New value
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.onLanguageInputChange = function () {
+       var validity, inspector = this;
+       validity = this.language.getValidity();
+       validity.always( function () {
+               inspector.getActions().setAbilities( { done: validity.state() === 'resolved' } );
+       } );
+};
+
+/**
+ * Handle change events from the show lines chechbox
+ *
+ * @param {boolean} value Widget value
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.onShowLinesCheckboxChange = function () {
+       var showLines = this.showLinesCheckbox.isSelected();
+       this.input.toggleLineNumbers( showLines );
+       this.startLineNumber.setDisabled( !showLines );
+};
+
+/**
+ * Handle change events from the start line input
+ *
+ * @param {string} value Widget value
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.onStartLineNumberChange = function ( value ) {
+       var input = this.input;
+
+       input.loadingPromise.done( function () {
+               input.editor.setOption( 'firstLineNumber', value !== '' ? +value : 1 );
+       } );
+};
+
+/**
+ * @inheritdoc OO.ui.Window
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.getReadyProcess = function ( data, process ) {
+       return process.next( function () {
+               this.language.getMenu().toggle( false );
+               if ( !this.language.getValue() ) {
+                       this.language.focus();
+               } else {
+                       this.input.focus();
+               }
+       }, this );
+};
+
+/**
+ * @inheritdoc OO.ui.Window
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.getSetupProcess = function ( data, process ) {
+       return process.next( function () {
+               var attrs = this.selectedNode ? this.selectedNode.getAttribute( 'mw' ).attrs : {},
+                       language = attrs.lang || '',
+                       showLines = attrs.line !== undefined,
+                       startLine = attrs.start;
+
+               this.language.setValue( language );
+
+               this.showLinesCheckbox.setSelected( showLines );
+               this.startLineNumber.setValue( startLine );
+       }, this );
+};
+
+/**
+ * @inheritdoc OO.ui.Window
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.getTeardownProcess = function ( data, process ) {
+       return process;
+};
+
+/**
+ * @inheritdoc ve.ui.MWExtensionWindow
+ */
+ve.ui.MWSyntaxHighlightWindow.prototype.updateMwData = function ( mwData ) {
+       var language = this.language.getValue(),
+               showLines = this.showLinesCheckbox.isSelected(),
+               startLine = this.startLineNumber.getValue();
+
+       mwData.attrs.lang = language || undefined;
+       mwData.attrs.line = showLines ? '1' : undefined;
+       mwData.attrs.start = startLine !== '' ? startLine : undefined;
+};