mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor
synced 2024-12-04 12:49:15 +00:00
499c71114a
WikiEditor has a clever functionality where you can enter a message key directly by using [key]Msg syntax in the object definition. While that may have been a clever approach, it led to tons of messages in this extension having to be marked as RawHtmlMessages because they could potentially be parsed as HTML. Thus I am replacing all of these instances with using mw.message explicitly instead, with the necessary method attached. The autoMsg (and its cloned autoSafeMsg) functions have had FIXME comments attached since 2018 saying that these methods are unnecessarily complex and should be replaced with using mw.messages directly. This solves a lot of problems for translators in Translatewiki, and hopefully makes the code more straightforward and easier to understand for those reading it down the line. I would like to remove the autoMsg and autoSafeMsg functions altogether, but their functionality is still in use in a few extensions (and potentially on-wiki code), so we would have to clean up that first. Bug: T154891 Bug: T294760 Change-Id: I2835341867df85552579ea6927cd39a6f889fa6b
954 lines
36 KiB
JavaScript
954 lines
36 KiB
JavaScript
/**
|
|
* Configuration of Dialog module for wikiEditor
|
|
*/
|
|
( function () {
|
|
|
|
var toolbarModule = require( './jquery.wikiEditor.toolbar.js' ),
|
|
InsertLinkTitleInputField = require( './insertlink/TitleInputField.js' ),
|
|
LinkTextField = require( './insertlink/LinkTextField.js' ),
|
|
LinkTypeField = require( './insertlink/LinkTypeField.js' ),
|
|
insertLinkTitleInputField = new InsertLinkTitleInputField(),
|
|
insertLinkLinkTextField = new LinkTextField(),
|
|
insertLinkLinkTypeField = new LinkTypeField(),
|
|
configData = require( './data.json' );
|
|
|
|
function triggerButtonClick( element ) {
|
|
// The dialog action should always be a DOMElement.
|
|
var dialogAction = $( element ).data( 'dialogaction' );
|
|
var $button = dialogAction ? $( dialogAction ) : $( element ).find( 'button' ).first();
|
|
// Since we're reading from data attribute, make sure we got an element before clicking.
|
|
// Note when closing a dialog this can be false leading to TypeError: $button.trigger is not a function
|
|
// (T261529)
|
|
if ( $button ) {
|
|
$button.trigger( 'click' );
|
|
}
|
|
}
|
|
|
|
module.exports = {
|
|
|
|
replaceIcons: function ( $textarea ) {
|
|
$textarea
|
|
.wikiEditor( 'addToToolbar', {
|
|
section: 'main',
|
|
group: 'insert',
|
|
tools: {
|
|
link: {
|
|
label: mw.msg( 'wikieditor-toolbar-tool-link' ),
|
|
type: 'button',
|
|
oouiIcon: 'link',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'insert-link'
|
|
}
|
|
},
|
|
file: {
|
|
label: mw.msg( 'wikieditor-toolbar-tool-file' ),
|
|
type: 'button',
|
|
oouiIcon: 'image',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'insert-file'
|
|
}
|
|
}
|
|
}
|
|
} )
|
|
.wikiEditor( 'addToToolbar', {
|
|
section: 'advanced',
|
|
group: 'insert',
|
|
tools: {
|
|
table: {
|
|
label: mw.msg( 'wikieditor-toolbar-tool-table' ),
|
|
type: 'button',
|
|
oouiIcon: 'table',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'insert-table'
|
|
}
|
|
}
|
|
}
|
|
} )
|
|
.wikiEditor( 'addToToolbar', {
|
|
section: 'advanced',
|
|
groups: {
|
|
search: {
|
|
tools: {
|
|
replace: {
|
|
label: mw.msg( 'wikieditor-toolbar-tool-replace' ),
|
|
type: 'button',
|
|
oouiIcon: 'articleSearch',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'search-and-replace'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} );
|
|
},
|
|
|
|
getDefaultConfig: function () {
|
|
return { dialogs: {
|
|
'insert-link': {
|
|
title: mw.message( 'wikieditor-toolbar-tool-link-title' ).parse(),
|
|
id: 'wikieditor-toolbar-link-dialog',
|
|
html: $( '<fieldset>' ).append(
|
|
insertLinkTitleInputField.$element,
|
|
insertLinkLinkTextField.$element,
|
|
insertLinkLinkTypeField.$element
|
|
),
|
|
|
|
init: function () {
|
|
/**
|
|
* Convenience function for enabling/disabling the main insert button. This is a workaround for
|
|
* the fact that the button isn't yet in the DOM when init() is run, so we have to query for it
|
|
* in the event handlers.
|
|
*
|
|
* @param {boolean} enable Whether to enable or disable the button
|
|
*/
|
|
var setButtonState = function ( enable ) {
|
|
$( '.wikieditor-toolbar-tool-link-insert' ).button( 'option', 'disabled', !enable );
|
|
};
|
|
// Automatically copy the value of the internal link page title field to the link text field unless the
|
|
// user has changed the link text field - this is a convenience thing since most link texts are going to
|
|
// be the same as the page title.
|
|
insertLinkTitleInputField.connect( this, {
|
|
change: function ( val ) {
|
|
insertLinkLinkTypeField.setIsExternal( insertLinkTitleInputField.isExternal() );
|
|
insertLinkLinkTextField.setValueIfUntouched( val );
|
|
setButtonState( val !== '' );
|
|
},
|
|
invalid: function () {
|
|
setButtonState( false );
|
|
}
|
|
} );
|
|
// Tell the title input field when the internal/external radio changes.
|
|
insertLinkLinkTypeField.connect( this, {
|
|
change: function ( isExternal ) {
|
|
var urlMode = isExternal ?
|
|
LinkTypeField.static.LINK_MODE_EXTERNAL :
|
|
LinkTypeField.static.LINK_MODE_INTERNAL;
|
|
insertLinkTitleInputField.setUrlMode( urlMode );
|
|
}
|
|
} );
|
|
},
|
|
dialog: {
|
|
width: 500,
|
|
dialogClass: 'wikiEditor-toolbar-dialog',
|
|
buttons: {
|
|
'wikieditor-toolbar-tool-link-insert': {
|
|
class: 'wikieditor-toolbar-tool-link-insert',
|
|
text: mw.msg( 'wikieditor-toolbar-tool-link-insert' ),
|
|
click: function () {
|
|
var that = this;
|
|
|
|
function escapeInternalText( s ) {
|
|
return s.replace( /(\]{2,})/g, '<nowiki>$1</nowiki>' );
|
|
}
|
|
function escapeExternalTarget( s ) {
|
|
return s.replace( / /g, '%20' )
|
|
.replace( /\[/g, '%5B' )
|
|
.replace( /\]/g, '%5D' );
|
|
}
|
|
function escapeExternalText( s ) {
|
|
return s.replace( /(\]+)/g, '<nowiki>$1</nowiki>' );
|
|
}
|
|
|
|
// Make sure that this button isn't disabled.
|
|
if ( $( '.wikieditor-toolbar-tool-link-insert' ).button( 'option', 'disabled' ) ) {
|
|
return;
|
|
}
|
|
|
|
var target = insertLinkTitleInputField.getField().getValue();
|
|
var text = insertLinkLinkTextField.getField().getValue();
|
|
if ( text.trim() === '' ) {
|
|
// [[Foo| ]] creates an invisible link
|
|
// Instead, generate [[Foo|]]
|
|
text = '';
|
|
}
|
|
var insertText = '';
|
|
if ( insertLinkLinkTypeField.isInternal() ) {
|
|
if ( target === text || !text.length ) {
|
|
insertText = '[[' + target + ']]';
|
|
} else {
|
|
insertText = '[[' + target + '|' + escapeInternalText( text ) + ']]';
|
|
}
|
|
} else {
|
|
target = target.trim();
|
|
// Prepend http:// if there is no protocol
|
|
if ( !/^[a-z]+:\/\/./.test( target ) ) {
|
|
target = 'http://' + target;
|
|
}
|
|
|
|
// Detect if this is really an internal link in disguise
|
|
var match = target.match( $( this ).data( 'articlePathRegex' ) );
|
|
if ( match && !$( this ).data( 'ignoreLooksInternal' ) ) {
|
|
var buttons = {};
|
|
buttons[ mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal-int' ) ] =
|
|
function () {
|
|
var titleValue = match[ 1 ];
|
|
try {
|
|
titleValue = decodeURI( titleValue );
|
|
} catch ( ex ) {
|
|
// Ignore invalid URLs; use plain titleValue instead.
|
|
}
|
|
insertLinkTitleInputField.getField().setValue( titleValue );
|
|
insertLinkTitleInputField.setUrlMode( LinkTypeField.static.LINK_MODE_INTERNAL );
|
|
$( this ).dialog( 'close' );
|
|
// Select the first match (i.e. the value set above) so that the
|
|
// message under the title field will be updated correctly.
|
|
insertLinkTitleInputField.getField().selectFirstMatch();
|
|
};
|
|
buttons[ mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal-ext' ) ] =
|
|
function () {
|
|
$( that ).data( 'ignoreLooksInternal', true );
|
|
$( that ).closest( '.ui-dialog' ).find( 'button' ).first().trigger( 'click' );
|
|
$( that ).data( 'ignoreLooksInternal', false );
|
|
$( this ).dialog( 'close' );
|
|
};
|
|
$.wikiEditor.modules.dialogs.quickDialog(
|
|
mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal', match[ 1 ] ),
|
|
{ buttons: buttons }
|
|
);
|
|
return;
|
|
}
|
|
|
|
var escTarget = escapeExternalTarget( target );
|
|
var escText = escapeExternalText( text );
|
|
|
|
if ( escTarget === escText ) {
|
|
insertText = escTarget;
|
|
} else if ( text === '' ) {
|
|
insertText = '[' + escTarget + ']';
|
|
} else {
|
|
insertText = '[' + escTarget + ' ' + escText + ']';
|
|
}
|
|
}
|
|
|
|
var whitespace = $( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace' );
|
|
// Preserve whitespace in selection when replacing
|
|
if ( whitespace ) {
|
|
insertText = whitespace[ 0 ] + insertText + whitespace[ 1 ];
|
|
}
|
|
$( this ).dialog( 'close' );
|
|
toolbarModule.fn.doAction( $( this ).data( 'context' ), {
|
|
type: 'replace',
|
|
options: {
|
|
pre: insertText
|
|
}
|
|
}, $( this ) );
|
|
|
|
// Blank form
|
|
insertLinkTitleInputField.reset();
|
|
insertLinkLinkTextField.getField().setValue( '' );
|
|
insertLinkLinkTypeField.getField().selectItem( null );
|
|
}
|
|
},
|
|
'wikieditor-toolbar-tool-link-cancel': function () {
|
|
$( this ).dialog( 'close' );
|
|
}
|
|
},
|
|
open: function () {
|
|
// Obtain the server name without the protocol. wgServer may be protocol-relative
|
|
var serverName = mw.config.get( 'wgServer' ).replace( /^(https?:)?\/\//, '' );
|
|
// Cache the articlepath regex
|
|
$( this ).data( 'articlePathRegex', new RegExp(
|
|
'^https?://' + mw.util.escapeRegExp( serverName + mw.config.get( 'wgArticlePath' ) )
|
|
.replace( /\\\$1/g, '(.*)' ) + '$'
|
|
) );
|
|
// Pre-fill the text fields based on the current selection
|
|
var context = $( this ).data( 'context' );
|
|
var selection = context.$textarea.textSelection( 'getSelection' );
|
|
|
|
insertLinkTitleInputField.getField().focus();
|
|
// Trigger the change event, so the link status indicator is up to date.
|
|
// It may be triggered again for the selection, below.
|
|
insertLinkTitleInputField.getField().emit( 'change', insertLinkTitleInputField.getField().getValue() );
|
|
|
|
$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ '', '' ] );
|
|
if ( selection !== '' ) {
|
|
var matches, target, text, isExternal;
|
|
if ( ( matches = selection.match( /^(\s*)\[\[([^\]|]+)(\|([^\]|]*))?\]\](\s*)$/ ) ) ) {
|
|
// [[foo|bar]] or [[foo]]
|
|
target = matches[ 2 ];
|
|
text = ( matches[ 4 ] ? matches[ 4 ] : matches[ 2 ] );
|
|
isExternal = false;
|
|
// Preserve whitespace when replacing
|
|
$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ matches[ 1 ], matches[ 5 ] ] );
|
|
} else if ( ( matches = selection.match( /^(\s*)\[([^\] ]+)( ([^\]]+))?\](\s*)$/ ) ) ) {
|
|
// [http://www.example.com foo] or [http://www.example.com]
|
|
target = matches[ 2 ];
|
|
text = ( matches[ 4 ] || '' );
|
|
isExternal = true;
|
|
// Preserve whitespace when replacing
|
|
$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ matches[ 1 ], matches[ 5 ] ] );
|
|
} else {
|
|
// Trim any leading and trailing whitespace from the selection,
|
|
// but preserve it when replacing
|
|
target = text = selection.trim();
|
|
if ( target.length < selection.length ) {
|
|
$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [
|
|
selection.slice( 0, selection.indexOf( target.charAt( 0 ) ) ),
|
|
selection.slice( selection.lastIndexOf( target.charAt( target.length - 1 ) ) + 1 ) ]
|
|
);
|
|
}
|
|
}
|
|
|
|
// Change the values of the title and text fields to the parts extracted from the selection.
|
|
if ( typeof target !== 'undefined' ) {
|
|
insertLinkTitleInputField.getField().setValue( target );
|
|
}
|
|
if ( typeof text !== 'undefined' ) {
|
|
insertLinkLinkTextField.getField().setValue( text );
|
|
}
|
|
// Don't overwrite values from user's selection.
|
|
insertLinkLinkTextField.setTouched( true );
|
|
|
|
if ( typeof isExternal !== 'undefined' ) {
|
|
var urlMode = isExternal ?
|
|
LinkTypeField.static.LINK_MODE_EXTERNAL :
|
|
LinkTypeField.static.LINK_MODE_INTERNAL;
|
|
insertLinkTitleInputField.setUrlMode( urlMode );
|
|
}
|
|
}
|
|
|
|
if ( !$( this ).data( 'dialogkeypressset' ) ) {
|
|
$( this ).data( 'dialogkeypressset', true );
|
|
// Execute the action associated with the first button
|
|
// when the user presses Enter
|
|
$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
|
|
if ( ( e.keyCode || e.which ) === 13 ) {
|
|
triggerButtonClick( this );
|
|
e.preventDefault();
|
|
}
|
|
} );
|
|
|
|
// Make tabbing to a button and pressing
|
|
// Enter do what people expect
|
|
$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
|
|
} );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
'insert-file': {
|
|
title: mw.message( 'wikieditor-toolbar-tool-file-title' ).parse(),
|
|
id: 'wikieditor-toolbar-file-dialog',
|
|
htmlTemplate: 'dialogInsertFile.html',
|
|
init: function () {
|
|
var magicWordsI18N = configData.magicWords;
|
|
|
|
$( this ).find( '[data-i18n-magic]' )
|
|
.text( function () {
|
|
return magicWordsI18N[ $( this ).attr( 'data-i18n-magic' ) ][ 0 ];
|
|
} )
|
|
.removeAttr( 'data-i18n-magic' );
|
|
|
|
var defaultMsg = mw.msg( 'wikieditor-toolbar-file-default' );
|
|
$( this ).find( '#wikieditor-toolbar-file-size' )
|
|
.attr( 'placeholder', defaultMsg )
|
|
// The message may be long in some languages
|
|
.attr( 'size', defaultMsg.length );
|
|
$( this ).find( '[rel]' )
|
|
.text( function () {
|
|
// eslint-disable-next-line mediawiki/msg-doc
|
|
return mw.msg( $( this ).attr( 'rel' ) );
|
|
} )
|
|
.removeAttr( 'rel' );
|
|
|
|
var altHelpText = mw.msg( 'wikieditor-toolbar-file-alt-help' );
|
|
var altHelpLabel = mw.msg( 'wikieditor-toolbar-file-alt-help-label' );
|
|
// Expandable help message for 'alt text' field
|
|
$( this ).find( '.wikieditor-toolbar-file-alt-help' ).text( altHelpLabel );
|
|
$( '.wikieditor-toolbar-file-alt-help' ).on( 'click', function () {
|
|
$( this ).text( function ( i, text ) {
|
|
return text === altHelpLabel ? altHelpText : altHelpLabel;
|
|
} );
|
|
} );
|
|
|
|
// Preload modules of file upload dialog.
|
|
mw.loader.load( [
|
|
'mediawiki.ForeignStructuredUpload.BookletLayout',
|
|
'mediawiki.Upload.Dialog',
|
|
'oojs-ui-windows'
|
|
] );
|
|
},
|
|
dialog: {
|
|
resizable: false,
|
|
dialogClass: 'wikiEditor-toolbar-dialog',
|
|
width: 590,
|
|
buttons: {
|
|
'wikieditor-toolbar-tool-file-insert': function () {
|
|
var hasPxRgx = /.+px$/,
|
|
magicWordsI18N = configData.magicWords;
|
|
var fileName = $( '#wikieditor-toolbar-file-target' ).val();
|
|
var caption = $( '#wikieditor-toolbar-file-caption' ).val();
|
|
var fileAlt = $( '#wikieditor-toolbar-file-alt' ).val();
|
|
var fileFloat = $( '#wikieditor-toolbar-file-float' ).val();
|
|
var fileFormat = $( '#wikieditor-toolbar-file-format' ).val();
|
|
var fileSize = $( '#wikieditor-toolbar-file-size' ).val();
|
|
var whitespace = $( '#wikieditor-toolbar-file-dialog' ).data( 'whitespace' );
|
|
// Append px to end to size if not already contains it
|
|
if ( fileSize !== '' && !hasPxRgx.test( fileSize ) ) {
|
|
fileSize += 'px';
|
|
}
|
|
if ( fileName !== '' ) {
|
|
var fileTitle = mw.Title.newFromText( fileName );
|
|
// Append file namespace prefix to filename if not already contains it
|
|
if ( fileTitle && fileTitle.getNamespaceId() !== 6 ) {
|
|
fileTitle = mw.Title.makeTitle( 6, fileName );
|
|
}
|
|
if ( fileTitle ) {
|
|
fileName = fileTitle.toText();
|
|
}
|
|
}
|
|
var options = [ fileSize, fileFormat, fileFloat ];
|
|
// Filter empty values
|
|
options = options.filter( function ( val ) {
|
|
return val.length && val !== 'default';
|
|
} );
|
|
if ( fileAlt.length ) {
|
|
options.push( magicWordsI18N.img_alt[ 0 ].replace( '$1', fileAlt ) );
|
|
}
|
|
if ( caption.length ) {
|
|
options.push( caption );
|
|
}
|
|
|
|
var fileUse = options.length === 0 ? fileName : ( fileName + '|' + options.join( '|' ) );
|
|
$( this ).dialog( 'close' );
|
|
toolbarModule.fn.doAction(
|
|
$( this ).data( 'context' ),
|
|
{
|
|
type: 'replace',
|
|
options: {
|
|
pre: whitespace[ 0 ] + '[[',
|
|
peri: fileUse,
|
|
post: ']]' + whitespace[ 1 ],
|
|
ownline: true
|
|
}
|
|
},
|
|
$( this )
|
|
);
|
|
|
|
// Restore form state
|
|
$( [ '#wikieditor-toolbar-file-target',
|
|
'#wikieditor-toolbar-file-caption',
|
|
'#wikieditor-toolbar-file-alt',
|
|
'#wikieditor-toolbar-file-size' ].join( ',' )
|
|
).val( '' );
|
|
$( '#wikieditor-toolbar-file-float' ).val( 'default' );
|
|
$( '#wikieditor-toolbar-file-format' ).val( magicWordsI18N.img_thumbnail[ 0 ] );
|
|
},
|
|
'wikieditor-toolbar-tool-file-cancel': function () {
|
|
$( this ).dialog( 'close' );
|
|
},
|
|
'wikieditor-toolbar-tool-file-upload': function () {
|
|
$( this ).dialog( 'close' );
|
|
mw.loader.using( [
|
|
'mediawiki.ForeignStructuredUpload.BookletLayout',
|
|
'mediawiki.Upload.Dialog',
|
|
'oojs-ui-windows'
|
|
] ).then( function () {
|
|
var windowManager = new OO.ui.WindowManager(),
|
|
uploadDialog = new mw.Upload.Dialog( {
|
|
bookletClass: mw.ForeignStructuredUpload.BookletLayout
|
|
} );
|
|
|
|
windowManager.$element.appendTo( document.body );
|
|
windowManager.addWindows( [ uploadDialog ] );
|
|
windowManager.openWindow( uploadDialog );
|
|
|
|
uploadDialog.uploadBooklet.on( 'fileSaved', function ( imageInfo ) {
|
|
uploadDialog.close();
|
|
windowManager.$element.remove();
|
|
|
|
$.wikiEditor.modules.dialogs.api.openDialog( this, 'insert-file' );
|
|
$( '#wikieditor-toolbar-file-target' ).val( imageInfo.canonicaltitle );
|
|
} );
|
|
} );
|
|
}
|
|
},
|
|
open: function () {
|
|
var magicWordsI18N = configData.magicWords,
|
|
fileData = {
|
|
pre: '',
|
|
post: '',
|
|
fileName: '',
|
|
caption: '',
|
|
fileAlt: '',
|
|
fileSize: '',
|
|
fileFloat: 'default',
|
|
fileFormat: magicWordsI18N.img_thumbnail[ 0 ]
|
|
};
|
|
|
|
var parseFileSyntax = function ( wikitext ) {
|
|
var escapedPipe = '\u0001';
|
|
if ( wikitext.indexOf( escapedPipe ) !== -1 ) {
|
|
return false;
|
|
}
|
|
var match = /^(\s*)\[\[(.*)\]\](\s*)$/.exec( wikitext );
|
|
if ( !match ) {
|
|
return false;
|
|
}
|
|
// Escape pipes inside links and templates,
|
|
// then split the parameters at the remaining pipes
|
|
var params = match[ 2 ].replace( /\[\[[^[\]]*\]\]|\{\{[^{}]\}\}/g, function ( link ) {
|
|
return link.replace( /\|/g, escapedPipe );
|
|
} ).split( '|' );
|
|
var file = mw.Title.newFromText( params[ 0 ] );
|
|
if ( !file || file.getNamespaceId() !== 6 ) {
|
|
return false;
|
|
}
|
|
var result = {
|
|
pre: match[ 1 ],
|
|
post: match[ 3 ],
|
|
fileName: file.getMainText()
|
|
};
|
|
for ( var i = 1; i < params.length; i++ ) {
|
|
var paramOrig = params[ i ];
|
|
var param = paramOrig.toLowerCase();
|
|
if ( magicWordsI18N.img_right.indexOf( param ) !== -1 ) {
|
|
result.fileFloat = magicWordsI18N.img_right[ 0 ];
|
|
} else if ( magicWordsI18N.img_left.indexOf( param ) !== -1 ) {
|
|
result.fileFloat = magicWordsI18N.img_left[ 0 ];
|
|
} else if ( magicWordsI18N.img_none.indexOf( param ) !== -1 ) {
|
|
result.fileFloat = magicWordsI18N.img_none[ 0 ];
|
|
} else if ( magicWordsI18N.img_center.indexOf( param ) !== -1 ) {
|
|
result.fileFloat = magicWordsI18N.img_center[ 0 ];
|
|
} else if ( magicWordsI18N.img_thumbnail.indexOf( param ) !== -1 ) {
|
|
result.fileFormat = magicWordsI18N.img_thumbnail[ 0 ];
|
|
} else if ( magicWordsI18N.img_framed.indexOf( param ) !== -1 ) {
|
|
result.fileFormat = magicWordsI18N.img_framed[ 0 ];
|
|
} else if ( magicWordsI18N.img_frameless.indexOf( param ) !== -1 ) {
|
|
result.fileFormat = magicWordsI18N.img_frameless[ 0 ];
|
|
} else if ( magicWordsI18N.img_alt.indexOf( param.split( '=', 2 )[ 0 ] + '=$1' ) !== -1 ) {
|
|
result.fileAlt = paramOrig.split( '=', 2 )[ 1 ];
|
|
} else if ( /.+px$/.test( param ) ) {
|
|
result.fileSize = param.replace( /px$/, '' );
|
|
} else if ( param === '' ) {
|
|
continue;
|
|
} else if ( i === params.length - 1 ) { // Last param -> caption
|
|
result.caption = paramOrig.replace( new RegExp( mw.util.escapeRegExp( escapedPipe ), 'g' ), '|' );
|
|
} else { // Unknown param
|
|
return false;
|
|
}
|
|
}
|
|
if ( !result.fileFormat ) {
|
|
result.fileFormat = 'default';
|
|
}
|
|
return result;
|
|
};
|
|
|
|
// Retrieve the current selection
|
|
var context = $( this ).data( 'context' );
|
|
var selection = context.$textarea.textSelection( 'getSelection' );
|
|
|
|
// Pre-fill the text fields based on the current selection
|
|
if ( selection !== '' ) {
|
|
fileData = $.extend( fileData, parseFileSyntax( selection ) );
|
|
}
|
|
|
|
// Initialize the form fields
|
|
$( '#wikieditor-toolbar-file-dialog' )
|
|
.data( 'whitespace', [ fileData.pre, fileData.post ] );
|
|
$( '#wikieditor-toolbar-file-target' ).val( fileData.fileName );
|
|
$( '#wikieditor-toolbar-file-caption' ).val( fileData.caption );
|
|
$( '#wikieditor-toolbar-file-alt' ).val( fileData.fileAlt );
|
|
$( '#wikieditor-toolbar-file-float' ).val( fileData.fileFloat );
|
|
$( '#wikieditor-toolbar-file-format' ).val( fileData.fileFormat );
|
|
$( '#wikieditor-toolbar-file-size' ).val( fileData.fileSize );
|
|
|
|
// Set focus
|
|
$( '#wikieditor-toolbar-file-target' ).trigger( 'focus' );
|
|
|
|
if ( !( $( this ).data( 'dialogkeypressset' ) ) ) {
|
|
$( this ).data( 'dialogkeypressset', true );
|
|
// Execute the action associated with the first button
|
|
// when the user presses Enter
|
|
$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
|
|
if ( e.which === 13 ) {
|
|
triggerButtonClick( this );
|
|
e.preventDefault();
|
|
}
|
|
} );
|
|
|
|
// Make tabbing to a button and pressing
|
|
// Enter do what people expect
|
|
$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
|
|
} );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
'insert-table': {
|
|
title: mw.message( 'wikieditor-toolbar-tool-table-title' ).parse(),
|
|
id: 'wikieditor-toolbar-table-dialog',
|
|
htmlTemplate: 'dialogInsertTable.html',
|
|
init: function () {
|
|
$( this ).find( '[rel]' ).each( function () {
|
|
// eslint-disable-next-line mediawiki/msg-doc
|
|
$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
|
|
} );
|
|
|
|
$( '#wikieditor-toolbar-table-dimensions-rows' ).val( 3 );
|
|
$( '#wikieditor-toolbar-table-dimensions-columns' ).val( 3 );
|
|
$( '#wikieditor-toolbar-table-wikitable' ).on( 'click', function () {
|
|
// eslint-disable-next-line no-jquery/no-class-state
|
|
$( '.wikieditor-toolbar-table-preview' ).toggleClass( 'wikitable' );
|
|
} );
|
|
|
|
// Hack for sortable preview: dynamically adding
|
|
// sortable class doesn't work, so we use a clone
|
|
$( '#wikieditor-toolbar-table-preview' )
|
|
.clone()
|
|
.attr( 'id', 'wikieditor-toolbar-table-preview2' )
|
|
.addClass( 'sortable' )
|
|
.insertAfter( $( '#wikieditor-toolbar-table-preview' ) )
|
|
.hide();
|
|
|
|
mw.loader.using( 'jquery.tablesorter', function () {
|
|
$( '#wikieditor-toolbar-table-preview2' ).tablesorter();
|
|
} );
|
|
|
|
$( '#wikieditor-toolbar-table-sortable' ).on( 'click', function () {
|
|
// Swap the currently shown one clone with the other one
|
|
$( '#wikieditor-toolbar-table-preview' )
|
|
.hide()
|
|
.attr( 'id', 'wikieditor-toolbar-table-preview3' );
|
|
$( '#wikieditor-toolbar-table-preview2' )
|
|
.attr( 'id', 'wikieditor-toolbar-table-preview' )
|
|
.show();
|
|
$( '#wikieditor-toolbar-table-preview3' ).attr( 'id', 'wikieditor-toolbar-table-preview2' );
|
|
} );
|
|
|
|
$( '#wikieditor-toolbar-table-dimensions-header' ).on( 'click', function () {
|
|
// Instead of show/hiding, switch the HTML around
|
|
// We do this because the sortable tables script styles the first row,
|
|
// visible or not
|
|
var headerHTML = $( '.wikieditor-toolbar-table-preview-header' ).html(),
|
|
hiddenHTML = $( '.wikieditor-toolbar-table-preview-hidden' ).html();
|
|
$( '.wikieditor-toolbar-table-preview-header' ).html( hiddenHTML );
|
|
$( '.wikieditor-toolbar-table-preview-hidden' ).html( headerHTML );
|
|
var $sortable = $( '#wikieditor-toolbar-table-preview, #wikieditor-toolbar-table-preview2' )
|
|
.filter( '.sortable' );
|
|
mw.loader.using( 'jquery.tablesorter', function () {
|
|
$sortable.tablesorter();
|
|
} );
|
|
} );
|
|
},
|
|
dialog: {
|
|
resizable: false,
|
|
dialogClass: 'wikiEditor-toolbar-dialog',
|
|
width: 590,
|
|
buttons: {
|
|
'wikieditor-toolbar-tool-table-insert': function () {
|
|
var rowsVal = $( '#wikieditor-toolbar-table-dimensions-rows' ).val(),
|
|
colsVal = $( '#wikieditor-toolbar-table-dimensions-columns' ).val(),
|
|
rows = parseInt( rowsVal, 10 ),
|
|
cols = parseInt( colsVal, 10 ),
|
|
header = $( '#wikieditor-toolbar-table-dimensions-header' ).prop( 'checked' ) ? 1 : 0;
|
|
if ( isNaN( rows ) || isNaN( cols ) || String( rows ) !== rowsVal || String( cols ) !== colsVal || rowsVal < 0 || colsVal < 0 ) {
|
|
// eslint-disable-next-line no-alert
|
|
alert( mw.msg( 'wikieditor-toolbar-tool-table-invalidnumber' ) );
|
|
return;
|
|
}
|
|
if ( rows + header === 0 || cols === 0 ) {
|
|
// eslint-disable-next-line no-alert
|
|
alert( mw.msg( 'wikieditor-toolbar-tool-table-zero' ) );
|
|
return;
|
|
}
|
|
if ( ( rows * cols ) > 1000 ) {
|
|
// eslint-disable-next-line no-alert
|
|
alert( mw.msg( 'wikieditor-toolbar-tool-table-toomany', mw.language.convertNumber( 1000 ) ) );
|
|
return;
|
|
}
|
|
var captionText = mw.msg( 'wikieditor-toolbar-tool-table-example-caption' );
|
|
var headerText = mw.msg( 'wikieditor-toolbar-tool-table-example-header' );
|
|
var normalText = mw.msg( 'wikieditor-toolbar-tool-table-example' );
|
|
var table = '';
|
|
table += '|+ ' + captionText + '\n';
|
|
for ( var r = 0; r < rows + header; r++ ) {
|
|
table += '|-\n';
|
|
for ( var c = 0; c < cols; c++ ) {
|
|
var isHeader = ( header && r === 0 );
|
|
var delim = isHeader ? '!' : '|';
|
|
if ( c > 0 ) {
|
|
delim += delim;
|
|
}
|
|
table += delim + ' ' + ( isHeader ? headerText : normalText ) + ' ';
|
|
}
|
|
// Replace trailing space by newline
|
|
// table[table.length - 1] is read-only
|
|
table = table.slice( 0, table.length - 1 ) + '\n';
|
|
}
|
|
var classes = [];
|
|
if ( $( '#wikieditor-toolbar-table-wikitable' ).is( ':checked' ) ) {
|
|
classes.push( 'wikitable' );
|
|
}
|
|
if ( $( '#wikieditor-toolbar-table-sortable' ).is( ':checked' ) ) {
|
|
classes.push( 'sortable' );
|
|
}
|
|
var classStr = classes.length > 0 ? ' class="' + classes.join( ' ' ) + '"' : '';
|
|
$( this ).dialog( 'close' );
|
|
toolbarModule.fn.doAction(
|
|
$( this ).data( 'context' ),
|
|
{
|
|
type: 'replace',
|
|
options: {
|
|
pre: '{|' + classStr + '\n',
|
|
peri: table,
|
|
post: '|}',
|
|
ownline: true
|
|
}
|
|
},
|
|
$( this )
|
|
);
|
|
|
|
// Restore form state
|
|
$( '#wikieditor-toolbar-table-dimensions-rows' ).val( 3 );
|
|
$( '#wikieditor-toolbar-table-dimensions-columns' ).val( 3 );
|
|
// Simulate clicks instead of setting values, so the according
|
|
// actions are performed
|
|
if ( !$( '#wikieditor-toolbar-table-dimensions-header' ).is( ':checked' ) ) {
|
|
$( '#wikieditor-toolbar-table-dimensions-header' ).trigger( 'click' );
|
|
}
|
|
if ( !$( '#wikieditor-toolbar-table-wikitable' ).is( ':checked' ) ) {
|
|
$( '#wikieditor-toolbar-table-wikitable' ).trigger( 'click' );
|
|
}
|
|
if ( $( '#wikieditor-toolbar-table-sortable' ).is( ':checked' ) ) {
|
|
$( '#wikieditor-toolbar-table-sortable' ).trigger( 'click' );
|
|
}
|
|
},
|
|
'wikieditor-toolbar-tool-table-cancel': function () {
|
|
$( this ).dialog( 'close' );
|
|
}
|
|
},
|
|
open: function () {
|
|
$( '#wikieditor-toolbar-table-dimensions-rows' ).trigger( 'focus' );
|
|
if ( !( $( this ).data( 'dialogkeypressset' ) ) ) {
|
|
$( this ).data( 'dialogkeypressset', true );
|
|
// Execute the action associated with the first button
|
|
// when the user presses Enter
|
|
$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
|
|
if ( ( e.keyCode || e.which ) === 13 ) {
|
|
triggerButtonClick( this );
|
|
e.preventDefault();
|
|
}
|
|
} );
|
|
|
|
// Make tabbing to a button and pressing
|
|
// Enter do what people expect
|
|
$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
|
|
} );
|
|
}
|
|
}
|
|
}
|
|
},
|
|
'search-and-replace': {
|
|
title: mw.message( 'wikieditor-toolbar-tool-replace-title' ).parse(),
|
|
id: 'wikieditor-toolbar-replace-dialog',
|
|
htmlTemplate: 'dialogReplace.html',
|
|
init: function () {
|
|
$( this ).find( '[rel]' ).each( function () {
|
|
// eslint-disable-next-line mediawiki/msg-doc
|
|
$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
|
|
} );
|
|
|
|
// TODO: Find a cleaner way to share this function
|
|
$( this ).data( 'replaceCallback', function ( mode ) {
|
|
$( '#wikieditor-toolbar-replace-nomatch, #wikieditor-toolbar-replace-success, #wikieditor-toolbar-replace-emptysearch, #wikieditor-toolbar-replace-invalidregex' ).hide();
|
|
|
|
// Search string cannot be empty
|
|
var searchStr = $( '#wikieditor-toolbar-replace-search' ).val();
|
|
if ( searchStr === '' ) {
|
|
$( '#wikieditor-toolbar-replace-emptysearch' ).show();
|
|
return;
|
|
}
|
|
|
|
// Replace string can be empty
|
|
var replaceStr = $( '#wikieditor-toolbar-replace-replace' ).val();
|
|
|
|
// Prepare the regular expression flags
|
|
var flags = 'm';
|
|
var matchCase = $( '#wikieditor-toolbar-replace-case' ).is( ':checked' );
|
|
if ( !matchCase ) {
|
|
flags += 'i';
|
|
}
|
|
var isRegex = $( '#wikieditor-toolbar-replace-regex' ).is( ':checked' );
|
|
if ( !isRegex ) {
|
|
searchStr = mw.util.escapeRegExp( searchStr );
|
|
}
|
|
var matchWord = $( '#wikieditor-toolbar-replace-word' ).is( ':checked' );
|
|
if ( matchWord ) {
|
|
searchStr = '\\b(?:' + searchStr + ')\\b';
|
|
}
|
|
if ( mode === 'replaceAll' ) {
|
|
flags += 'g';
|
|
}
|
|
|
|
var regex;
|
|
try {
|
|
regex = new RegExp( searchStr, flags );
|
|
} catch ( e ) {
|
|
$( '#wikieditor-toolbar-replace-invalidregex' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-replace-invalidregex',
|
|
e.message ) )
|
|
.show();
|
|
return;
|
|
}
|
|
|
|
var $textarea = $( this ).data( 'context' ).$textarea;
|
|
var text = $textarea.textSelection( 'getContents' );
|
|
var match = false;
|
|
var offset, textRemainder;
|
|
if ( mode !== 'replaceAll' ) {
|
|
offset = $( this ).data( mode === 'replace' ? 'matchIndex' : 'offset' );
|
|
textRemainder = text.slice( offset );
|
|
match = textRemainder.match( regex );
|
|
}
|
|
if ( !match ) {
|
|
// Search hit BOTTOM, continuing at TOP
|
|
// TODO: Add a "Wrap around" option.
|
|
offset = 0;
|
|
textRemainder = text;
|
|
match = textRemainder.match( regex );
|
|
}
|
|
|
|
if ( !match ) {
|
|
$( '#wikieditor-toolbar-replace-nomatch' ).show();
|
|
} else if ( mode === 'replaceAll' ) {
|
|
$textarea.textSelection( 'setContents', text.replace( regex, replaceStr ) );
|
|
$( '#wikieditor-toolbar-replace-success' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-replace-success', mw.language.convertNumber( match.length ) ) )
|
|
.show();
|
|
$( this ).data( 'offset', 0 );
|
|
} else {
|
|
|
|
var start, end;
|
|
if ( mode === 'replace' ) {
|
|
|
|
var actualReplacement;
|
|
if ( isRegex ) {
|
|
// If backreferences (like $1) are used, the actual actual replacement string will be different
|
|
actualReplacement = match[ 0 ].replace( regex, replaceStr );
|
|
} else {
|
|
actualReplacement = replaceStr;
|
|
}
|
|
|
|
if ( match ) {
|
|
// Do the replacement
|
|
$textarea.textSelection( 'encapsulateSelection', {
|
|
peri: actualReplacement,
|
|
replace: true,
|
|
selectionStart: offset + match.index,
|
|
selectionEnd: offset + match.index + match[ 0 ].length,
|
|
selectPeri: true
|
|
} );
|
|
// Reload the text after replacement
|
|
text = $textarea.textSelection( 'getContents' );
|
|
}
|
|
|
|
// Find the next instance
|
|
offset = offset + match.index + actualReplacement.length;
|
|
textRemainder = text.slice( offset );
|
|
match = textRemainder.match( regex );
|
|
if ( !match ) {
|
|
// If no new string was found, try searching from the beginning.
|
|
// TODO: Add a "Wrap around" option.
|
|
offset = 0;
|
|
textRemainder = text;
|
|
match = textRemainder.match( regex );
|
|
}
|
|
if ( !match ) {
|
|
// Give up
|
|
match = { index: 0, 0: { length: 0 } };
|
|
}
|
|
}
|
|
start = offset + match.index;
|
|
end = start + match[ 0 ].length;
|
|
|
|
$( this ).data( 'matchIndex', start );
|
|
|
|
$textarea.textSelection( 'setSelection', {
|
|
start: start,
|
|
end: end } );
|
|
$textarea.textSelection( 'scrollToCaretPosition' );
|
|
$( this ).data( 'offset', end );
|
|
$textarea[ 0 ].focus();
|
|
}
|
|
} );
|
|
},
|
|
dialog: {
|
|
width: 500,
|
|
dialogClass: 'wikiEditor-toolbar-dialog',
|
|
modal: false,
|
|
buttons: {
|
|
'wikieditor-toolbar-tool-replace-button-findnext': function ( e ) {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', e.target );
|
|
$( this ).data( 'replaceCallback' ).call( this, 'find' );
|
|
},
|
|
'wikieditor-toolbar-tool-replace-button-replace': function ( e ) {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', e.target );
|
|
$( this ).data( 'replaceCallback' ).call( this, 'replace' );
|
|
},
|
|
'wikieditor-toolbar-tool-replace-button-replaceall': function ( e ) {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', e.target );
|
|
$( this ).data( 'replaceCallback' ).call( this, 'replaceAll' );
|
|
},
|
|
'wikieditor-toolbar-tool-replace-close': function () {
|
|
$( this ).dialog( 'close' );
|
|
}
|
|
},
|
|
open: function () {
|
|
var that = this;
|
|
$( this ).data( { offset: 0, matchIndex: 0 } );
|
|
|
|
$( '#wikieditor-toolbar-replace-search' ).trigger( 'focus' );
|
|
$( '#wikieditor-toolbar-replace-nomatch, #wikieditor-toolbar-replace-success, #wikieditor-toolbar-replace-emptysearch, #wikieditor-toolbar-replace-invalidregex' ).hide();
|
|
if ( !( $( this ).data( 'onetimeonlystuff' ) ) ) {
|
|
$( this ).data( 'onetimeonlystuff', true );
|
|
// Execute the action associated with the first button
|
|
// when the user presses Enter
|
|
$( this ).closest( '.ui-dialog' ).on( 'keypress', function ( e ) {
|
|
if ( ( e.keyCode || e.which ) === 13 ) {
|
|
triggerButtonClick( this );
|
|
e.preventDefault();
|
|
}
|
|
} );
|
|
// Make tabbing to a button and pressing
|
|
// Enter do what people expect
|
|
$( this ).closest( '.ui-dialog' ).find( 'button' ).on( 'focus', function () {
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', this );
|
|
} );
|
|
}
|
|
var $dialog = $( this ).closest( '.ui-dialog' );
|
|
that = this;
|
|
$( this ).data( 'context' ).$textarea
|
|
.on( 'keypress.srdialog', function ( e ) {
|
|
if ( e.which === 13 ) {
|
|
// Enter
|
|
triggerButtonClick( $dialog );
|
|
e.preventDefault();
|
|
} else if ( e.which === 27 ) {
|
|
// Escape
|
|
$( that ).dialog( 'close' );
|
|
}
|
|
} );
|
|
},
|
|
close: function () {
|
|
$( this ).data( 'context' ).$textarea
|
|
.off( 'keypress.srdialog' );
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', false );
|
|
}
|
|
}
|
|
}
|
|
} };
|
|
}
|
|
|
|
};
|
|
|
|
}() );
|