MediaWiki:Common.js: mudanças entre as edições

De Cronicas Eternas Wiki
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...'
 
Sem resumo de edição
 
(7 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
document.addEventListener('DOMContentLoaded', function () {
document.addEventListener("DOMContentLoaded", function () {
     const toggle = document.createElement('button');
     // Função para adicionar emojis à tabela de contributionscores
    toggle.innerText = 'Dark Mode';
    function addEmojisToContributionScores() {
    toggle.style.position = 'fixed';
        const table = document.querySelector("table.contributionscores"); // Seleciona a tabela com a classe "contributionscores"
    toggle.style.top = '10px';
        if (table) {
    toggle.style.right = '10px';
            const rows = table.querySelectorAll("tbody tr"); // Seleciona todas as linhas dentro do tbody
    toggle.style.background = '#333';
            rows.forEach((row, index) => {
    toggle.style.color = '#fff';
                const rankCell = row.querySelector("td:first-child"); // Seleciona a primeira célula de cada linha
    toggle.style.border = '1px solid #444';
                if (rankCell) {
    toggle.style.padding = '5px 10px';
                    const rank = parseInt(rankCell.textContent.trim(), 10); // Obtém o número da classificação
    toggle.style.cursor = 'pointer';


    toggle.addEventListener('click', function () {
                    // Adiciona emojis com base na classificação
        document.body.classList.toggle('dark-mode');
                    if (rank === 1) {
        if (document.body.classList.contains('dark-mode')) {
                        rankCell.textContent = "🏆 " + rank;
            toggle.innerText = 'Light Mode';
                    } else if (rank === 2) {
        } else {
                        rankCell.textContent = "🥈 " + rank;
            toggle.innerText = 'Dark Mode';
                    } else if (rank === 3) {
                        rankCell.textContent = "🥉 " + rank;
                    }
                }
            });
         }
         }
     });
     }


     document.body.appendChild(toggle);
     // Executa a função após carregar a página
    addEmojisToContributionScores();
});
});

Edição atual tal como às 14h07min de 26 de novembro de 2024

document.addEventListener("DOMContentLoaded", function () {
    // Função para adicionar emojis à tabela de contributionscores
    function addEmojisToContributionScores() {
        const table = document.querySelector("table.contributionscores"); // Seleciona a tabela com a classe "contributionscores"
        if (table) {
            const rows = table.querySelectorAll("tbody tr"); // Seleciona todas as linhas dentro do tbody
            rows.forEach((row, index) => {
                const rankCell = row.querySelector("td:first-child"); // Seleciona a primeira célula de cada linha
                if (rankCell) {
                    const rank = parseInt(rankCell.textContent.trim(), 10); // Obtém o número da classificação

                    // 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;
                    }
                }
            });
        }
    }

    // Executa a função após carregar a página
    addEmojisToContributionScores();
});