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

De Cronicas Eternas Wiki
Sem resumo de edição
Sem resumo de edição
 
(6 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 () {
     // Cria o botão de alternância
     // Função para adicionar emojis à tabela de contributionscores
     const toggle = document.createElement('button');
     function addEmojisToContributionScores() {
    toggle.innerText = 'Dark Mode';
        const table = document.querySelector("table.contributionscores"); // Seleciona a tabela com a classe "contributionscores"
    toggle.style.position = 'absolute';
        if (table) {
    toggle.style.top = '10px';
            const rows = table.querySelectorAll("tbody tr"); // Seleciona todas as linhas dentro do tbody
    toggle.style.right = '10px';
            rows.forEach((row, index) => {
    toggle.style.background = '#333';
                const rankCell = row.querySelector("td:first-child"); // Seleciona a primeira célula de cada linha
    toggle.style.color = '#fff';
                if (rankCell) {
    toggle.style.border = '1px solid #444';
                    const rank = parseInt(rankCell.textContent.trim(), 10); // Obtém o número da classificação
    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
                    // Adiciona emojis com base na classificação
    toggle.addEventListener('click', function () {
                    if (rank === 1) {
        document.body.classList.toggle('dark-mode');
                        rankCell.textContent = "🏆 " + rank;
        if (document.body.classList.contains('dark-mode')) {
                    } else if (rank === 2) {
            toggle.innerText = 'Light Mode';
                        rankCell.textContent = "🥈 " + rank;
        } else {
                    } else if (rank === 3) {
            toggle.innerText = 'Dark Mode';
                        rankCell.textContent = "🥉 " + rank;
                    }
                }
            });
         }
         }
     });
     }


     // Adiciona o botão no elemento da skin Timeless
     // Executa a função após carregar a página
    const timelessToolbar = document.querySelector('.mw-header');
     addEmojisToContributionScores();
    if (timelessToolbar) {
        timelessToolbar.appendChild(toggle);
     } else {
        // Caso a skin não seja Timeless, adiciona ao body
        document.body.appendChild(toggle);
    }
});
});

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