MediaWiki:Uniwiki.js
From EVE University Wiki
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
//April Fools 4/1/2020 Code =======================================
opts = {
pageSelector: ".page-Main_Page",
AprilFoolEnable: true,
className: 'april-fools',
frequency: 0.1,
expiryThresholdMs: 2000,
addStyleIntvl: null,
clearStyleIntvl: null,
maxFlicks: 18,
minFlicks: 6,
};
// The "oh dear gods my eyes, turn it off" Button
$(function(){
var r = $('<input type="checkbox" name="chkAprilFoolEnable" value="3" class="lcs_check lcs_tt1" checked="checked" autocomplete="off" />');
var AprilFoolText = '<div style="margin-bottom:1em; padding:0em; font-size: 20px; font-weight:bold; text-align:center; border:1px solid #f43e29; background: #060606; width:auto; color: #ffffff;">The UniWiki is being invaded by the Triglavians!!!</div>';
$(opts.pageSelector + " .mw-parser-output").prepend(AprilFoolText, 'Triglavian Invasion' , r);
startUpAprilFools();
});
function startUpAprilFools(){
opts.addStyleIntvl = setInterval(function() {addStyleToRandomWordsInJQueryObject($(opts.pageSelector + ' .mw-parser-output'), opts)}, 2000);
addStyleToRandomWordsInJQueryObject($(opts.pageSelector + " .mw-parser-output"), opts);
opts.clearStyleIntvl = setInterval(function() {removeExpiredStyles(opts)}, 2000);
opts.AprilFoolEnable = true;
}
function shutDownAprilFools(){
opts.AprilFoolEnable = false;
clearInterval(opts.addStyleIntvl);
clearInterval(opts.clearInterval);
$('span.april-fools').contents().unwrap();
}
function addStyleToText(text, className, ratio) {
tokens = text.split(' ');
result = '';
for (var i = 0; i < tokens.length; i++) {
orig_token = tokens[i];
if (tokens[i].trim() === '') {
result += orig_token;
continue;
}
const shouldAddStyle = ratio > Math.random();
if (shouldAddStyle) {
addStyle = '<span class="' + className + '" data-timestamp=' + Date.now() + '>' + tokens[i] + '</span>';
tokens[i] = addStyle;
//tokens[i] = `<span class="${className}" data-timestamp="${Date.now()}">${tokens[i]}</span>`
}
//result += tokens[i];
}
result = tokens.join(' ');
return result;
}
function addStyleToRandomWordsInJQueryObject(jqueryObject, opts) {
if (opts.AprilFoolEnable === false) { return };
cur_time = Date.now()
var objects = [jqueryObject];
while (objects.length > 0) {
const object = objects.pop();
var $object = $(object);
if (object.nodeType === Node.TEXT_NODE) {
if (object.textContent.trim() !== ''){
const result = addStyleToText(object.textContent, opts.className, opts.frequency);
$object.replaceWith(result);
}
}
else {
const contents = $object.contents();
objects = objects.concat(contents.toArray());
}
}
flicker_text(cur_time);
flicker_images();
}
function removeExpiredStyles(opts) {
const spans = $('span.april-fools').filter(function(_, s) {
const timestamp = s.attributes['data-timestamp'].value;
return (Date.now() - timestamp) > opts.expiryThresholdMs;
})
.contents()
.unwrap();
}
function flicker_text(cur_time){
var amount = Math.round(Math.random() * (opts.maxFlicks-opts.minFlicks) + opts.minFlicks);
const spans = $('span.april-fools').filter(function(_, s) {
const timestamp = s.attributes['data-timestamp'].value;
return timestamp > cur_time;
})
if (amount %2 === 1) { amount++}
for(var iter = 0; iter < amount; iter++)
{
spans.toggleClass('april-fools');
sleep = Math.round(Math.random() * 1000)
//await sleep(Math.round(Math.random() * 100));
setTimeout(function() {spans.toggleClass('april-fools');}, sleep )
}
spans.toggleClass('april-fools', true);
}
function flicker_images(){
if (opts.frequency < Math.random()) { return };
var amount = Math.round(Math.random() * (opts.maxFlicks-opts.minFlicks) + opts.minFlicks);
const trigs = $('.AF2020_trig')
const origs = $('.AF2020_orig')
for(var iter = 0; iter < amount; iter++)
{
sleep = Math.round(Math.random() * 1000);
setTimeout(function() {trigs.toggle(); origs.toggle();}, sleep )
}
}
// On/Off switch code==========================
(function($){
"use strict";
if(typeof($.fn.lc_switch) != 'undefined') {return false;} // prevent multiple script inits
$.fn.lc_switch = function(on_text, off_text) {
// destruct
$.fn.lcs_destroy = function() {
$(this).each(function() {
var $wrap = $(this).parents('.lcs_wrap');
$wrap.children().not('input').remove();
$(this).unwrap();
});
return true;
};
// set to ON
$.fn.lcs_on = function() {
$(this).each(function(i, v) {
var $wrap = $(this).parents('.lcs_wrap'),
$input = $wrap.find('input');
// if is already on - skip
if($wrap.find('.lcs_on').length) {
return true;
}
(typeof($.fn.prop) == 'function') ? $input.prop('checked', true) : $input.attr('checked', true);
$input.trigger('lcs-on');
$input.trigger('lcs-statuschange');
$wrap.find('.lcs_switch').removeClass('lcs_off').addClass('lcs_on');
// if radio - disable other ones
if( $wrap.find('.lcs_switch').hasClass('lcs_radio_switch') ) {
var f_name = $input.attr('name');
$wrap.parents('form').find('input[name='+f_name+']').not($input).lcs_off();
}
});
return true;
};
// set to OFF
$.fn.lcs_off = function() {
$(this).each(function() {
var $wrap = $(this).parents('.lcs_wrap'),
$input = $wrap.find('input');
// if is already off - skip
if(!$wrap.find('.lcs_on').length) {
return true;
}
// uncheck
(typeof($.fn.prop) == 'function') ? $input.prop('checked', false) : $input.attr('checked', false);
$input.trigger('lcs-off');
$input.trigger('lcs-statuschange');
$wrap.find('.lcs_switch').removeClass('lcs_on').addClass('lcs_off');
});
return true;
};
// toggle status
$.fn.lcs_toggle = function() {
$(this).each(function() {
// not for radios
if( $(this).hasClass('lcs_radio_switch')) {
return true;
}
($(this).is(':checked')) ? $(this).lcs_off() : $(this).lcs_on();
});
return true;
};
// construct
return this.each(function(){
// check against double init
if( !$(this).parent().hasClass('lcs_wrap') ) {
// default texts
var ckd_on_txt = (typeof(on_text) == 'undefined') ? 'ON' : on_text,
ckd_off_txt = (typeof(off_text) == 'undefined') ? 'OFF' : off_text;
// labels structure
var on_label = (ckd_on_txt) ? '<div class="lcs_label lcs_label_on">'+ ckd_on_txt +'</div>' : '',
off_label = (ckd_off_txt) ? '<div class="lcs_label lcs_label_off">'+ ckd_off_txt +'</div>' : '';
// default states
var disabled = ($(this).is(':disabled')) ? true : false,
active = ($(this).is(':checked')) ? true : false;
var status_classes = '';
status_classes += (active) ? ' lcs_on' : ' lcs_off';
if(disabled) {
status_classes += ' lcs_disabled';
}
// wrap and append
var structure =
'<div class="lcs_switch '+status_classes+'">' +
'<div class="lcs_cursor"></div>' +
on_label + off_label +
'</div>';
if( $(this).is(':input') && ($(this).attr('type') == 'checkbox' || $(this).attr('type') == 'radio') ) {
$(this).wrap('<div class="lcs_wrap"></div>');
$(this).parent().append(structure);
$(this).parent().find('.lcs_switch').addClass('lcs_'+ $(this).attr('type') +'_switch');
}
}
});
};
// handlers
$(document).ready(function() {
// on click
$(document).on('click tap', '.lcs_switch:not(.lcs_disabled)', function(e) {
if( $(this).hasClass('lcs_on') ) {
if( !$(this).hasClass('lcs_radio_switch') ) { // not for radio
$(this).lcs_off();
}
} else {
$(this).lcs_on();
}
});
// on checkbox status change
$(document).on('change', '.lcs_wrap input', function() {
( $(this).is(':checked') ) ? $(this).lcs_on() : $(this).lcs_off();
});
});
})(jQuery);
$(document).ready(function(e) {
$('input').lc_switch("Enabled", "Disabled");
// triggered each time a field is checked
$(document).on('lcs-on', '.lcs_check', function() {
//handle chkSysMineable
if($(this).attr("name") == 'chkAprilFoolEnable') {
opts.AprilFoolEnable = true;
startUpAprilFools();
};
});
// triggered each time a field is unchecked
$(document).on('lcs-off', '.lcs_check', function() {
//handle chkSysMineable
if($(this).attr("name") == 'chkAprilFoolEnable') {
opts.AprilFoolEnable = false;
shutDownAprilFools();
};
});
});
//END April Fools 4/1/2020 Code =======================================
