MediaWiki:Mobile.js
Revision as of 16:49, 23 January 2019 by imported>Elaeagnifolia
CSS and Javascript changes must comply with the wiki design rules.
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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
/* Any JavaScript here will be loaded for all users on every page load. */
/**
* Countdown
*
* @version 2.1
*
* @author Pecoes <http://c.wikia.com/wiki/User:Pecoes>
* @author Asaba <http://dev.wikia.com/wiki/User:Asaba>
*
* Version 1 authors:
* - Splarka <http://c.wikia.com/wiki/User:Splarka>
* - Eladkse <http://c.wikia.com/wiki/User:Eladkse>
*
* documentation and examples at:
* <http://dev.wikia.com/wiki/Countdown>
*/
/*jshint jquery:true, browser:true, devel:true, camelcase:true, curly:false, undef:true, bitwise:true, eqeqeq:true, forin:true, immed:true, latedef:true, newcap:true, noarg:true, unused:true, regexp:true, strict:true, trailing:false */
/*global mediaWiki:true*/
;(function (module, mw, $, undefined) {
'use strict';
var translations = $.extend(true, {
en: {
and: 'and',
second: 'second',
seconds: 'seconds',
minute: 'minute',
minutes: 'minutes',
hour: 'hour',
hours: 'hours',
day: 'day',
days: 'days'
}
}, module.translations || {}),
i18n = translations[
mw.config.get('wgContentLanguage')
] || translations.en;
var countdowns = [];
var NO_LEADING_ZEROS = 1;
function output (i, diff) {
/*jshint bitwise:false*/
var delta, result, parts = [];
delta = diff % 60;
parts.unshift(delta + ' ' + i18n[delta === 1 ? 'second' : 'seconds']);
diff = Math.floor(diff / 60);
delta = diff % 60;
parts.unshift(delta + ' ' + i18n[delta === 1 ? 'minute' : 'minutes']);
diff = Math.floor(diff / 60);
delta = diff % 24;
parts.unshift(delta + ' ' + i18n[delta === 1 ? 'hour' : 'hours' ]);
diff = Math.floor(diff / 24);
parts.unshift(diff + ' ' + i18n[diff === 1 ? 'day' : 'days' ]);
result = parts.pop();
if (countdowns[i].opts & NO_LEADING_ZEROS) {
while (parts.length && parts[0][0] === '0') {
parts.shift();
}
}
if (parts.length) {
result = parts.join(', ') + ' ' + i18n.and + ' ' + result;
}
countdowns[i].node.text(result);
}
function end(i) {
var c = countdowns[i].node.parent();
switch (c.attr('data-end')) {
case 'remove':
c.remove();
return true;
case 'stop':
output(i, 0);
return true;
case 'toggle':
var toggle = c.attr('data-toggle');
if (toggle && $(toggle).length) {
$(toggle).css('display', 'inline');
c.css('display', 'none');
return true;
}
break;
case 'callback':
var callback = c.attr('data-callback');
if (callback && $.isFunction(module[callback])) {
output(i, 0);
module[callback].call(c);
return true;
}
break;
}
countdowns[i].countup = true;
output(i, 0);
return false;
}
function update () {
var now = Date.now();
var countdownsToRemove = [];
$.each(countdowns.slice(0), function (i, countdown) {
var diff = Math.floor((countdown.date - now) / 1000);
if (diff <= 0 && !countdown.countup) {
if (end(i)) countdownsToRemove.push(i);
} else {
output(i, Math.abs(diff));
}
});
var x;
while((x = countdownsToRemove.pop()) !== undefined) {
countdowns.splice(x, 1);
}
if (countdowns.length) {
window.setTimeout(function () {
update();
}, 1000);
}
}
function getOptions (node) {
/*jshint bitwise:false*/
var text = node.parent().attr('data-options'),
opts = 0;
if (text) {
if (/no-leading-zeros/.test(text)) {
opts |= NO_LEADING_ZEROS;
}
}
return opts;
}
function init() {
var countdown = $('.countdown:not(.handled)');
if (!countdown.length) return;
$('.nocountdown').css('display', 'none');
countdown
.css('display', 'inline')
.find('.countdowndate')
.each(function () {
var $this = $(this),
date = (new Date($this.text())).valueOf();
if (isNaN(date)) {
$this.text('BAD DATE');
return;
}
countdowns.push({
node: $this,
opts: getOptions($this),
date: date,
});
});
countdown.addClass('handled');
if (countdowns.length) {
update();
}
}
mw.hook('wikipage.content').add(init);
}(window.countdownTimer = window.countdownTimer || {}, mediaWiki, jQuery));
// End Countdown
;(function(mw, $) {
function filter(list, filter) {
if (!filter.length) {
return list;
}
return list.filter(function(x) {
var entry = $(list[x]).get(0);
return filter.find(function(y) {
var filterEntry = $(y).get(0);
if (filterEntry.dataset.key === "ability-filter") {
var abilityFilterValues = entry.dataset.abilityFilter.replace(/\s/g, '').split(",") || "";
var hasMatchingAbility = false;
abilityFilterValues.forEach(function(value) {
if (filterEntry.dataset.value.indexOf(value) >= 0) {
hasMatchingAbility = true;
}
});
return hasMatchingAbility;
}
return String(filterEntry.dataset.value).toLowerCase() === String(entry.dataset[filterEntry.dataset.key]).toLowerCase();
});
});
}
function updateFilters() {
var elementFilters = $('.filter-group-element > .mw-ui-button.mw-ui-progressive').toArray();
var weaponFilters = $('.filter-group-weapon > .mw-ui-button.mw-ui-progressive').toArray();
var rarityFilters = $('.filter-group-rarity > .mw-ui-button.mw-ui-progressive').toArray();
var classFilters = $('.filter-group-class > .mw-ui-button.mw-ui-progressive').toArray();
var groupFilters = $('.filter-group-group > .mw-ui-button.mw-ui-progressive').toArray();
var characterList = $('.grid-entry');
characterList.each(function() {
this.style.display = 'none';
});
var filteredList = characterList;
filteredList = filter(filteredList, elementFilters);
filteredList = filter(filteredList, weaponFilters);
filteredList = filter(filteredList, rarityFilters);
filteredList = filter(filteredList, classFilters);
filteredList = filter(filteredList, groupFilters);
filteredList.each(function() {
this.style.display = '';
});
}
$(document).ready(function() {
$('.character-filters label').on('click', function(event) {
$(event.target).toggleClass('mw-ui-progressive');
updateFilters();
});
$(".event-dialogue > p").each(function() {
var wrapper = $('<div style="display: flex; align-items: flex-start;margin-top: 10px;margin-bottom: 10px;"></div>')
var text = $(this).text().trim();
var img = $(this).find("a:first-child");
var imgWrapper = $('<div style="padding-right: 10px"></div>');
var textWrapper = $('<div style="flex-grow: 1"></div>');
textWrapper.text(text);
imgWrapper.append(img);
wrapper.append(imgWrapper);
wrapper.append(textWrapper);
$(this).parent().append(wrapper);
$(this).remove();
});
//start of font size toggle for story
$("#smallText").click(function() {
$(".event-dialogue").css("font-size", "0.875em");
});
$("#mediumText").click(function() {
$(".event-dialogue").css("font-size", "1.125em");
});
$("#largeText").click(function() {
$(".event-dialogue").css("font-size", "1.875em");
});
//end of font size toggle for story
});
})(mediaWiki, jQuery);