Difference between revisions of "MediaWiki:Common.js"

From Dragalia Lost Wiki
Jump to navigation Jump to search
>Maintenance script-gpuser
(Automated Import)
>Eave
(add support for sharedskill filtering)
 
(412 intermediate revisions by 10 users not shown)
Line 1: Line 1:
 
/* Any JavaScript here will be loaded for all users on every page load. */
 
/* Any JavaScript here will be loaded for all users on every page load. */
−
/*****************************************
 
−
/* Front Page 3-column height equalization *
 
−
/*****************************************/
 
−
// Author:  Shawn Bruckner
 
−
// Date:    2013-Sept-21
 
−
// License: CC-BY 3.0
 
−
// Version: beta
 
  
−
var fp = fp || {
+
/**
−
  equalizeColumns : function() {
+
* Countdown
−
    $( '.fpmain' ).each( function () {
+
*
−
      fp.resetSectionBoxHeights( $( this ).find( '.fpsection1, .fpsection2, .fpsection3, .fpsection4' ) );
+
* @version 2.1
−
    } );
+
*
−
    if ( $( window ).width() > 789 && $( window ).width() < 1390 ) {
+
* @author Pecoes <https://c.wikia.com/wiki/User:Pecoes>
−
      $( '.fpmain' ).each( function (index) {
+
* @author Asaba <https://dev.wikia.com/wiki/User:Asaba>
−
        var leftHeight = $( this ).find( '.fpsection1' ).height() + $( this ).find( '.fpsection4' ).height();
+
*
−
        var rightHeight = $( this ).find( '.fpsection2' ).height() + $( this ).find( '.fpsection3' ).height();
+
* Version 1 authors:
−
        var difference = Math.abs( rightHeight - leftHeight );
+
* - Splarka <https://c.wikia.com/wiki/User:Splarka>
−
       
+
* - Eladkse <https://c.wikia.com/wiki/User:Eladkse>
−
        if ( leftHeight < rightHeight ) {
+
*
−
          fp.adjustSectionBoxHeights( difference, $( this ).find( '.fpsection1, .fpsection4' ) );
+
* documentation and examples at:
−
        } else if ( rightHeight < leftHeight ) {
+
* <https://dev.wikia.com/wiki/Countdown>
−
          fp.adjustSectionBoxHeights( difference, $( this ).find( '.fpsection2, .fpsection3' ) );
+
*/
−
        }
+
−
      } );
+
/*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 */
−
    } else if ( $( window ).width() > 1389 ) {
+
/*global mediaWiki:true*/
−
      $( '.fpmain' ).each( function (index) {
+
−
        var leftHeight = $( this ).find( '.fpsection1' ).height() + $( this ).find( '.fpsection4' ).height();
+
/**
−
        var middleHeight = $( this ).find( '.fpsection2' ).height();
+
* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
−
        var rightHeight = $( this ).find( '.fpsection3' ).height();
+
*
−
        var maxHeight = Math.max( leftHeight, middleHeight, rightHeight );
+
* Maintainers: TheDJ (wikipedia)
−
       
+
*/
−
        if ( leftHeight < maxHeight ) {
+
function mwCollapsibleSetup( $collapsibleContent ) {
−
          fp.adjustSectionBoxHeights( maxHeight - leftHeight, $( this ).find( '.fpsection1, .fpsection4' ) );
+
var $element,
−
        }
+
$toggle,
−
        if ( middleHeight < maxHeight ) {
+
autoCollapseThreshold = 2;
−
          fp.adjustSectionBoxHeights( maxHeight - middleHeight, $( this ).find( '.fpsection2' ) );
+
$.each( $collapsibleContent, function ( index, element ) {
−
        }
+
$element = $( element );
−
        if ( rightHeight < maxHeight ) {
+
if ( $element.hasClass( 'collapsible' ) ) {
−
          fp.adjustSectionBoxHeights( maxHeight - rightHeight, $( this ).find( '.fpsection3' ) );
+
$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
−
        }
+
}
−
      } );
+
if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
−
    }
+
$element.data( 'mw-collapsible' ).collapse();
−
  },
+
} else if ( $element.hasClass( 'innercollapse' ) ) {
 +
if ( $element.parents( '.outercollapse' ).length > 0 ) {
 +
$element.data( 'mw-collapsible' ).collapse();
 +
}
 +
}
 +
// because of colored backgrounds, style the link in the text color
 +
// to ensure accessible contrast
 +
$toggle = $element.find( '.mw-collapsible-toggle' );
 +
if ( $toggle.length ) {
 +
// Make the toggle inherit text color
 +
if ( $toggle.parent()[ 0 ].style.color ) {
 +
$toggle.find( 'a' ).css( 'color', 'inherit' );
 +
}
 +
}
 +
} );
 +
}
  
−
   findAdjustableSectionBoxes : function ( sections ) {
+
mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
−
    var boxes = sections.find( '.fpbox.fpgreedy' );
+
 +
/* Previously here */
 +
;(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));
  
−
    if ( boxes.length === 0 ) {
+
// End Countdown
−
      return sections.find( '.fpbox' ).not( '.fpnoresize' );
 
−
    } else {
 
−
      return boxes;
 
−
    }
 
