mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/CodeMirror
synced 2024-11-27 23:50:05 +00:00
Reorder functions to avoid forward references
The eslint-disable-next-line no-use-before-define are removed. Change-Id: Ifad97ac467b7bf4b1051015129eca3e2f5a32807
This commit is contained in:
parent
abd9f077c9
commit
7ac2322b23
|
@ -9,9 +9,31 @@
|
||||||
// codeMirror needs a special textselection jQuery function to work, save the current one to restore when
|
// codeMirror needs a special textselection jQuery function to work, save the current one to restore when
|
||||||
// CodeMirror get's disabled.
|
// CodeMirror get's disabled.
|
||||||
origTextSelection = $.fn.textSelection;
|
origTextSelection = $.fn.textSelection;
|
||||||
|
|
||||||
useCodeMirror = mw.user.options.get( 'usecodemirror' ) > 0;
|
useCodeMirror = mw.user.options.get( 'usecodemirror' ) > 0;
|
||||||
api = new mw.Api();
|
api = new mw.Api();
|
||||||
|
|
||||||
originHooksTextarea = $.valHooks.textarea;
|
originHooksTextarea = $.valHooks.textarea;
|
||||||
|
// define jQuery hook for searching and replacing text using JS if CodeMirror is enabled, see Bug: T108711
|
||||||
|
$.valHooks.textarea = {
|
||||||
|
get: function ( elem ) {
|
||||||
|
if ( elem.id === 'wpTextbox1' && codeMirror ) {
|
||||||
|
return codeMirror.doc.getValue();
|
||||||
|
} else if ( originHooksTextarea ) {
|
||||||
|
return originHooksTextarea.get( elem );
|
||||||
|
}
|
||||||
|
return elem.value;
|
||||||
|
},
|
||||||
|
set: function ( elem, value ) {
|
||||||
|
if ( elem.id === 'wpTextbox1' && codeMirror ) {
|
||||||
|
return codeMirror.doc.setValue( value );
|
||||||
|
} else if ( originHooksTextarea ) {
|
||||||
|
return originHooksTextarea.set( elem, value );
|
||||||
|
}
|
||||||
|
elem.value = value;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
// The WikiEditor extension exists the WikiEditor beta toolbar is used by the user
|
// The WikiEditor extension exists the WikiEditor beta toolbar is used by the user
|
||||||
wikiEditorToolbarEnabled = !!mw.loader.getState( 'ext.wikiEditor' ) &&
|
wikiEditorToolbarEnabled = !!mw.loader.getState( 'ext.wikiEditor' ) &&
|
||||||
// This can be the string "0" if the user disabled the preference - Bug T54542#555387
|
// This can be the string "0" if the user disabled the preference - Bug T54542#555387
|
||||||
|
@ -250,63 +272,6 @@
|
||||||
return retval;
|
return retval;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Adds the CodeMirror button to WikiEditor
|
|
||||||
*/
|
|
||||||
function addCodeMirrorToWikiEditor() {
|
|
||||||
var $codeMirrorButton;
|
|
||||||
|
|
||||||
$( '#wpTextbox1' ).wikiEditor(
|
|
||||||
'addToToolbar',
|
|
||||||
{
|
|
||||||
section: 'main',
|
|
||||||
groups: {
|
|
||||||
codemirror: {
|
|
||||||
tools: {
|
|
||||||
CodeMirror: {
|
|
||||||
label: mw.msg( 'codemirror-toggle-label' ),
|
|
||||||
type: 'button',
|
|
||||||
action: {
|
|
||||||
type: 'callback',
|
|
||||||
execute: function () {
|
|
||||||
// eslint-disable-next-line no-use-before-define
|
|
||||||
switchCodeMirror();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
$codeMirrorButton = $( '#wpTextbox1' ).data( 'wikiEditor-context' ).modules.toolbar.$toolbar.find( 'a.tool[rel=CodeMirror]' );
|
|
||||||
$codeMirrorButton.attr( 'id', 'mw-editbutton-codemirror' );
|
|
||||||
|
|
||||||
// eslint-disable-next-line no-use-before-define
|
|
||||||
updateToolbarButton();
|
|
||||||
}
|
|
||||||
|
|
||||||
// define JQuery hook for searching and replacing text using JS if CodeMirror is enabled, see Bug: T108711
|
|
||||||
$.valHooks.textarea = {
|
|
||||||
get: function ( elem ) {
|
|
||||||
if ( elem.id === 'wpTextbox1' && codeMirror ) {
|
|
||||||
return codeMirror.doc.getValue();
|
|
||||||
} else if ( originHooksTextarea ) {
|
|
||||||
return originHooksTextarea.get( elem );
|
|
||||||
}
|
|
||||||
return elem.value;
|
|
||||||
},
|
|
||||||
set: function ( elem, value ) {
|
|
||||||
if ( elem.id === 'wpTextbox1' && codeMirror ) {
|
|
||||||
return codeMirror.doc.setValue( value );
|
|
||||||
} else if ( originHooksTextarea ) {
|
|
||||||
return originHooksTextarea.set( elem, value );
|
|
||||||
}
|
|
||||||
elem.value = value;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Save CodeMirror enabled pref.
|
* Save CodeMirror enabled pref.
|
||||||
*
|
*
|
||||||
|
@ -322,50 +287,6 @@
|
||||||
mw.user.options.set( 'usecodemirror', prefValue ? 1 : 0 );
|
mw.user.options.set( 'usecodemirror', prefValue ? 1 : 0 );
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* Updates CodeMirror button on the toolbar according to the current state (on/off)
|
|
||||||
*/
|
|
||||||
function updateToolbarButton() {
|
|
||||||
$( '#mw-editbutton-codemirror' )
|
|
||||||
.toggleClass( 'mw-editbutton-codemirror-on', !!useCodeMirror )
|
|
||||||
.toggleClass( 'mw-editbutton-codemirror-off', !useCodeMirror );
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Enables or disables CodeMirror
|
|
||||||
*/
|
|
||||||
function switchCodeMirror() {
|
|
||||||
var selectionObj,
|
|
||||||
selectionStart,
|
|
||||||
selectionEnd,
|
|
||||||
scrollTop,
|
|
||||||
hasFocus,
|
|
||||||
$textbox1 = $( '#wpTextbox1' );
|
|
||||||
|
|
||||||
if ( codeMirror ) {
|
|
||||||
scrollTop = codeMirror.getScrollInfo().top;
|
|
||||||
selectionObj = codeMirror.doc.listSelections()[ 0 ];
|
|
||||||
selectionStart = codeMirror.doc.indexFromPos( selectionObj.head );
|
|
||||||
selectionEnd = codeMirror.doc.indexFromPos( selectionObj.anchor );
|
|
||||||
hasFocus = codeMirror.hasFocus();
|
|
||||||
setCodeEditorPreference( false );
|
|
||||||
codeMirror.toTextArea();
|
|
||||||
codeMirror = null;
|
|
||||||
$.fn.textSelection = origTextSelection;
|
|
||||||
if ( hasFocus ) {
|
|
||||||
$textbox1.focus();
|
|
||||||
}
|
|
||||||
$textbox1.prop( 'selectionStart', selectionStart );
|
|
||||||
$textbox1.prop( 'selectionEnd', selectionEnd );
|
|
||||||
$textbox1.scrollTop( scrollTop );
|
|
||||||
} else {
|
|
||||||
// eslint-disable-next-line no-use-before-define
|
|
||||||
enableCodeMirror();
|
|
||||||
setCodeEditorPreference( true );
|
|
||||||
}
|
|
||||||
updateToolbarButton();
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Replaces the default textarea with CodeMirror
|
* Replaces the default textarea with CodeMirror
|
||||||
*/
|
*/
|
||||||
|
@ -429,6 +350,85 @@
|
||||||
} );
|
} );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Updates CodeMirror button on the toolbar according to the current state (on/off)
|
||||||
|
*/
|
||||||
|
function updateToolbarButton() {
|
||||||
|
$( '#mw-editbutton-codemirror' )
|
||||||
|
.toggleClass( 'mw-editbutton-codemirror-on', !!useCodeMirror )
|
||||||
|
.toggleClass( 'mw-editbutton-codemirror-off', !useCodeMirror );
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Enables or disables CodeMirror
|
||||||
|
*/
|
||||||
|
function switchCodeMirror() {
|
||||||
|
var selectionObj,
|
||||||
|
selectionStart,
|
||||||
|
selectionEnd,
|
||||||
|
scrollTop,
|
||||||
|
hasFocus,
|
||||||
|
$textbox1 = $( '#wpTextbox1' );
|
||||||
|
|
||||||
|
if ( codeMirror ) {
|
||||||
|
scrollTop = codeMirror.getScrollInfo().top;
|
||||||
|
selectionObj = codeMirror.doc.listSelections()[ 0 ];
|
||||||
|
selectionStart = codeMirror.doc.indexFromPos( selectionObj.head );
|
||||||
|
selectionEnd = codeMirror.doc.indexFromPos( selectionObj.anchor );
|
||||||
|
hasFocus = codeMirror.hasFocus();
|
||||||
|
setCodeEditorPreference( false );
|
||||||
|
codeMirror.toTextArea();
|
||||||
|
codeMirror = null;
|
||||||
|
$.fn.textSelection = origTextSelection;
|
||||||
|
if ( hasFocus ) {
|
||||||
|
$textbox1.focus();
|
||||||
|
}
|
||||||
|
$textbox1.prop( 'selectionStart', selectionStart );
|
||||||
|
$textbox1.prop( 'selectionEnd', selectionEnd );
|
||||||
|
$textbox1.scrollTop( scrollTop );
|
||||||
|
} else {
|
||||||
|
// eslint-disable-next-line no-use-before-define
|
||||||
|
enableCodeMirror();
|
||||||
|
setCodeEditorPreference( true );
|
||||||
|
}
|
||||||
|
updateToolbarButton();
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Adds the CodeMirror button to WikiEditor
|
||||||
|
*/
|
||||||
|
function addCodeMirrorToWikiEditor() {
|
||||||
|
var $codeMirrorButton;
|
||||||
|
|
||||||
|
$( '#wpTextbox1' ).wikiEditor(
|
||||||
|
'addToToolbar',
|
||||||
|
{
|
||||||
|
section: 'main',
|
||||||
|
groups: {
|
||||||
|
codemirror: {
|
||||||
|
tools: {
|
||||||
|
CodeMirror: {
|
||||||
|
label: mw.msg( 'codemirror-toggle-label' ),
|
||||||
|
type: 'button',
|
||||||
|
action: {
|
||||||
|
type: 'callback',
|
||||||
|
execute: function () {
|
||||||
|
switchCodeMirror();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
$codeMirrorButton = $( '#wpTextbox1' ).data( 'wikiEditor-context' ).modules.toolbar.$toolbar.find( 'a.tool[rel=CodeMirror]' );
|
||||||
|
$codeMirrorButton.attr( 'id', 'mw-editbutton-codemirror' );
|
||||||
|
|
||||||
|
updateToolbarButton();
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add a popup for first time users (T165003)
|
* Add a popup for first time users (T165003)
|
||||||
*
|
*
|
||||||
|
|
Loading…
Reference in a new issue