MediaWiki:Common.js: Difference between revisions

← Older edit

@@ Line 166: / Line 166: @@
 ( function () {
 	var classCategoryQuery = window.matchMedia('(max-width: 899px)');
+	var classCategoryIcons = [
+		{
+			selector: '.wizlords-class-category-accordion-martial',
+			fileName: 'MartialIcon.png'
+		},
+		{
+			selector: '.wizlords-class-category-accordion-arcane',
+			fileName: 'ArcaneIcon.png'
+		},
+		{
+			selector: '.wizlords-class-category-accordion-divine',
+			fileName: 'DivineIcon.png'
+		}
+	];
+	function getClassCategoryAccordionIcon(fileName) {
+		var scriptPath = mw.config.get('wgScriptPath') || '';
+		return $('<img>')
+			.attr('src', scriptPath + '/index.php/Special:FilePath/' + encodeURIComponent(fileName))
+			.attr('alt', '')
+			.attr('loading', 'lazy')
+			.attr('decoding', 'async');
+	}
+	function initialiseClassCategoryAccordionIcons() {
+		classCategoryIcons.forEach(function (category) {
+			$(category.selector).each(function () {
+				var $icon = $(this).find('.wizlords-class-category-accordion-icon').first();
+				if ($icon.length && !$icon.children('img').length) {
+					$icon.empty().append(getClassCategoryAccordionIcon(category.fileName));
+				}
+			});
+		});
+	}
 	function initialiseClassCategoryAccordions() {
+		initialiseClassCategoryAccordionIcons();
 		$('.wizlords-class-category-accordion').each(function () {
 			var $accordion = $(this);
@@ Line 220: / Line 258: @@
 		}
 	});
+}() );
+/* Mobile/tablet race culture cards */
+( function () {
+	var cultureCardQuery = window.matchMedia('(max-width: 899px)');
+	function isMobileCitizenCultureLayout() {
+		return cultureCardQuery.matches && $('body').hasClass('skin-citizen');
+	}
+	function initialiseCultureCards() {
+		var isActive = isMobileCitizenCultureLayout();
+		$('.wizlords-culture-card').each(function () {
+			var $card = $(this);
+			var isOpen = $card.hasClass('is-open');
+			if (isActive) {
+				$card
+					.attr('data-wizlords-mobile-culture-card', '1')
+					.attr('role', 'button')
+					.attr('tabindex', '0')
+					.attr('aria-expanded', isOpen ? 'true' : 'false');
+			} else {
+				$card
+					.removeClass('is-open')
+					.removeAttr('data-wizlords-mobile-culture-card')
+					.removeAttr('role')
+					.removeAttr('tabindex')
+					.removeAttr('aria-expanded');
+			}
+		});
+	}
+	function toggleCultureCard(card) {
+		if (!isMobileCitizenCultureLayout()) {
+			return;
+		}
+		var $card = $(card);
+		var isOpen = $card.hasClass('is-open');
+		$card
+			.toggleClass('is-open', !isOpen)
+			.attr('aria-expanded', isOpen ? 'false' : 'true');
+	}
+	$(initialiseCultureCards);
+	if (cultureCardQuery.addEventListener) {
+		cultureCardQuery.addEventListener('change', initialiseCultureCards);
+	} else if (cultureCardQuery.addListener) {
+		cultureCardQuery.addListener(initialiseCultureCards);
+	}
+	$(document).on('click', '.wizlords-culture-card', function (event) {
+		var isCultureHeaderLink = $(event.target).closest('.wizlords-culture-card-header a, .wizlords-culture-card-title a').length;
+		if (isMobileCitizenCultureLayout() && isCultureHeaderLink) {
+			event.preventDefault();
+			event.stopPropagation();
+			toggleCultureCard(this);
+			return;
+		}
+		if ($(event.target).closest('a').length) {
+			return;
+		}
+		toggleCultureCard(this);
+	});
+	$(document).on('keydown', '.wizlords-culture-card', function (event) {
+		if (event.key === 'Enter' || event.key === ' ') {
+			event.preventDefault();
+			toggleCultureCard(this);
+		}
+	});
+}() );
+/* Responsive race Available Classes lists */
+( function () {
+	function initialiseRaceAvailableClassLists() {
+		$('.wizlords-culture-classes + ul, .wizlords-shared-classes ul').each(function () {
+			var $list = $(this);
+			var itemCount = $list.children('li').length;
+			var $sharedClasses = $list.closest('.wizlords-shared-classes');
+			var isDrakelingList = $sharedClasses
+				.children('.wizlords-shared-classes-title')
+				.first()
+				.text()
+				.indexOf('Drakelings') !== -1;
+			$list
+				.removeClass(function (index, className) {
+					return (className.match(/(^|\s)count-\d+/g) || []).join(' ');
+				})
+				.addClass('wizlords-available-classes-list count-' + itemCount)
+				.toggleClass('is-multicolumn', itemCount > 4)
+				.toggleClass('is-short', itemCount <= 4)
+				.toggleClass('is-drakeling-list', isDrakelingList);
+			$list
+				.closest('.wizlords-culture-card-body, .wizlords-shared-classes')
+				.addClass('wizlords-available-classes');
+		});
+	}
+	$(initialiseRaceAvailableClassLists);
 }() );