MediaWiki:Common.js: Difference between revisions

← Older edit Newer 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);