MediaWiki:Gadget-previewTab.js

$(document).ready(function {

if(((mw.config.get('wgAction') != 'edit')&&(mw.config.get('wgAction') != 'submit'))||(mw.config.get('wgPageContentModel')) != 'wikitext'){ return; }

//localization. var $text_wikitext = { 'en': 'Wikitext', 'zh': '维基文本' }	var $text_preview = { 'en': 'Preview', 'zh': '预览' }	var $text_changes = { 'en': 'Changes', 'zh': '差异' }	var $text_nochanges = { 'en': 'No change', 'zh': '无差异' }

$('#editform').before(' '+($text_wikitext[mw.config.get( 'wgUserLanguage' )]||'Wikitext')+' '+($text_preview[mw.config.get( 'wgUserLanguage' )]||'Preview')+' '+($text_changes[mw.config.get( 'wgUserLanguage' )]||'Changes')+'  '); var $wikitext_button = $('#wiki-editor-tabs .wikitext').addClass('current'); var $preview_button = $('#wiki-editor-tabs .preview'); var $changes_button = $('#wiki-editor-tabs .changes');

$('#editform').before('                '); var $preview_loading = $('#wiki-editor-tabs-preview > div.sk-fading-circle').first; var $preview_content = $('#wiki-editor-tabs-preview > div.contents').first;

var $ajax = null; var $api = new mediaWiki.Api; mw.loader.using( 'mediawiki.diff.styles' );

$wikitext_button.on('click', function{		$('#wiki-editor-tabs-preview').css('display', 'none');		$('.wikiEditor-ui').css('display', 'block');		$wikitext_button.addClass('current');		$preview_button.removeClass('current');		$changes_button.removeClass('current');

if($ajax && $ajax.readyState != 4){ $ajax.abort; }		$preview_content.empty; });	$preview_button.on('click', function{ var $editor = $('.wikiEditor-ui'); $('#wiki-editor-tabs-preview').css('display', 'block').outerHeight($editor.outerHeight); $editor.css('display', 'none'); $wikitext_button.removeClass('current'); $preview_button.addClass('current'); $changes_button.removeClass('current');

if($ajax && $ajax.readyState != 4){ $ajax.abort; }		$preview_loading.css('display', 'block'); $preview_content.empty; var wikitext = $('#wpTextbox1').val; $api.post( {			formatversion: 2,			action: 'parse',			title: mw.config.get( 'wgPageName' ),			text: wikitext,			pst: '',			prop: 'text|modules|jsconfigvars',			preview: true,			disableeditsection: true,			useskin: mw.config.get( 'skin' ),			uselang: mw.config.get( 'wgUserLanguage' )		} ).done( function ( data ) {			var loadmodules, $content;			if ( !data.parse || !data.parse.text ) {				return;			}			if ( data.parse.jsconfigvars ) {				mw.config.set( data.parse.jsconfigvars );			}			loadmodules = data.parse.modules.concat( data.parse.modulescripts, data.parse.modulestyles );			mw.loader.load( loadmodules );			$content = $preview_content				.detach				.html( data.parse.text );			$content.append( ' ' )				.find( 'a:not([href^="#"])' )				.click( false );			$preview_loading.css('display', 'none');			$('#wiki-editor-tabs-preview').append( $content );		} ); });

$changes_button.on('click', function{		var $editor = $('.wikiEditor-ui');		$('#wiki-editor-tabs-preview').css('display', 'block').outerHeight($editor.outerHeight);		$editor.css('display', 'none');		$wikitext_button.removeClass('current');		$preview_button.removeClass('current');		$changes_button.addClass('current');

if($ajax && $ajax.readyState != 4){ $ajax.abort; }		$preview_content.empty.html( ' ' ); $preview_loading.css('display', 'block');

mw.loader.using( 'mediawiki.diff.styles' ); var wikitext = $('#wpTextbox1').val; var section = $( '[name="wpSection"]' ).val; var postdata = { formatversion: 2, action: 'query', prop: 'revisions', titles: mw.config.get( 'wgPageName' ), rvdifftotext: wikitext, rvdifftotextpst: true, rvprop: '', rvsection: section === '' ? undefined : section };

var postPromise = $api.post( postdata ); $api.post(postdata).done( function ( postResult ) {			var diff;			try {				diff = postResult.query.pages[ 0 ]					.revisions[ 0 ].diff.body;				if (diff){					$preview_content.find( 'table.diff tbody' )					.html( diff )					.append( ' ' );				}				else{					$preview_content.html( '('+($text_nochanges[mw.config.get( 'wgUserLanguage' )]||'No change')+') ' )					.append( ' ' );				}				$preview_loading.css('display', 'none');			} catch ( e ) {				// "data.blah is undefined" error, ignore			}		} ); });

});