Difference between revisions of "MediaWiki:Mobile.js"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Teg
(Created page with "→‎Any JavaScript here will be loaded for users using the mobile site: mw.loader.using('mobile.site.styles')")
 
>Eave
(add coab filters to mobile too)
 
(92 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
/* Any JavaScript here will be loaded for users using the mobile site */
+
/* Any JavaScript here will be loaded for all users on every page load. */
  
−
mw.loader.using('mobile.site.styles')
+
/**
 +
* Countdown
 +
*
 +
* @version 2.1
 +
*
 +
* @author Pecoes <https://c.wikia.com/wiki/User:Pecoes>
 +
* @author Asaba <https://dev.wikia.com/wiki/User:Asaba>
 +
*
 +
* Version 1 authors:
 +
* - Splarka <https://c.wikia.com/wiki/User:Splarka>
 +
* - Eladkse <https://c.wikia.com/wiki/User:Eladkse>
 +
*
 +
* documentation and examples at:
 +
* <https://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, {
 +
// English (English)
 +
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,
 +
SHORT_FORMAT = 2,
 +
NO_ZEROS = 4;
 +
 +
function output (i, diff) {
 +
/*jshint bitwise:false*/
 +
var delta, result, parts = [];
 +
delta = diff % 60;
 +
result = ' ' + i18n[delta === 1 ? 'second' : 'seconds'];
 +
if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
 +
parts.unshift(delta + result);
 +
diff = Math.floor(diff / 60);
 +
delta = diff % 60;
 +
result = ' ' + i18n[delta === 1 ? 'minute' : 'minutes'];
 +
if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
 +
parts.unshift(delta + result);
 +
diff = Math.floor(diff / 60);
 +
delta = diff % 24;
 +
result = ' ' + i18n[delta === 1 ? 'hour'  : 'hours'  ];
 +
if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
 +
parts.unshift(delta + result);
 +
diff = Math.floor(diff / 24);
 +
result = ' ' + i18n[diff  === 1 ? 'day'    : 'days'  ];
 +
if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
 +
parts.unshift(diff  + result);
 +
result = parts.pop();
 +
if (countdowns[i].opts & NO_LEADING_ZEROS) {
 +
while (parts.length && parts[0][0] === '0') {
 +
parts.shift();
 +
}
 +
}
 +
if (countdowns[i].opts & NO_ZEROS) {
 +
parts = parts.filter(function(part) {
 +
return part[0] !== '0';
 +
});
 +
}
 +
if (parts.length) {
 +
if (countdowns[i].opts & SHORT_FORMAT) {
 +
result = parts.join(' ') + ' ' + result;
 +
} else {
 +
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 == 'next') {
 +
c.next().css('display', 'inline');
 +
c.css('display', 'none');
 +
return true;
 +
}
 +
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;
 +
}
 +
if (/short-format/.test(text)) {
 +
opts |= SHORT_FORMAT;
 +
}
 +
if (/no-zeros/.test(text)) {
 +
opts |= NO_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;
 +
            } else if (filterEntry.dataset.key === "availability") {
 +
            var availabilityValues = entry.dataset.availability.replace(/\s/g, '').split(",") || "";
 +
var hasMatchingAvailability = false;
 +
availabilityValues.forEach(function(value) {
 +
if (filterEntry.dataset.value.replace(/\s/g, '').indexOf(value) >= 0) {
 +
hasMatchingAvailability = true;
 +
}
 +
});
 +
                return hasMatchingAvailability;
 +
            } else if (filterEntry.dataset.key === "maxlimitbreak") {
 +
            var maxlimitbreakValues = entry.dataset.maxlimitbreak.replace(/\s/g, '').split(",") || "";
 +
var hasMatchingmaxlimitbreak = false;
 +
maxlimitbreakValues.forEach(function(value) {
 +
if (filterEntry.dataset.value.replace(/\s/g, '').indexOf(value) >= 0) {
 +
hasMatchingmaxlimitbreak = true;
 +
}
 +
});
 +
                return hasMatchingmaxlimitbreak;
 +
            }
 +
           
 +
                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 availabilityFilters = $('.filter-group-availability > .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 coabFilters = $('.filter-group-coab > .mw-ui-button.mw-ui-progressive').toArray();
 +
var chainCoabFilters = $('.filter-group-chaincoab > .mw-ui-button.mw-ui-progressive').toArray();
 +
var characterList = $('.grid-entry');
 +
var maxlimitbreakFilters = $('.filter-group-maxlimitbreak > .mw-ui-button.mw-ui-progressive').toArray();
 +
 
 +
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, availabilityFilters);
 +
filteredList = filter(filteredList, classFilters);
 +
filteredList = filter(filteredList, groupFilters);
 +
filteredList = filter(filteredList, maxlimitbreakFilters);
 +
filteredList = filter(filteredList, coabFilters);
 +
filteredList = filter(filteredList, chainCoabFilters);
 +
console.log(filteredList);
 +
 
 +
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
 +
   
 +
    //OOUI-based tabber
 +
mw.hook( "wikipage.content" ).add( function ($content) {
 +
var $tabberElements = $content.find( ".no-history-tabber" );
 +
if ($tabberElements.length > 0) { //Only load the modules and run the Javascript if there is a fehwiki-tabber in the page.
 +
mw.loader.using("oojs-ui-widgets").then(function() {
 +
var TABBER_HEADER_CLASS = "no-history-tab-header";
 +
var TABBER_HEADER_CLASS_SELECTOR = "."+TABBER_HEADER_CLASS;
 +
var CSS_END_REGEX = /;\s*$/;
 +
 +
var uniqueNumber = 0;
 +
var INDEX_LAYOUT_OPTIONS = {
 +
expanded: false,
 +
autoFocus: false
 +
};
 +
 +
$tabberElements.each( function(_, ele) {
 +
var tabPanelLayouts = [];
 +
var $rootTabberElement;
 +
var indexLayout = new OO.ui.IndexLayout(INDEX_LAYOUT_OPTIONS);
 +
$( ele ).children( TABBER_HEADER_CLASS_SELECTOR ).each( function (_, tabHeaderEle) {
 +
var contents = [];
 +
 +
$( tabHeaderEle ).nextUntil( TABBER_HEADER_CLASS_SELECTOR ).each( function(_, node) {
 +
contents.push(node);
 +
} );
 +
 +
tabPanelLayouts.push(new OO.ui.TabPanelLayout(tabHeaderEle.textContent + uniqueNumber++, {
 +
expanded: false,
 +
label: new OO.ui.HtmlSnippet(tabHeaderEle.innerHTML),
 +
content: contents
 +
}));
 +
} );
 +
                    indexLayout.addTabPanels(tabPanelLayouts);
 +
if ($(ele).attr("data-tab-default") !== undefined) {
 +
    const activeTabIdx = parseInt($(ele).attr("data-tab-default")) - 1;
 +
    if (!isNaN(activeTabIdx) && activeTabIdx >= 0 && activeTabIdx < tabPanelLayouts.length) {
 +
        indexLayout.setTabPanel(tabPanelLayouts[activeTabIdx].name);
 +
    }
 +
}
 +
$rootTabberElement = (new OO.ui.PanelLayout( {
 +
expanded: false,
 +
content: [ indexLayout ]
 +
})).$element;
 +
 +
//If it has one, adds the inline style the fehwiki-tabber div element has to the new tabber element
 +
$rootTabberElement.attr( "style", function(_, attr) {
 +
var s = $( ele ).attr( "style" );
 +
return attr ? s + (CSS_END_REGEX.test(attr) ? "" : ";") + attr : s;
 +
} );
 +
 +
$( ele ).replaceWith( $rootTabberElement );
 +
});
 +
});
 +
}
 +
} );
 +
//End tabber
 +
   
 +
});
 +
 
 +
})(mediaWiki, jQuery);

