User:Volker E. (WMF)/global.js
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*importStylesheet("User:Prtksxna/toc.css");
importScript("User:Prtksxna/toc.js");
importScript("User:Yuvipanda/lost.js");*/
/* Caused T240480 in CX
$( function () {
mw.loader.using( ['oojs-ui', 'jquery.jStorage'] , function () {
var $container = $( '<div>' ).css( {
'font-size': '0.8em',
'margin-bottom': '15px'
} );
//i=1;
config = [
{
name: 'Simple dialog (small)',
config: {
size: 'small'
},
data: {
title: 'Sample dialog with very long title that does not fit'
}
},
];
//windows = {},
windowManager = new OO.ui.WindowManager();
for ( i = 0, l = config.length; i < l; i++ ) {
name = 'window_' + i;
DialogClass = config[ i ].dialogClass || SimpleDialog;
windows[ name ] = new DialogClass( config[ i ].config );
openButton = new OO.ui.ButtonWidget( {
framed: false,
icon: 'window',
//label: $( '<span dir="ltr"></span>' ).text( config[ i ].name )
label: a11y
} );
openButton.on(
'click', OO.ui.bind( openDialog, this, name, config[ i ].data )
);
}
windowManager.addWindows( windows );
function A11yProcessDialog( config ) {
A11yProcessDialog.parent.call( this, config );
}
OO.inheritClass( A11yProcessDialog, OO.ui.ProcessDialog );
A11yDialog.static.title = 'Process dialog';
A11yDialog.static.actions = [
{ action: 'save', label: 'Done', flags: [ 'primary', 'progressive' ] },
{ action: 'cancel', label: 'Cancel', flags: 'safe' },
{ action: 'other', label: 'Other', flags: 'other' }
];
A11yDialog.prototype.initialize = function () {
var i;
A11yDialog.parent.prototype.initialize.apply( this, arguments );
this.content = new OO.ui.PanelLayout( { padded: true, expanded: false } );
for ( i = 0; i < 100; i++ ) {
this.content.$element.append( '<p>Dialog content</p>' );
}
this.$body.append( this.content.$element );
};
A11yDialog.prototype.getActionProcess = function ( action ) {
var dialog = this;
if ( action ) {
return new OO.ui.Process( function () {
dialog.close( { action: action } );
} );
}
return A11yDialog.parent.prototype.getActionProcess.call( this, action );
};
A11yDialog.prototype.getBodyHeight = function () {
return this.content.$element.outerHeight( true );
};
var resetCssHack = {
'background-repeat': 'no-repeat',
'background-size': 'contain',
'color': 'rgba( 0, 0, 0, 0 )'
}
var updateSize = function( size ) {
$( '#bodyContent' ).css( 'font-size', size);
$.jStorage.set( 'accessibility-size', size );
}
var sizeOptionSmall = new OO.ui.ButtonOptionWidget( {
label: 'lllllll',
title: 'Normal font-size',
} ).on( 'click', function() {
updateSize( '14px' );
} );
sizeOptionSmall.$element.find( '.oo-ui-labelElement-label').css( resetCssHack).css(
'background-image', 'url(https://phab.wmfusercontent.org/file/data/ed3bfysrit5xcj2adfkh/PHID-FILE-vv7xydlqodvtqkuhfzb7/uniE041_-_smallerText.svg)'
);
var sizeOptionMedium = new OO.ui.ButtonOptionWidget( {
label: 'lllllll',
title: 'Larger font-size'
} ).on( 'click', function() {
updateSize( '16px' );
} );
sizeOptionMedium.$element.find( '.oo-ui-labelElement-label').css( resetCssHack).css(
'background-image', 'url(https://phab.wmfusercontent.org/file/data/y6ruwgf2w4sbwuktpkiz/PHID-FILE-7ar4c3cgiprnm5v6bx2y/mediumText.svg)'
);
var sizeOptionLarge = new OO.ui.ButtonOptionWidget( {
label: 'lllllll',
title: 'Largest font-size',
} ).on( 'click', function() {
updateSize( '20px' );
} );
sizeOptionLarge.$element.find( '.oo-ui-labelElement-label' ).css( resetCssHack).css(
'background-image', 'url(https://phab.wmfusercontent.org/file/data/sxuc6tz5326qzsjanivf/PHID-FILE-2kgkdhmqllkgivwitviy/uniE040_-_largeText.svg)'
);
var sizeSelect=new OO.ui.ButtonSelectWidget( {
items: [ sizeOptionSmall, sizeOptionMedium, sizeOptionLarge ]
} );
switch( $.jStorage.get( 'accessibility-size' ) ) {
case '12px':
sizeSelect.selectItem( sizeOptionSmall );
break;
case '14px':
sizeSelect.selectItem( sizeOptionMedium );
break;
case '16px':
sizeSelect.selectItem( sizeOptionLarge );
break;
default:
break;
}
$container.append( sizeSelect.$element );
// contrast
var updateDarkness = function ( darkness ) {
$.jStorage.set( 'accessibility-color', darkness );
$( 'body' )
.removeClass( 'dark-mode' )
.removeClass( 'darker-mode' )
.removeClass( 'darkest-mode' )
.addClass( darkness + '-mode');
}
var darkOption = new OO.ui.ButtonOptionWidget( {
label: 'lllllll',
title: 'Dark'
} ).on( 'click', function () {
updateDarkness( 'dark' );
} );
darkOption.$element.find( '.oo-ui-labelElement-label').css( resetCssHack).css(
'background-image', 'url(https://phab.wmfusercontent.org/file/data/76cwr22dnerl6axvd56c/PHID-FILE-phrfpsucryeuyo2esyrt/uniE038_-_notBright.svg)'
);
var darkerOption = new OO.ui.ButtonOptionWidget( {
label: 'lllllll',
title: 'Darker'
} ).on( 'click', function () {
updateDarkness( 'darker' );
} );
darkerOption.$element.find( '.oo-ui-labelElement-label').css( resetCssHack).css(
'background-image', 'url(https://phab.wmfusercontent.org/file/data/fvycl6ximpqawrh6ycao/PHID-FILE-sntwjutfnnnge6nlao4f/uniE037_-_halfBright.svg)'
);
var darkestOption = new OO.ui.ButtonOptionWidget( {
label: 'lllllll',
title: 'Darkest'
} ).on( 'click', function () {
updateDarkness( 'darkest' );
} );
darkestOption.$element.find( '.oo-ui-labelElement-label' ).css( resetCssHack ).css(
'background-image', 'url(https://phab.wmfusercontent.org/file/data/xnodc6lzja6wcnqo5d5x/PHID-FILE-4glyna4vthpa6zzje5zu/uniE036_-_bright.svg)'
);
var darkSelect = new OO.ui.ButtonSelectWidget( {
items: [ darkOption, darkerOption, darkestOption ]
} );
switch ( $.jStorage.get( 'accessibility-color' ) ) {
case 'dark':
darkSelect.selectItem( darkOption );
break;
case 'darker':
darkSelect.selectItem( darkerOption );
break;
case 'darkest':
darkSelect.selectItem( darkestOption );
break;
default:
break;
}
$container.append( darkSelect.$element );
// night mode
var updateDayNight = function ( mode ) {
$( 'body' )
.removeClass( 'day-mode' )
.removeClass( 'night-mode' )
.addClass( mode + '-mode' );
$.jStorage.set( 'accessibility-mode', mode );
}
var dayOption = new OO.ui.ButtonOptionWidget( {
data: 1,
label: 'lllllll',
title: 'Day'
} ).on( 'click', function () {
updateDayNight( 'day' );
} );
dayOption.$element.find( '.oo-ui-labelElement-label' ).css( resetCssHack ).css( {
'background-image': 'url(https://phab.wmfusercontent.org/file/data/v324gbndcz45kygarqyk/PHID-FILE-ru7vg5e6t3p6vm7jvbvx/uniE005_-_sun.svg)',
'margin': '0 12px'
} );
var nightOption = new OO.ui.ButtonOptionWidget( {
data: 1,
label: 'lllllll',
title: 'Night'
} ).on( 'click', function () {
updateDayNight( 'night' );
} );
nightOption.$element.find( '.oo-ui-labelElement-label' ).css( resetCssHack ).css( {
'background-image': 'url(https://phab.wmfusercontent.org/file/data/qrsrgvjsdssspv5muuco/PHID-FILE-iqjol7gavf626i7xjhup/uniE039_-_moon.svg)',
'margin': '0 11px'
} );
var timeSelect = new OO.ui.ButtonSelectWidget( {
items: [ dayOption, nightOption ]
} );
switch ( $.jStorage.get( 'accessibility-mode' ) ) {
case 'day':
timeSelect.selectItem( dayOption );
break;
case 'night':
timeSelect.selectItem( nightOption );
break;
default:
break;
}
$container.append( timeSelect.$element );
$( '#p-tb-label' ).after( $container );
updateSize( $.jStorage.get( 'accessibility-size' ) );
updateDayNight( $.jStorage.get( 'accessibility-mode' ) );
updateDarkness( $.jStorage.get( 'accessibility-color' ) );
} );
}); //domready
*/