mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor
synced 2024-11-24 00:06:49 +00:00
5413262fee
Retry I63414a78ce2546125d557cb37ccb37ea16a15fe1: adds shortcuts for bold, italic, subscript, superscript and nowiki options, and the link insertion tool in WikiEditor. The hotkeys match the ones used in VisualEditor and NWE 2017. jQuery event.which is used instead of event.code or event.key for compatibility with alternative keyboard layouts and non-English keyboards. Bug: T62928 Change-Id: I18db5b6c53000457524573a9ae06939e8df0dc4f
962 lines
36 KiB
JavaScript
962 lines
36 KiB
JavaScript
/**
|
|
* Configuration of Dialog module for wikiEditor
|
|
*
|
|
* @private
|
|
*/
|
|
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 = {
|
|
/**
|
|
* @param {jQuery} $textarea
|
|
* @memberof module:ext.wikiEditor
|
|
*/
|
|
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'
|
|
},
|
|
hotkey: 75 // K
|
|
},
|
|
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'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} );
|
|
},
|
|
|
|
/**
|
|
* @return {Object}
|
|
* @memberof module:ext.wikiEditor
|
|
*/
|
|
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 = Object.assign( 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 );
|
|
}
|
|
}
|
|
}
|
|
} };
|
|
}
|
|
|
|
};
|