Järjestelmäviesti:Gadget-FullWidthVector.js

Wikipediasta
Siirry navigaatioon Siirry hakuun

Huomautus: Selaimen välimuisti pitää tyhjentää asetusten tallentamisen jälkeen, jotta muutokset tulisivat voimaan.

  • Firefox ja Safari: Napsauta Shift-näppäin pohjassa Päivitä, tai paina Ctrl-F5 tai Ctrl-R (⌘-R Macilla)
  • Google Chrome: Paina Ctrl-Shift-R (⌘-Shift-R Macilla)
  • Internet Explorer ja Edge: Napsauta Ctrl-näppäin pohjassa Päivitä tai paina Ctrl-F5
  • Opera: Paina Ctrl-F5.
/* Gadget will create the toggle button to select narrow/wide layout*/

var debug = true;
mw.loader.using( ['mediawiki.user'], function () {
	if (!($(document.body).hasClass("ns-special") || $(document.body).hasClass("skin-vector-legacy"))) {
		var lastValue;
		try {
		    lastValue = (mw.user.options.get('gadget-FullWidthVectorOnCSS') == 1) ? '1' : '0';
		} catch (e) {
		    lastValue = '0';
		}

		if (debug)
			mw.log( 'Gadget lastValue' + lastValue + ' Options: ' + mw.user.options.get('gadget-FullWidthVectorOnCSS') );	
	
		var $switcher = $('<button class="pt-fullwidth-toggle">↔</button>')
		    .on('click', function() {
    	        var newValue=(lastValue === '1') ? '0' : '1';
    	        
	            if (newValue==1)
	            {
    	            $(document.body)
    	            	.removeClass("skin-vector-max-width-narrow")
    	            	.addClass("skin-vector-max-width-wide")
	            }
    	        else
	            {
	               $(document.body)
    	            	.removeClass("skin-vector-max-width-wide")
    	            	.addClass("skin-vector-max-width-narrow")
	            }
                lastValue=newValue;
                
                // Save state as CSS gadget so it is fast when new page is loaded
    	        ( new mw.Api() ).postWithToken( 'options', {
					    action: 'options',
					    change: 'gadget-FullWidthVectorOnCSS=' + lastValue
					} ).done( function ( data ) {
                		if (debug)
			 				mw.log( 'Gadget lastValue ' + lastValue );
				} );
	    	} );
	    $('.mw-workspace-container').first().prepend($switcher);
	}
});