MediaWiki:Common.js - Histórico de revisão

Chomray em 14h07min de 26 de novembro de 2024

2024-11-26T14:07:46Z

← Edição anterior		Edição das 14h07min de 26 de novembro de 2024
Linha 1:		Linha 1:
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	// Função ~~que adiciona os~~ emojis à tabela		// Função para adicionar emojis à tabela de contributionscores
	function addEmojisToContributionScores() {		function addEmojisToContributionScores() {
	const table = document.querySelector("table.~~contribscores~~");		const table = document.querySelector("table.contributionscores"); // Seleciona a tabela com a classe "contributionscores"
	if (table) {		if (table) {
	const rows = table.querySelectorAll("tr");		const rows = table.querySelectorAll("tbody tr"); // Seleciona todas as linhas dentro do tbody
	rows.forEach((row, index) => {		rows.forEach((row, index) => {
	~~if (index === 0) return; // Ignora o cabeçalho da tabela~~		const rankCell = row.querySelector("td:first-child"); // Seleciona a primeira célula de cada linha

	const rankCell = row.querySelector("td:first-child"); // Seleciona a célula ~~da classificação~~
	if (rankCell) {		if (rankCell) {
	const rank = parseInt(rankCell.textContent.trim(), 10);		const rank = parseInt(rankCell.textContent.trim(), 10); // Obtém o número da classificação

	// Adiciona emojis com base na classificação		// Adiciona emojis com base na classificação
Linha 25:		Linha 23:
	}		}

	// ~~Observador de mudanças no DOM~~		// Executa a função após carregar a página
	~~const observer = new MutationObserver((mutations) => {~~
	~~mutations.forEach((mutation) => {~~
	~~if (mutation.type === "childList") {~~
	~~addEmojisToContributionScores();~~
	}
	~~});~~
	~~});~~

	~~// Observa o body inteiro por mudanças~~
	~~observer.observe(document.body, {~~
	~~childList: true,~~
	~~subtree: true,~~
	~~});~~

	~~// Aplica os emojis imediatamente caso~~ a ~~tabela já esteja presente~~
	addEmojisToContributionScores();		addEmojisToContributionScores();
	});		});

Chomray em 14h05min de 26 de novembro de 2024

2024-11-26T14:05:26Z

← Edição anterior		Edição das 14h05min de 26 de novembro de 2024
Linha 1:		Linha 1:
	document.addEventListener("DOMContentLoaded", function () {		document.addEventListener("DOMContentLoaded", function () {
	// ~~Seleciona a~~ tabela ~~Contribution Scores, se existir na página~~		// Função que adiciona os emojis à tabela
	const table = document.querySelector("table.contribscores");		function addEmojisToContributionScores() {
	if (table) {		const table = document.querySelector("table.contribscores");
	~~// Seleciona todas as linhas da tabela, exceto o cabeçalho~~		if (table) {
	const rows = table.querySelectorAll("tr");		const rows = table.querySelectorAll("tr");
	rows.forEach((row, index) => {		rows.forEach((row, index) => {
	if (index === 0) return; // Ignora ~~a primeira linha (~~cabeçalho)		if (index === 0) return; // Ignora o cabeçalho da tabela

	~~// Seleciona a primeira célula (classificação)~~		const rankCell = row.querySelector("td:first-child"); // Seleciona a célula da classificação
	const rankCell = row.querySelector("td:first-child");		if (rankCell) {
	if (rankCell) {		const rank = parseInt(rankCell.textContent.trim(), 10);
	const rank = parseInt(rankCell.textContent.trim(), 10);

	// Adiciona emojis com base na classificação		// Adiciona emojis com base na classificação
	if (rank === 1) {		if (rank === 1) {
	rankCell.textContent = "🏆 " + rank;		rankCell.textContent = "🏆 " + rank;
	} else if (rank === 2) {		} else if (rank === 2) {
	rankCell.textContent = "🥈 " + rank;		rankCell.textContent = "🥈 " + rank;
	} else if (rank === 3) {		} else if (rank === 3) {
	rankCell.textContent = "🥉 " + rank;		rankCell.textContent = "🥉 " + rank;
			}
	}		}
			});
			}
			}

			// Observador de mudanças no DOM
			const observer = new MutationObserver((mutations) => {
			mutations.forEach((mutation) => {
			if (mutation.type === "childList") {
			addEmojisToContributionScores();
	}		}
	});		});
	}		});

			// Observa o body inteiro por mudanças
			observer.observe(document.body, {
			childList: true,
			subtree: true,
			});

			// Aplica os emojis imediatamente caso a tabela já esteja presente
			addEmojisToContributionScores();
	});		});

Chomray em 14h03min de 26 de novembro de 2024

2024-11-26T14:03:36Z

← Edição anterior	Edição das 14h03min de 26 de novembro de 2024
Linha 1:	Linha 1:
		document.addEventListener("DOMContentLoaded", function () {
		// Seleciona a tabela Contribution Scores, se existir na página
		const table = document.querySelector("table.contribscores");
		if (table) {
		// Seleciona todas as linhas da tabela, exceto o cabeçalho
		const rows = table.querySelectorAll("tr");
		rows.forEach((row, index) => {
		if (index === 0) return; // Ignora a primeira linha (cabeçalho)

		// Seleciona a primeira célula (classificação)
		const rankCell = row.querySelector("td:first-child");
		if (rankCell) {
		const rank = parseInt(rankCell.textContent.trim(), 10);

		// Adiciona emojis com base na classificação
		if (rank === 1) {
		rankCell.textContent = "🏆 " + rank;
		} else if (rank === 2) {
		rankCell.textContent = "🥈 " + rank;
		} else if (rank === 3) {
		rankCell.textContent = "🥉 " + rank;
		}
		}
		});
		}
		});

Chomray: Limpou toda a página

2024-11-26T14:00:48Z

Limpou toda a página

← Edição anterior		Edição das 14h00min de 26 de novembro de 2024
Linha 1:		Linha 1:
	~~document.addEventListener("DOMContentLoaded", function () {~~
	~~// Selecione as linhas da tabela Contribution Scores~~
	~~const table = document.querySelector("table.contribscores");~~
	~~if (table) {~~
	~~const rows = table.querySelectorAll("tr");~~

	~~// Itera sobre as linhas, começando na primeira linha de dados~~
	~~rows.forEach((row, index) => {~~
	~~if (index === 0) return; // Pule o cabeçalho~~

	~~const rankCell = row.querySelector("td:first-child"); // Primeira célula~~
	~~if (rankCell) {~~
	~~const rank = parseInt(rankCell.textContent.trim(), 10);~~

	~~// Adicione emojis com base na classificação~~
	~~if (rank === 1) rankCell.textContent = "🏆 " + rank;~~
	~~else if (rank === 2) rankCell.textContent = "🥈 " + rank;~~
	~~else if (rank === 3) rankCell.textContent = "🥉 " + rank;~~
	}
	~~});~~
	}
	~~});~~

Chomray em 13h59min de 26 de novembro de 2024

2024-11-26T13:59:49Z

← Edição anterior		Edição das 13h59min de 26 de novembro de 2024
Linha 1:		Linha 1:
	document.addEventListener("DOMContentLoaded", function() {		document.addEventListener("DOMContentLoaded", function () {
	const ~~rows~~ = document.~~querySelectorAll~~("table.contribscores tr");		// Selecione as linhas da tabela Contribution Scores
	rows.forEach(row => {		const table = document.querySelector("table.contribscores");
	row.~~addEventListener~~("~~mouseover~~", () =~~> {~~		if (table) {
	~~row~~.~~style~~.~~backgroundColor~~ = "~~#e6f7ff~~";		const rows = table.querySelectorAll("tr");

			// Itera sobre as linhas, começando na primeira linha de dados
			rows.forEach((row, index) => {
			if (index === 0) return; // Pule o cabeçalho

			const rankCell = row.querySelector("td:first-child"); // Primeira célula
			if (rankCell) {
			const rank = parseInt(rankCell.textContent.trim(), 10);

			// Adicione emojis com base na classificação
			if (rank === 1) rankCell.textContent = "🏆 " + rank;
			else if (rank === 2) rankCell.textContent = "🥈 " + rank;
			else if (rank === 3) rankCell.textContent = "🥉 " + rank;
			}
	});		});
	~~row.addEventListener("mouseout", () => {~~		}
	~~row.style.backgroundColor = "";~~
	~~});~~
	});
	});		});

Chomray em 13h58min de 26 de novembro de 2024

2024-11-26T13:58:44Z

← Edição anterior	Edição das 13h58min de 26 de novembro de 2024
Linha 1:	Linha 1:
		document.addEventListener("DOMContentLoaded", function() {
		const rows = document.querySelectorAll("table.contribscores tr");
		rows.forEach(row => {
		row.addEventListener("mouseover", () => {
		row.style.backgroundColor = "#e6f7ff";
		});
		row.addEventListener("mouseout", () => {
		row.style.backgroundColor = "";
		});
		});
		});

Chomray: Limpou toda a página

2024-11-22T21:59:49Z

Limpou toda a página

← Edição anterior		Edição das 21h59min de 22 de novembro de 2024
Linha 1:		Linha 1:
	~~document.addEventListener('DOMContentLoaded', function () {~~
	~~// Cria o botão de alternância~~
	~~const toggle = document.createElement('button');~~
	~~toggle.innerText = 'Dark Mode';~~
	~~toggle.style.position = 'absolute';~~
	~~toggle.style.top = '10px';~~
	~~toggle.style.right = '10px';~~
	~~toggle.style.background = '#333';~~
	~~toggle.style.color = '#fff';~~
	~~toggle.style.border = '1px solid #444';~~
	~~toggle.style.padding = '5px 10px';~~
	~~toggle.style.cursor = 'pointer';~~
	~~toggle.style.zIndex = '1000'; // Garante que o botão fique visível sobre tudo~~

	~~// Adiciona a funcionalidade de alternância~~
	~~toggle.addEventListener('click', function () {~~
	~~document.body.classList.toggle('dark-mode');~~
	~~if (document.body.classList.contains('dark-mode')) {~~
	~~toggle.innerText = 'Light Mode';~~
	~~} else {~~
	~~toggle.innerText = 'Dark Mode';~~
	}
	~~});~~

	~~// Adiciona o botão no elemento da skin Timeless~~
	~~const timelessToolbar = document.querySelector('.mw-header');~~
	~~if (timelessToolbar) {~~
	~~timelessToolbar.appendChild(toggle);~~
	~~} else {~~
	~~// Caso a skin não seja Timeless, adiciona ao body~~
	~~document.body.appendChild(toggle);~~
	}
	~~});~~

Chomray em 21h09min de 22 de novembro de 2024

2024-11-22T21:09:27Z

← Edição anterior		Edição das 21h09min de 22 de novembro de 2024
Linha 1:		Linha 1:
	document.addEventListener('DOMContentLoaded', function () {		document.addEventListener('DOMContentLoaded', function () {
			// Cria o botão de alternância
	const toggle = document.createElement('button');		const toggle = document.createElement('button');
	toggle.innerText = 'Dark Mode';		toggle.innerText = 'Dark Mode';
	toggle.style.position = '~~fixed~~';		toggle.style.position = 'absolute';
	toggle.style.top = '10px';		toggle.style.top = '10px';
	toggle.style.right = '10px';		toggle.style.right = '10px';
Linha 10:		Linha 11:
	toggle.style.padding = '5px 10px';		toggle.style.padding = '5px 10px';
	toggle.style.cursor = 'pointer';		toggle.style.cursor = 'pointer';
			toggle.style.zIndex = '1000'; // Garante que o botão fique visível sobre tudo

			// Adiciona a funcionalidade de alternância
	toggle.addEventListener('click', function () {		toggle.addEventListener('click', function () {
	document.body.classList.toggle('dark-mode');		document.body.classList.toggle('dark-mode');
Linha 20:		Linha 23:
	});		});

	document.body.appendChild(toggle);		// Adiciona o botão no elemento da skin Timeless
			const timelessToolbar = document.querySelector('.mw-header');
			if (timelessToolbar) {
			timelessToolbar.appendChild(toggle);
			} else {
			// Caso a skin não seja Timeless, adiciona ao body
			document.body.appendChild(toggle);
			}
	});		});

Chomray: Criou página com 'document.addEventListener('DOMContentLoaded', function () { const toggle = document.createElement('button'); toggle.innerText = 'Dark Mode'; toggle.style.position = 'fixed'; toggle.style.top = '10px'; toggle.style.right = '10px'; toggle.style.background = '#333'; toggle.style.color = '#fff'; toggle.style.border = '1px solid #444'; toggle.style.padding = '5px 10px'; toggle.style.cursor = 'pointer'; toggle.addEventListener('clic...'

2024-11-22T21:05:36Z

Criou página com 'document.addEventListener('DOMContentLoaded', function () { const toggle = document.createElement('button'); toggle.innerText = 'Dark Mode'; toggle.style.position = 'fixed'; toggle.style.top = '10px'; toggle.style.right = '10px'; toggle.style.background = '#333'; toggle.style.color = '#fff'; toggle.style.border = '1px solid #444'; toggle.style.padding = '5px 10px'; toggle.style.cursor = 'pointer'; toggle.addEventListener('clic...'

Página nova