Latest revision as of 16:05, 8 April 2020

/* Any JavaScript here will be loaded for all users on every page load. */

/**
 * Countdown
 *
 * @version 2.1
 *
 * @author Pecoes <https://c.wikia.com/wiki/User:Pecoes>
 * @author Asaba <https://dev.wikia.com/wiki/User:Asaba>
 *
 * Version 1 authors:
 * - Splarka <https://c.wikia.com/wiki/User:Splarka>
 * - Eladkse <https://c.wikia.com/wiki/User:Eladkse>
 *
 * documentation and examples at:
 * <https://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, {
		// English (English)
		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,
	SHORT_FORMAT = 2,
	NO_ZEROS = 4;
 
	function output (i, diff) {
		/*jshint bitwise:false*/
		var delta, result, parts = [];
		delta = diff % 60;
		result = ' ' + i18n[delta === 1 ? 'second' : 'seconds'];
		if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
		parts.unshift(delta + result);
		diff = Math.floor(diff / 60);
		delta = diff % 60;
		result = ' ' + i18n[delta === 1 ? 'minute' : 'minutes'];
		if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
		parts.unshift(delta + result);
		diff = Math.floor(diff / 60);
		delta = diff % 24;
		result = ' ' + i18n[delta === 1 ? 'hour'   : 'hours'  ];
		if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
		parts.unshift(delta + result);
		diff = Math.floor(diff / 24);
		result = ' ' + i18n[diff  === 1 ? 'day'    : 'days'   ];
		if (countdowns[i].opts & SHORT_FORMAT) result = result.charAt(1);
		parts.unshift(diff  + result);
		result = parts.pop();
		if (countdowns[i].opts & NO_LEADING_ZEROS) {
			while (parts.length && parts[0][0] === '0') {
				parts.shift();
			}
		}
		if (countdowns[i].opts & NO_ZEROS) {
			parts = parts.filter(function(part) {
				return part[0] !== '0';
			});
		}
		if (parts.length) {
			if (countdowns[i].opts & SHORT_FORMAT) {
				result = parts.join(' ') + ' ' + result;
			} else {
				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 == 'next') {
				c.next().css('display', 'inline');
				c.css('display', 'none');
				return true;
			}
			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;
			}
			if (/short-format/.test(text)) {
				opts |= SHORT_FORMAT;
			}
			if (/no-zeros/.test(text)) {
				opts |= NO_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;
	            } else if (filterEntry.dataset.key === "availability") {
	            	var availabilityValues = entry.dataset.availability.replace(/\s/g, '').split(",") || "";
					var hasMatchingAvailability = false;
					availabilityValues.forEach(function(value) {
						if (filterEntry.dataset.value.replace(/\s/g, '').indexOf(value) >= 0)	 {
							hasMatchingAvailability = true;
						}
					});
	                return hasMatchingAvailability;
	            } else if (filterEntry.dataset.key === "maxlimitbreak") {
	            	var maxlimitbreakValues = entry.dataset.maxlimitbreak.replace(/\s/g, '').split(",") || "";
					var hasMatchingmaxlimitbreak = false;
					maxlimitbreakValues.forEach(function(value) {
						if (filterEntry.dataset.value.replace(/\s/g, '').indexOf(value) >= 0)	 {
							hasMatchingmaxlimitbreak = true;
						}
					});
	                return hasMatchingmaxlimitbreak;
	            }
	            
                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 availabilityFilters = $('.filter-group-availability > .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 coabFilters = $('.filter-group-coab > .mw-ui-button.mw-ui-progressive').toArray();
		var chainCoabFilters = $('.filter-group-chaincoab > .mw-ui-button.mw-ui-progressive').toArray();
		var characterList = $('.grid-entry');
		var maxlimitbreakFilters = $('.filter-group-maxlimitbreak > .mw-ui-button.mw-ui-progressive').toArray();

		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, availabilityFilters);
		filteredList = filter(filteredList, classFilters);
		filteredList = filter(filteredList, groupFilters);
		filteredList = filter(filteredList, maxlimitbreakFilters);
		filteredList = filter(filteredList, coabFilters);
		filteredList = filter(filteredList, chainCoabFilters);
		console.log(filteredList);

		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
    
    //OOUI-based tabber
	mw.hook( "wikipage.content" ).add( function ($content) {
		var $tabberElements = $content.find( ".no-history-tabber" );
		if ($tabberElements.length > 0) { //Only load the modules and run the Javascript if there is a fehwiki-tabber in the page.
			mw.loader.using("oojs-ui-widgets").then(function() {
				var TABBER_HEADER_CLASS = "no-history-tab-header";
				var TABBER_HEADER_CLASS_SELECTOR = "."+TABBER_HEADER_CLASS;
				var CSS_END_REGEX = /;\s*$/;
	
				var uniqueNumber = 0;
				var INDEX_LAYOUT_OPTIONS = {
					expanded: false,
					autoFocus: false
				};
	
				$tabberElements.each( function(_, ele) {
					var tabPanelLayouts = [];
					var $rootTabberElement;
					var indexLayout = new OO.ui.IndexLayout(INDEX_LAYOUT_OPTIONS);
					$( ele ).children( TABBER_HEADER_CLASS_SELECTOR ).each( function (_, tabHeaderEle) {
						var contents = [];
	
						$( tabHeaderEle ).nextUntil( TABBER_HEADER_CLASS_SELECTOR ).each( function(_, node) {
							contents.push(node);
						} );
	
						tabPanelLayouts.push(new OO.ui.TabPanelLayout(tabHeaderEle.textContent + uniqueNumber++, {
							expanded: false,
							label: new OO.ui.HtmlSnippet(tabHeaderEle.innerHTML),
							content: contents
						}));
					} );
                    indexLayout.addTabPanels(tabPanelLayouts);
					if ($(ele).attr("data-tab-default") !== undefined) {
					    const activeTabIdx = parseInt($(ele).attr("data-tab-default")) - 1;
					    if (!isNaN(activeTabIdx) && activeTabIdx >= 0 && activeTabIdx < tabPanelLayouts.length) {
					        indexLayout.setTabPanel(tabPanelLayouts[activeTabIdx].name);
					    }
					}
					$rootTabberElement = (new OO.ui.PanelLayout( {
							expanded: false,
							content: [ indexLayout ]
						})).$element;
						
					//If it has one, adds the inline style the fehwiki-tabber div element has to the new tabber element
					$rootTabberElement.attr( "style", function(_, attr) {
						var s = $( ele ).attr( "style" );
						return attr ? s + (CSS_END_REGEX.test(attr) ? "" : ";") + attr : s;
					} );
	
					$( ele ).replaceWith( $rootTabberElement );
				});
			});
		}
	} );
	//End tabber
    
});

})(mediaWiki, jQuery);
Retrieved from "https://dlwiki.cherrymint.live/index.php?title=MediaWiki:Mobile.js&oldid=362226"