MediaWiki:Common.js

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* Any JavaScript here will be loaded for all users on every page load. */
function loadGoogleFont(fontUrl) {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = fontUrl;
    document.getElementsByTagName('head')[0].appendChild(link);
}

function addRarityClass() {
	/*const rarityColors = {
		"Rare":"#955bff",
		"Ultimate":"#ffbb4d",
		"Transcendent":"#ff7c70"
	}*/
	
	const rarityCells = document.querySelectorAll(".Rarity")
	rarityCells.forEach(cell => {
		if (cell.textContent.includes("Rare")) {
			cell.classList.add("Rare")
		} else if (cell.textContent.includes("Ultimate")) {
			cell.classList.add("Ultimate")
		} else if (cell.textContent.includes("Transcendent")) {
			cell.classList.add("Transcendent")
		}
	})
}
//adding rarity class based on string content for colored rarity display
addRarityClass();


// Load the required Google Fonts
loadGoogleFont('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
loadGoogleFont('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');