diff options
author | Pierre Schmitz <pierre@archlinux.de> | 2013-01-18 16:46:04 +0100 |
---|---|---|
committer | Pierre Schmitz <pierre@archlinux.de> | 2013-01-18 16:46:04 +0100 |
commit | 63601400e476c6cf43d985f3e7b9864681695ed4 (patch) | |
tree | f7846203a952e38aaf66989d0a4702779f549962 /resources/mediawiki.action/mediawiki.action.edit.preview.js | |
parent | 8ff01378c9e0207f9169b81966a51def645b6a51 (diff) |
Update to MediaWiki 1.20.2
this update includes:
* adjusted Arch Linux skin
* updated FluxBBAuthPlugin
* patch for https://bugzilla.wikimedia.org/show_bug.cgi?id=44024
Diffstat (limited to 'resources/mediawiki.action/mediawiki.action.edit.preview.js')
-rw-r--r-- | resources/mediawiki.action/mediawiki.action.edit.preview.js | 135 |
1 files changed, 135 insertions, 0 deletions
diff --git a/resources/mediawiki.action/mediawiki.action.edit.preview.js b/resources/mediawiki.action/mediawiki.action.edit.preview.js new file mode 100644 index 00000000..cddf6ccf --- /dev/null +++ b/resources/mediawiki.action/mediawiki.action.edit.preview.js @@ -0,0 +1,135 @@ +/** + * Live edit preview. + */ +( function ( mw, $ ) { + + /** + * @param {jQuery.Event} e + */ + function doLivePreview( e ) { + var $wikiPreview, copySelectors, removeSelectors, $copyElements, $spinner, + targetUrl, postData, $previewDataHolder; + + e.preventDefault(); + + $( mw ).trigger( 'LivePreviewPrepare' ); + + $wikiPreview = $( '#wikiPreview' ); + + // Show #wikiPreview if it's hidden to be able to scroll to it + // (if it is hidden, it's also empty, so nothing changes in the rendering) + $wikiPreview.show(); + + // Jump to where the preview will appear + $wikiPreview[0].scrollIntoView(); + + // List of selectors matching elements that we will + // update from from the ajax-loaded preview page. + copySelectors = [ + // Main + '#wikiPreview', + '#wikiDiff', + '#catlinks', + '.hiddencats', + '#p-lang', + // Editing-related + '.templatesUsed', + '.mw-summary-preview' + ]; + $copyElements = $( copySelectors.join( ',' ) ); + + // Not shown during normal preview, to be removed if present + removeSelectors = [ + '.mw-newarticletext' + ]; + + $( removeSelectors.join( ',' ) ).remove(); + + $spinner = $.createSpinner( { + size: 'large', + type: 'block' + }); + $wikiPreview.before( $spinner ); + $spinner.css( { + position: 'absolute', + marginTop: $spinner.height() + } ); + // Make sure preview area is at least as tall as 2x the height of the spinner. + // 1x because if its smaller, it will spin behind the edit toolbar. + // (this happens on the first preview when editPreview is still empty) + // 2x because the spinner has 1x margin top breathing room. + $wikiPreview.css( 'minHeight', $spinner.height() * 2 ); + + // Can't use fadeTo because it calls show(), and we might want to keep some elements hidden + // (e.g. empty #catlinks) + $copyElements.animate( { + opacity: 0.4 + }, 'fast' ); + + $previewDataHolder = $( '<div>' ); + targetUrl = $( '#editform' ).attr( 'action' ); + + // Gather all the data from the form + postData = $( '#editform' ).formToArray(); + postData.push( { + name: e.target.name, + value: '' + } ); + + // Load new preview data. + // TODO: This should use the action=parse API instead of loading the entire page + // Though that requires figuring out how to conver that raw data into proper HTML. + $previewDataHolder.load( targetUrl + ' ' + copySelectors.join( ',' ), postData, function () { + var i, $from; + // Copy the contents of the specified elements from the loaded page to the real page. + // Also copy their class attributes. + for ( i = 0; i < copySelectors.length; i++ ) { + $from = $previewDataHolder.find( copySelectors[i] ); + + $( copySelectors[i] ) + .empty() + .append( $from.contents() ) + .attr( 'class', $from.attr( 'class' ) ); + } + + $spinner.remove(); + $copyElements.animate( { + opacity: 1 + }, 'fast' ); + + $( mw ).trigger( 'LivePreviewDone', [copySelectors] ); + } ); + } + + $( document ).ready( function () { + // The following elements can change in a preview but are not output + // by the server when they're empty until the preview reponse. + // TODO: Make the server output these always (in a hidden state), so we don't + // have to fish and (hopefully) put them in the right place (since skins + // can change where they are output). + + if ( !document.getElementById( 'p-lang' ) && document.getElementById( 'p-tb' ) ) { + $( '#p-tb' ).after( + $( '<div>' ).prop( 'id', 'p-lang' ) + ); + } + + if ( !$( '.mw-summary-preview' ).length ) { + $( '.editCheckboxes' ).before( + $( '<div>' ).prop( 'className', 'mw-summary-preview' ) + ); + } + + if ( !document.getElementById( 'wikiDiff' ) && document.getElementById( 'wikiPreview' ) ) { + $( '#wikiPreview' ).after( + $( '<div>' ).prop( 'id', 'wikiDiff') + ); + } + + // Make sure diff styles are loaded + mw.loader.load( 'mediawiki.action.history.diff' ); + + $( document.body ).on( 'click', '#wpPreview, #wpDiff', doLivePreview ); + } ); + +}( mediaWiki, jQuery ) ); |