(function(){
'use strict';
var isParsoid = false, elem = $('#mw-content-text')[0], phpHTML = 'Loading HTML from PHP...', parsoidHTML = null;
var portletLink = mw.util.addPortletLink( 'p-tb', '#', 'Enable Parsoid view', 't-parsoid-view-toggle' );
$( portletLink ).click( function ( e ) {
e.preventDefault();
if(isParsoid) {
elem.innerHTML = phpHTML;
isParsoid = false;
portletLink.firstChild.innerHTML = 'Enable Parsoid view';
} else {
if(!parsoidHTML) {
parsoidHTML = 'Loading HTML from Parsoid...';
$.get('//parsoid-prod.wmflabs.org/' + mw.config.get('wgCookiePrefix') + '/' + encodeURIComponent(mw.config.get('wgPageName')) + '?oldid=' + mw.config.get('wgRevisionId'), function(data) {
var parsoidDom = new DOMParser().parseFromString(data, 'text/html');
parsoidHTML = parsoidDom.body.innerHTML;
if(isParsoid) {
elem.innerHTML = parsoidHTML;
}
});
$.get('/w/index.php?action=render&oldid=' + mw.config.get('wgRevisionId'), function(data) {
var phpDom = new DOMParser().parseFromString(data, 'text/html');
$('#toc', phpDom).remove(); // hack: since Parsoid doesn't give us a TOC, ditch PHP's so things are the same on both
phpHTML = phpDom.body.innerHTML;
if(!isParsoid) {
elem.innerHTML = phpHTML;
}
});
$( portletLink ).css('position', 'fixed').css('top', '2em').css('right', 0).css('font-size', 'larger').css('color', '#00ff00');
}
elem.innerHTML = parsoidHTML;
isParsoid = true;
portletLink.firstChild.innerHTML = 'Disable Parsoid view';
}
}).css('transition', 'all 2s');
})()
