mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/WikiEditor
synced 2024-11-14 19:31:55 +00:00
1060 lines
40 KiB
JavaScript
1060 lines
40 KiB
JavaScript
/**
|
|
* Configuration of Dialog module for wikiEditor
|
|
*/
|
|
( function () {
|
|
|
|
var hasOwn = Object.prototype.hasOwnProperty;
|
|
|
|
$.wikiEditor.modules.dialogs.config = {
|
|
|
|
replaceIcons: function ( $textarea ) {
|
|
$textarea
|
|
.wikiEditor( 'addToToolbar', {
|
|
section: 'main',
|
|
group: 'insert',
|
|
tools: {
|
|
link: {
|
|
labelMsg: 'wikieditor-toolbar-tool-link',
|
|
type: 'button',
|
|
oouiIcon: 'link',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'insert-link'
|
|
}
|
|
},
|
|
file: {
|
|
labelMsg: 'wikieditor-toolbar-tool-file',
|
|
type: 'button',
|
|
oouiIcon: 'image',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'insert-file'
|
|
}
|
|
},
|
|
reference: {
|
|
labelMsg: 'wikieditor-toolbar-tool-reference',
|
|
filters: [ 'body.ns-subject' ],
|
|
type: 'button',
|
|
oouiIcon: 'reference',
|
|
action: {
|
|
type: 'encapsulate',
|
|
options: {
|
|
pre: '<ref>',
|
|
post: '</ref>'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} )
|
|
.wikiEditor( 'addToToolbar', {
|
|
section: 'advanced',
|
|
group: 'insert',
|
|
tools: {
|
|
table: {
|
|
labelMsg: 'wikieditor-toolbar-tool-table',
|
|
type: 'button',
|
|
oouiIcon: 'table',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'insert-table'
|
|
}
|
|
}
|
|
}
|
|
} )
|
|
.wikiEditor( 'addToToolbar', {
|
|
section: 'advanced',
|
|
groups: {
|
|
search: {
|
|
tools: {
|
|
replace: {
|
|
labelMsg: 'wikieditor-toolbar-tool-replace',
|
|
type: 'button',
|
|
oouiIcon: 'articleSearch',
|
|
action: {
|
|
type: 'dialog',
|
|
module: 'search-and-replace'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} );
|
|
},
|
|
|
|
getDefaultConfig: function () {
|
|
return { dialogs: {
|
|
'insert-link': {
|
|
titleMsg: 'wikieditor-toolbar-tool-link-title',
|
|
id: 'wikieditor-toolbar-link-dialog',
|
|
htmlTemplate: 'dialogInsertLink.html',
|
|
|
|
init: function () {
|
|
var api = new mw.Api();
|
|
|
|
function isExternalLink( s ) {
|
|
// The following things are considered to be external links:
|
|
// * Starts with a URL protocol
|
|
// * Starts with www.
|
|
// All of these are potentially valid titles, and the latter two categories match about 6300
|
|
// titles in enwiki's ns0. Out of 6.9M titles, that's 0.09%
|
|
/* eslint-disable no-caller */
|
|
if ( typeof arguments.callee.regex === 'undefined' ) {
|
|
// Cache the regex
|
|
arguments.callee.regex =
|
|
new RegExp( '^(' + mw.config.get( 'wgUrlProtocols' ) + '|www\\.)', 'i' );
|
|
}
|
|
return s.match( arguments.callee.regex );
|
|
/* eslint-enable no-caller */
|
|
}
|
|
|
|
// Updates the status indicator above the target link
|
|
function updateWidget( status, reason ) {
|
|
$( '#wikieditor-toolbar-link-int-target-status' ).children().hide();
|
|
$( '#wikieditor-toolbar-link-int-target' ).parent()
|
|
.removeClass(
|
|
'status-invalid status-external status-notexists status-exists status-loading'
|
|
);
|
|
if ( status ) {
|
|
$( '#wikieditor-toolbar-link-int-target-status-' + status ).show();
|
|
$( '#wikieditor-toolbar-link-int-target' ).parent().addClass( 'status-' + status );
|
|
}
|
|
if ( status === 'invalid' ) {
|
|
$( '.ui-dialog:visible .ui-dialog-buttonpane button:first' )
|
|
.prop( 'disabled', true )
|
|
.addClass( 'disabled' );
|
|
if ( reason ) {
|
|
$( '#wikieditor-toolbar-link-int-target-status-invalid' ).html( reason );
|
|
} else {
|
|
$( '#wikieditor-toolbar-link-int-target-status-invalid' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-link-int-target-status-invalid' ) );
|
|
}
|
|
|
|
} else {
|
|
$( '.ui-dialog:visible .ui-dialog-buttonpane button:first' )
|
|
.prop( 'disabled', false )
|
|
.removeClass( 'disabled' );
|
|
}
|
|
}
|
|
|
|
// Updates the UI to show if the page title being inputted by the user exists or not
|
|
// accepts parameter internal for bypassing external link detection
|
|
function updateExistence( internal ) {
|
|
// Abort previous request
|
|
var request = $( '#wikieditor-toolbar-link-int-target-status' ).data( 'request' ),
|
|
target = $( '#wikieditor-toolbar-link-int-target' ).val(),
|
|
cache = $( '#wikieditor-toolbar-link-int-target-status' ).data( 'existencecache' ),
|
|
reasoncache = $( '#wikieditor-toolbar-link-int-target-status' ).data( 'reasoncache' );
|
|
// ensure the internal parameter is a boolean
|
|
if ( internal !== true ) {
|
|
internal = false;
|
|
}
|
|
if ( request ) {
|
|
request.abort();
|
|
}
|
|
if ( hasOwn.call( cache, target ) ) {
|
|
updateWidget( cache[ target ], reasoncache[ target ] );
|
|
return;
|
|
}
|
|
if ( target.replace( /^\s+$/, '' ) === '' ) {
|
|
// Hide the widget when the textbox is empty
|
|
updateWidget( false );
|
|
return;
|
|
}
|
|
// If the forced internal parameter was not true, check if the target is an external link
|
|
if ( !internal && isExternalLink( target ) ) {
|
|
updateWidget( 'external' );
|
|
return;
|
|
}
|
|
// Show loading spinner while waiting for the API to respond
|
|
updateWidget( 'loading' );
|
|
// Call the API to check page status, saving the request object so it can be aborted if
|
|
// necessary.
|
|
// This used to request a page that would show whether or not the target exists, but we can
|
|
// also check whether it has the disambiguation property and still get existence information.
|
|
// If the Disambiguator extension is not installed then such a property won't be set.
|
|
$( '#wikieditor-toolbar-link-int-target-status' ).data(
|
|
'request',
|
|
api.get( {
|
|
formatversion: 2,
|
|
action: 'query',
|
|
prop: 'pageprops',
|
|
titles: [ target ],
|
|
ppprop: 'disambiguation',
|
|
errorformat: 'html',
|
|
errorlang: mw.config.get( 'wgUserLanguage' )
|
|
} ).done( function ( data ) {
|
|
var status, page, reason = null;
|
|
if ( !data.query || !data.query.pages ) {
|
|
// This happens in some weird cases like interwiki links
|
|
status = false;
|
|
} else {
|
|
page = data.query.pages[ 0 ];
|
|
status = 'exists';
|
|
if ( page.missing ) {
|
|
status = 'notexists';
|
|
} else if ( page.invalid ) {
|
|
status = 'invalid';
|
|
reason = page.invalidreason && page.invalidreason.html;
|
|
} else if ( page.pageprops ) {
|
|
status = 'disambig';
|
|
}
|
|
}
|
|
// Cache the status of the link target if the force internal
|
|
// parameter was not passed
|
|
if ( !internal ) {
|
|
cache[ target ] = status;
|
|
reasoncache[ target ] = reason;
|
|
}
|
|
updateWidget( status, reason );
|
|
} )
|
|
);
|
|
}
|
|
$( '#wikieditor-toolbar-link-type-int, #wikieditor-toolbar-link-type-ext' ).on( 'click', function () {
|
|
var request;
|
|
if ( $( '#wikieditor-toolbar-link-type-ext' ).prop( 'checked' ) ) {
|
|
// Abort previous request
|
|
request = $( '#wikieditor-toolbar-link-int-target-status' ).data( 'request' );
|
|
if ( request ) {
|
|
request.abort();
|
|
}
|
|
updateWidget( 'external' );
|
|
}
|
|
if ( $( '#wikieditor-toolbar-link-type-int' ).prop( 'checked' ) ) {
|
|
updateExistence( true );
|
|
}
|
|
} );
|
|
// Set labels of tabs based on rel values
|
|
$( this ).find( '[rel]' ).each( function () {
|
|
$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
|
|
} );
|
|
// Set tabindexes on form fields
|
|
$.wikiEditor.modules.dialogs.fn.setTabindexes( $( this ).find( 'input' ).not( '[tabindex]' ) );
|
|
$( '#wikieditor-toolbar-link-int-target' ).attr( 'placeholder',
|
|
mw.msg( 'wikieditor-toolbar-tool-link-int-target-tooltip' ) );
|
|
$( '#wikieditor-toolbar-link-int-text' ).attr( 'placeholder',
|
|
mw.msg( 'wikieditor-toolbar-tool-link-int-text-tooltip' ) );
|
|
// 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 - Also change the internal/external radio button accordingly
|
|
$( '#wikieditor-toolbar-link-int-target' ).on( 'change keydown paste cut', function () {
|
|
// $( this ).val() is the old value, before the keypress - Defer this until $( this ).val() has
|
|
// been updated
|
|
setTimeout( function () {
|
|
if ( isExternalLink( $( '#wikieditor-toolbar-link-int-target' ).val() ) ) {
|
|
$( '#wikieditor-toolbar-link-type-ext' ).prop( 'checked', true );
|
|
updateWidget( 'external' );
|
|
} else {
|
|
$( '#wikieditor-toolbar-link-type-int' ).prop( 'checked', true );
|
|
updateExistence();
|
|
}
|
|
if ( $( '#wikieditor-toolbar-link-int-text' ).data( 'untouched' ) ) {
|
|
$( '#wikieditor-toolbar-link-int-text' )
|
|
.val( $( '#wikieditor-toolbar-link-int-target' ).val() )
|
|
.trigger( 'change' );
|
|
}
|
|
}, 0 );
|
|
} );
|
|
$( '#wikieditor-toolbar-link-int-text' ).on( 'change keydown paste cut', function () {
|
|
var oldVal = $( this ).val(),
|
|
that = this;
|
|
setTimeout( function () {
|
|
if ( $( that ).val() !== oldVal ) {
|
|
$( that ).data( 'untouched', false );
|
|
}
|
|
}, 0 );
|
|
} );
|
|
// Add images to the page existence widget, which will be shown mutually exclusively to communicate if
|
|
// the page exists, does not exist or the title is invalid (like if it contains a | character)
|
|
$( '#wikieditor-toolbar-link-int-target-status' )
|
|
.append( $( '<div>' )
|
|
.attr( 'id', 'wikieditor-toolbar-link-int-target-status-exists' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-link-int-target-status-exists' ) )
|
|
)
|
|
.append( $( '<div>' )
|
|
.attr( 'id', 'wikieditor-toolbar-link-int-target-status-notexists' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-link-int-target-status-notexists' ) )
|
|
)
|
|
.append( $( '<div>' )
|
|
.attr( 'id', 'wikieditor-toolbar-link-int-target-status-invalid' )
|
|
)
|
|
.append( $( '<div>' )
|
|
.attr( 'id', 'wikieditor-toolbar-link-int-target-status-external' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-link-int-target-status-external' ) )
|
|
)
|
|
.append( $( '<div>' )
|
|
.attr( 'id', 'wikieditor-toolbar-link-int-target-status-loading' )
|
|
.attr( 'title', mw.msg( 'wikieditor-toolbar-tool-link-int-target-status-loading' ) )
|
|
)
|
|
.append( $( '<div>' )
|
|
.attr( 'id', 'wikieditor-toolbar-link-int-target-status-disambig' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-link-int-target-status-disambig' ) )
|
|
)
|
|
.data( 'existencecache', {} )
|
|
.data( 'reasoncache', {} )
|
|
.children().hide();
|
|
|
|
$( '#wikieditor-toolbar-link-int-target' )
|
|
.on( 'keyup paste cut', $.debounce( 500, updateExistence ) )
|
|
.on( 'change', updateExistence ); // update right now
|
|
|
|
// Title suggestions
|
|
$( '#wikieditor-toolbar-link-int-target' ).data( 'suggcache', {} ).suggestions( {
|
|
fetch: function () {
|
|
var cache, request,
|
|
that = this,
|
|
title = $( this ).val();
|
|
|
|
if ( isExternalLink( title ) || title.indexOf( '|' ) !== -1 || title === '' ) {
|
|
$( this ).suggestions( 'suggestions', [] );
|
|
return;
|
|
}
|
|
|
|
cache = $( this ).data( 'suggcache' );
|
|
if ( hasOwn.call( cache, title ) ) {
|
|
$( this ).suggestions( 'suggestions', cache[ title ] );
|
|
return;
|
|
}
|
|
|
|
request = api.get( {
|
|
formatversion: 2,
|
|
action: 'opensearch',
|
|
search: title,
|
|
namespace: 0,
|
|
suggest: ''
|
|
} ).done( function ( data ) {
|
|
cache[ title ] = data[ 1 ];
|
|
$( that ).suggestions( 'suggestions', data[ 1 ] );
|
|
} );
|
|
$( this ).data( 'request', request );
|
|
},
|
|
cancel: function () {
|
|
var request = $( this ).data( 'request' );
|
|
if ( request ) {
|
|
request.abort();
|
|
}
|
|
}
|
|
} );
|
|
},
|
|
dialog: {
|
|
width: 500,
|
|
dialogClass: 'wikiEditor-toolbar-dialog',
|
|
buttons: {
|
|
'wikieditor-toolbar-tool-link-insert': function () {
|
|
var match, buttons, escTarget, escText,
|
|
that = this,
|
|
insertText = '',
|
|
whitespace = $( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace' ),
|
|
target = $( '#wikieditor-toolbar-link-int-target' ).val(),
|
|
text = $( '#wikieditor-toolbar-link-int-text' ).val();
|
|
|
|
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>' );
|
|
}
|
|
if ( target === '' ) {
|
|
// eslint-disable-next-line no-alert
|
|
alert( mw.msg( 'wikieditor-toolbar-tool-link-empty' ) );
|
|
return;
|
|
}
|
|
if ( text.trim() === '' ) {
|
|
// [[Foo| ]] creates an invisible link
|
|
// Instead, generate [[Foo|]]
|
|
text = '';
|
|
}
|
|
if ( $( '#wikieditor-toolbar-link-type-int' ).is( ':checked' ) ) {
|
|
// FIXME: Exactly how fragile is this?
|
|
if ( $( '#wikieditor-toolbar-link-int-target-status-invalid' ).is( ':visible' ) ) {
|
|
// Refuse to add links to invalid titles
|
|
// eslint-disable-next-line no-alert
|
|
alert( mw.msg( 'wikieditor-toolbar-tool-link-int-invalid' ) );
|
|
return;
|
|
}
|
|
|
|
if ( target === text || !text.length ) {
|
|
insertText = '[[' + target + ']]';
|
|
} else {
|
|
insertText = '[[' + target + '|' + escapeInternalText( text ) + ']]';
|
|
}
|
|
} else {
|
|
target = target.trim();
|
|
// Prepend http:// if there is no protocol
|
|
if ( !target.match( /^[a-z]+:\/\/./ ) ) {
|
|
target = 'http://' + target;
|
|
}
|
|
|
|
// Detect if this is really an internal link in disguise
|
|
match = target.match( $( this ).data( 'articlePathRegex' ) );
|
|
if ( match && !$( this ).data( 'ignoreLooksInternal' ) ) {
|
|
buttons = {};
|
|
buttons[ mw.msg( 'wikieditor-toolbar-tool-link-lookslikeinternal-int' ) ] =
|
|
function () {
|
|
$( '#wikieditor-toolbar-link-int-target' ).val( match[ 1 ] ).trigger( 'change' );
|
|
$( this ).dialog( 'close' );
|
|
};
|
|
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;
|
|
}
|
|
|
|
escTarget = escapeExternalTarget( target );
|
|
escText = escapeExternalText( text );
|
|
|
|
if ( escTarget === escText ) {
|
|
insertText = escTarget;
|
|
} else if ( text === '' ) {
|
|
insertText = '[' + escTarget + ']';
|
|
} else {
|
|
insertText = '[' + escTarget + ' ' + escText + ']';
|
|
}
|
|
}
|
|
// Preserve whitespace in selection when replacing
|
|
if ( whitespace ) {
|
|
insertText = whitespace[ 0 ] + insertText + whitespace[ 1 ];
|
|
}
|
|
$( this ).dialog( 'close' );
|
|
$.wikiEditor.modules.toolbar.fn.doAction( $( this ).data( 'context' ), {
|
|
type: 'replace',
|
|
options: {
|
|
pre: insertText
|
|
}
|
|
}, $( this ) );
|
|
|
|
// Blank form
|
|
$( '#wikieditor-toolbar-link-int-target, #wikieditor-toolbar-link-int-text' ).val( '' );
|
|
$( '#wikieditor-toolbar-link-type-int, #wikieditor-toolbar-link-type-ext' )
|
|
.prop( 'checked', false );
|
|
},
|
|
'wikieditor-toolbar-tool-link-cancel': function () {
|
|
$( this ).dialog( 'close' );
|
|
}
|
|
},
|
|
open: function () {
|
|
var target, text, type, matches, context, selection,
|
|
// Obtain the server name without the protocol. wgServer may be protocol-relative
|
|
serverName = mw.config.get( 'wgServer' ).replace( /^(https?:)?\/\//, '' );
|
|
// Cache the articlepath regex
|
|
$( this ).data( 'articlePathRegex', new RegExp(
|
|
'^https?://' + mw.RegExp.escape( serverName + mw.config.get( 'wgArticlePath' ) )
|
|
.replace( /\\\$1/g, '(.*)' ) + '$'
|
|
) );
|
|
// Pre-fill the text fields based on the current selection
|
|
context = $( this ).data( 'context' );
|
|
selection = context.$textarea.textSelection( 'getSelection' );
|
|
$( '#wikieditor-toolbar-link-int-target' ).trigger( 'focus' );
|
|
// Trigger the change event, so the link status indicator is up to date
|
|
$( '#wikieditor-toolbar-link-int-target' ).trigger( 'change' );
|
|
$( '#wikieditor-toolbar-link-dialog' ).data( 'whitespace', [ '', '' ] );
|
|
if ( selection !== '' ) {
|
|
if ( ( matches = selection.match( /^(\s*)\[\[([^\]|]+)(\|([^\]|]*))?\]\](\s*)$/ ) ) ) {
|
|
// [[foo|bar]] or [[foo]]
|
|
target = matches[ 2 ];
|
|
text = ( matches[ 4 ] ? matches[ 4 ] : matches[ 2 ] );
|
|
type = 'int';
|
|
// 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 ] || '' );
|
|
type = 'ext';
|
|
// 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.substr( 0, selection.indexOf( target.charAt( 0 ) ) ),
|
|
selection.substr(
|
|
selection.lastIndexOf( target.charAt( target.length - 1 ) ) + 1
|
|
) ]
|
|
);
|
|
}
|
|
}
|
|
|
|
// Change the value by calling val() doesn't trigger the change event, so let's do that
|
|
// ourselves
|
|
if ( typeof text !== 'undefined' ) {
|
|
$( '#wikieditor-toolbar-link-int-text' ).val( text ).trigger( 'change' );
|
|
}
|
|
if ( typeof target !== 'undefined' ) {
|
|
$( '#wikieditor-toolbar-link-int-target' ).val( target ).trigger( 'change' );
|
|
}
|
|
if ( typeof type !== 'undefined' ) {
|
|
$( '#wikieditor-toolbar-link-' + type ).prop( 'checked', true );
|
|
}
|
|
}
|
|
$( '#wikieditor-toolbar-link-int-text' ).data( 'untouched',
|
|
$( '#wikieditor-toolbar-link-int-text' ).val() ===
|
|
$( '#wikieditor-toolbar-link-int-target' ).val()
|
|
);
|
|
$( '#wikieditor-toolbar-link-int-target' ).suggestions();
|
|
|
|
// don't overwrite user's text
|
|
if ( selection !== '' ) {
|
|
$( '#wikieditor-toolbar-link-int-text' ).data( 'untouched', false );
|
|
}
|
|
|
|
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 ) {
|
|
var button;
|
|
if ( ( e.keyCode || e.which ) === 13 ) {
|
|
button = $( this ).data( 'dialogaction' ) || $( this ).find( 'button:first' );
|
|
button.click();
|
|
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': {
|
|
titleMsg: 'wikieditor-toolbar-tool-file-title',
|
|
id: 'wikieditor-toolbar-file-dialog',
|
|
htmlTemplate: 'dialogInsertFile.html',
|
|
init: function () {
|
|
var magicWordsI18N = mw.config.get( 'wgWikiEditorMagicWords' ),
|
|
defaultMsg = mw.msg( 'wikieditor-toolbar-file-default' );
|
|
$( this ).find( '[data-i18n-magic]' )
|
|
.text( function () {
|
|
return magicWordsI18N[ $( this ).attr( 'data-i18n-magic' ) ];
|
|
} )
|
|
.removeAttr( 'data-i18n-magic' );
|
|
$( 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 () {
|
|
return mw.msg( $( this ).attr( 'rel' ) );
|
|
} )
|
|
.removeAttr( 'rel' );
|
|
},
|
|
dialog: {
|
|
resizable: false,
|
|
dialogClass: 'wikiEditor-toolbar-dialog',
|
|
width: 590,
|
|
buttons: {
|
|
'wikieditor-toolbar-tool-file-insert': function () {
|
|
var fileName, caption, fileFloat, fileFormat, fileSize, fileTitle,
|
|
options, fileUse,
|
|
hasPxRgx = /.+px$/,
|
|
magicWordsI18N = mw.config.get( 'wgWikiEditorMagicWords' );
|
|
fileName = $( '#wikieditor-toolbar-file-target' ).val();
|
|
caption = $( '#wikieditor-toolbar-file-caption' ).val();
|
|
fileFloat = $( '#wikieditor-toolbar-file-float' ).val();
|
|
fileFormat = $( '#wikieditor-toolbar-file-format' ).val();
|
|
fileSize = $( '#wikieditor-toolbar-file-size' ).val();
|
|
// Append px to end to size if not already contains it
|
|
if ( fileSize !== '' && !hasPxRgx.test( fileSize ) ) {
|
|
fileSize += 'px';
|
|
}
|
|
if ( fileName !== '' ) {
|
|
fileTitle = new mw.Title( fileName );
|
|
// Append file namespace prefix to filename if not already contains it
|
|
if ( fileTitle.getNamespaceId() !== 6 ) {
|
|
fileTitle = new mw.Title( fileName, 6 );
|
|
}
|
|
fileName = fileTitle.toText();
|
|
}
|
|
options = [ fileSize, fileFormat, fileFloat ];
|
|
// Filter empty values
|
|
options = options.filter( function ( val ) {
|
|
return val.length && val !== 'default';
|
|
} );
|
|
if ( caption.length ) {
|
|
options.push( caption );
|
|
}
|
|
fileUse = options.length === 0 ? fileName : ( fileName + '|' + options.join( '|' ) );
|
|
$( this ).dialog( 'close' );
|
|
$.wikiEditor.modules.toolbar.fn.doAction(
|
|
$( this ).data( 'context' ),
|
|
{
|
|
type: 'replace',
|
|
options: {
|
|
pre: '[[',
|
|
peri: fileUse,
|
|
post: ']]',
|
|
ownline: true
|
|
}
|
|
},
|
|
$( this )
|
|
);
|
|
|
|
// Restore form state
|
|
$( [ '#wikieditor-toolbar-file-target',
|
|
'#wikieditor-toolbar-file-caption',
|
|
'#wikieditor-toolbar-file-size' ].join( ',' )
|
|
).val( '' );
|
|
$( '#wikieditor-toolbar-file-float' ).val( 'default' );
|
|
$( '#wikieditor-toolbar-file-format' ).val( magicWordsI18N.img_thumbnail );
|
|
},
|
|
'wikieditor-toolbar-tool-file-cancel': function () {
|
|
$( this ).dialog( 'close' );
|
|
},
|
|
'wikieditor-toolbar-tool-file-upload': function () {
|
|
var windowManager = new OO.ui.WindowManager(),
|
|
uploadDialog = new mw.Upload.Dialog( {
|
|
bookletClass: mw.ForeignStructuredUpload.BookletLayout
|
|
} );
|
|
|
|
$( this ).dialog( 'close' );
|
|
$( 'body' ).append( windowManager.$element );
|
|
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 () {
|
|
$( '#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 ) {
|
|
var button;
|
|
if ( e.which === 13 ) {
|
|
button = $( this ).data( 'dialogaction' ) ||
|
|
$( this ).find( 'button:first' );
|
|
button.click();
|
|
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': {
|
|
titleMsg: 'wikieditor-toolbar-tool-table-title',
|
|
id: 'wikieditor-toolbar-table-dialog',
|
|
htmlTemplate: 'dialogInsertTable.html',
|
|
init: function () {
|
|
$( this ).find( '[rel]' ).each( function () {
|
|
$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
|
|
} );
|
|
// Set tabindexes on form fields
|
|
$.wikiEditor.modules.dialogs.fn.setTabindexes( $( this ).find( 'input' ).not( '[tabindex]' ) );
|
|
|
|
$( '#wikieditor-toolbar-table-dimensions-rows' ).val( 3 );
|
|
$( '#wikieditor-toolbar-table-dimensions-columns' ).val( 3 );
|
|
$( '#wikieditor-toolbar-table-wikitable' ).on( 'click', function () {
|
|
$( '.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 $sortable,
|
|
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 );
|
|
$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 headerText, normalText, table, r, c,
|
|
isHeader, delim, classes, classStr,
|
|
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 ) {
|
|
// 1000 is in the English message. The parameter replacement is kept for BC.
|
|
// eslint-disable-next-line no-alert
|
|
alert( mw.msg( 'wikieditor-toolbar-tool-table-toomany', 1000 ) );
|
|
return;
|
|
}
|
|
headerText = mw.msg( 'wikieditor-toolbar-tool-table-example-header' );
|
|
normalText = mw.msg( 'wikieditor-toolbar-tool-table-example' );
|
|
table = '';
|
|
for ( r = 0; r < rows + header; r++ ) {
|
|
table += '|-\n';
|
|
for ( c = 0; c < cols; c++ ) {
|
|
isHeader = ( header && r === 0 );
|
|
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.substr( 0, table.length - 1 ) + '\n';
|
|
}
|
|
classes = [];
|
|
if ( $( '#wikieditor-toolbar-table-wikitable' ).is( ':checked' ) ) {
|
|
classes.push( 'wikitable' );
|
|
}
|
|
if ( $( '#wikieditor-toolbar-table-sortable' ).is( ':checked' ) ) {
|
|
classes.push( 'sortable' );
|
|
}
|
|
classStr = classes.length > 0 ? ' class="' + classes.join( ' ' ) + '"' : '';
|
|
$( this ).dialog( 'close' );
|
|
$.wikiEditor.modules.toolbar.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 ) {
|
|
var button;
|
|
if ( ( e.keyCode || e.which ) === 13 ) {
|
|
button = $( this ).data( 'dialogaction' ) || $( this ).find( 'button:first' );
|
|
button.click();
|
|
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': {
|
|
titleMsg: 'wikieditor-toolbar-tool-replace-title',
|
|
id: 'wikieditor-toolbar-replace-dialog',
|
|
htmlTemplate: 'dialogReplace.html',
|
|
init: function () {
|
|
$( this ).find( '[rel]' ).each( function () {
|
|
$( this ).text( mw.msg( $( this ).attr( 'rel' ) ) );
|
|
} );
|
|
// Set tabindexes on form fields
|
|
$.wikiEditor.modules.dialogs.fn.setTabindexes( $( this ).find( 'input' ).not( '[tabindex]' ) );
|
|
|
|
// TODO: Find a cleaner way to share this function
|
|
$( this ).data( 'replaceCallback', function ( mode ) {
|
|
var offset, textRemainder, regex,
|
|
searchStr, replaceStr, flags, matchCase, isRegex,
|
|
$textarea, text, match,
|
|
actualReplacement,
|
|
start, end;
|
|
|
|
$( '#wikieditor-toolbar-replace-nomatch, #wikieditor-toolbar-replace-success, #wikieditor-toolbar-replace-emptysearch, #wikieditor-toolbar-replace-invalidregex' ).hide();
|
|
|
|
// Search string cannot be empty
|
|
searchStr = $( '#wikieditor-toolbar-replace-search' ).val();
|
|
if ( searchStr === '' ) {
|
|
$( '#wikieditor-toolbar-replace-emptysearch' ).show();
|
|
return;
|
|
}
|
|
|
|
// Replace string can be empty
|
|
replaceStr = $( '#wikieditor-toolbar-replace-replace' ).val();
|
|
|
|
// Prepare the regular expression flags
|
|
flags = 'm';
|
|
matchCase = $( '#wikieditor-toolbar-replace-case' ).is( ':checked' );
|
|
if ( !matchCase ) {
|
|
flags += 'i';
|
|
}
|
|
isRegex = $( '#wikieditor-toolbar-replace-regex' ).is( ':checked' );
|
|
if ( !isRegex ) {
|
|
searchStr = mw.RegExp.escape( searchStr );
|
|
}
|
|
if ( mode === 'replaceAll' ) {
|
|
flags += 'g';
|
|
}
|
|
|
|
try {
|
|
regex = new RegExp( searchStr, flags );
|
|
} catch ( e ) {
|
|
$( '#wikieditor-toolbar-replace-invalidregex' )
|
|
.text( mw.msg( 'wikieditor-toolbar-tool-replace-invalidregex',
|
|
e.message ) )
|
|
.show();
|
|
return;
|
|
}
|
|
|
|
$textarea = $( this ).data( 'context' ).$textarea;
|
|
text = $textarea.textSelection( 'getContents' );
|
|
match = false;
|
|
if ( mode !== 'replaceAll' ) {
|
|
if ( mode === 'replace' ) {
|
|
offset = $( this ).data( 'matchIndex' );
|
|
} else {
|
|
offset = $( this ).data( 'offset' );
|
|
}
|
|
textRemainder = text.substr( 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', match.length ) )
|
|
.show();
|
|
$( this ).data( 'offset', 0 );
|
|
} else {
|
|
|
|
if ( mode === 'replace' ) {
|
|
|
|
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.substr( offset );
|
|
match = textRemainder.match( regex );
|
|
|
|
if ( match ) {
|
|
start = offset + match.index;
|
|
end = start + match[ 0 ].length;
|
|
} else {
|
|
// If no new string was found, try searching from the beginning.
|
|
// TODO: Add a "Wrap around" option.
|
|
textRemainder = text;
|
|
match = textRemainder.match( regex );
|
|
if ( match ) {
|
|
start = match.index;
|
|
end = start + match[ 0 ].length;
|
|
} else {
|
|
// Give up
|
|
start = 0;
|
|
end = 0;
|
|
}
|
|
}
|
|
} else {
|
|
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 dialog, context, textbox,
|
|
that = this;
|
|
$( this ).data( 'offset', 0 );
|
|
$( this ).data( '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 ) {
|
|
var button;
|
|
if ( ( e.keyCode || e.which ) === 13 ) {
|
|
button = $( this ).data( 'dialogaction' ) || $( this ).find( 'button:first' );
|
|
button.click();
|
|
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 );
|
|
} );
|
|
}
|
|
dialog = $( this ).closest( '.ui-dialog' );
|
|
that = this;
|
|
context = $( this ).data( 'context' );
|
|
textbox = context.$textarea;
|
|
|
|
$( textbox )
|
|
.on( 'keypress.srdialog', function ( e ) {
|
|
var button;
|
|
if ( e.which === 13 ) {
|
|
// Enter
|
|
button = dialog.data( 'dialogaction' ) || dialog.find( 'button:first' );
|
|
button.click();
|
|
e.preventDefault();
|
|
} else if ( e.which === 27 ) {
|
|
// Escape
|
|
$( that ).dialog( 'close' );
|
|
}
|
|
} );
|
|
},
|
|
close: function () {
|
|
var context = $( this ).data( 'context' ),
|
|
textbox = context.$textarea;
|
|
$( textbox ).off( 'keypress.srdialog' );
|
|
$( this ).closest( '.ui-dialog' ).data( 'dialogaction', false );
|
|
}
|
|
}
|
|
}
|
|
} };
|
|
}
|
|
|
|
};
|
|
|
|
}() );
|