−
  },
 
  
−
  resetSectionBoxHeights : function ( sections ) {
+
;(function(mw, $) {
−
    fp.findAdjustableSectionBoxes( sections ).each( function () {
+
−
      $( this ).height( 'auto' );
+
function filter(list, filter) {
−
    } );
+
if (!filter.length) {
−
  },
+
return list;
 +
}
  
−
  adjustSectionBoxHeights : function ( heightToAdd, sections ) {
+
return list.filter(function(x) {
−
    var boxes, lastBox, remainingHeightToAdd, boxHeightToAdd;
+
var entry = $(list[x]).get(0);       
−
    boxes = fp.findAdjustableSectionBoxes( sections );
+
return filter.find(function(y) {
−
    lastBox = boxes.last();
+
var filterEntry = $(y).get(0);
−
    remainingHeightToAdd = heightToAdd;
+
            if (filterEntry.dataset.key === "ability-filter") {
−
    boxHeightToAdd = Math.floor( heightToAdd / boxes.length );
+
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();
 +
});
 +
});
 +
}
  
−
    boxes.each( function() {
+
function updateFilters() {
−
      if ( this === lastBox.get( 0 ) ) {
+
var elementFilters = $('.filter-group-element > .mw-ui-button.mw-ui-progressive').toArray();
−
        $( this ).height( $( this ).height() + remainingHeightToAdd );
+
var weaponFilters = $('.filter-group-weapon > .mw-ui-button.mw-ui-progressive').toArray();
−
      } else {
+
var rarityFilters = $('.filter-group-rarity > .mw-ui-button.mw-ui-progressive').toArray();
−
        $( this ).height( $( this ).height() + boxHeightToAdd );
+
var availabilityFilters = $('.filter-group-availability > .mw-ui-button.mw-ui-progressive').toArray();
−
        remainingHeightToAdd -= boxHeightToAdd;
+
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 skillFilters = $('.filter-group-skill > .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 maxlimitbreakFilters = $('.filter-group-maxlimitbreak > .mw-ui-button.mw-ui-progressive').toArray();
 +
var sharedSkillFilters = $('.filter-group-sharedskill > .mw-ui-button.mw-ui-progressive').toArray();
 +
var characterList = $('.grid-entry');
  
−
$( document ).ready( fp.equalizeColumns );
+
characterList.each(function() {
−
$( window ).resize( fp.equalizeColumns );
+
this.style.display = 'none';
−
/*********************************************
+
});
−
/* End Front Page column height equalization *
+
 
−
/*********************************************/
+
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, skillFilters);
 +
filteredList = filter(filteredList, coabFilters);
 +
filteredList = filter(filteredList, chainCoabFilters);
 +
filteredList = filter(filteredList, sharedSkillFilters);
 +
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 00:42, 27 June 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*/
 
	/**
	* Add support to mw-collapsible for autocollapse, innercollapse and outercollapse
	*
	* Maintainers: TheDJ (wikipedia)
	*/
	function mwCollapsibleSetup( $collapsibleContent ) {
		var $element,
			$toggle,
			autoCollapseThreshold = 2;
		$.each( $collapsibleContent, function ( index, element ) {
			$element = $( element );
			if ( $element.hasClass( 'collapsible' ) ) {
				$element.find( 'tr:first > th:first' ).prepend( $element.find( 'tr:first > * > .mw-collapsible-toggle' ) );
			}
			if ( $collapsibleContent.length >= autoCollapseThreshold && $element.hasClass( 'autocollapse' ) ) {
				$element.data( 'mw-collapsible' ).collapse();
			} else if ( $element.hasClass( 'innercollapse' ) ) {
				if ( $element.parents( '.outercollapse' ).length > 0 ) {
					$element.data( 'mw-collapsible' ).collapse();
				}
			}
			// because of colored backgrounds, style the link in the text color
			// to ensure accessible contrast
			$toggle = $element.find( '.mw-collapsible-toggle' );
			if ( $toggle.length ) {
				// Make the toggle inherit text color
				if ( $toggle.parent()[ 0 ].style.color ) {
					$toggle.find( 'a' ).css( 'color', 'inherit' );
				}
			}
		} );
	}

	mw.hook( 'wikipage.collapsibleContent' ).add( mwCollapsibleSetup );
	
/* Previously here */ 
;(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 skillFilters = $('.filter-group-skill > .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 maxlimitbreakFilters = $('.filter-group-maxlimitbreak > .mw-ui-button.mw-ui-progressive').toArray();
		var sharedSkillFilters = $('.filter-group-sharedskill > .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, availabilityFilters);
		filteredList = filter(filteredList, classFilters);
		filteredList = filter(filteredList, groupFilters);
		filteredList = filter(filteredList, maxlimitbreakFilters);
		filteredList = filter(filteredList, skillFilters);
		filteredList = filter(filteredList, coabFilters);
		filteredList = filter(filteredList, chainCoabFilters);
		filteredList = filter(filteredList, sharedSkillFilters);
		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:Common.js&oldid=390853"