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

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 58: Linha 58:




document.getElementById("sortButton").addEventListener("click", function() {
mw.loader.using('jquery', function () {
         const container = document.getElementById("gymContainer");
    $(document).ready(function () {
         const boxes = Array.from(container.getElementsByClassName("square-box-gym"));
         // Adiciona um botão para ordenar
        var $sortButton = $('<div class="sort-button">Ordenar por Shiny Stone</div>');
         $('.square-div-gym').before($sortButton);


         boxes.sort((a, b) => {
         // Evento de clique no botão
             const textA = a.querySelector(".square-name-gym").textContent;
        $sortButton.on('click', function () {
             const textB = b.querySelector(".square-name-gym").textContent;
             var $container = $('.square-div-gym');
           
             var $boxes = $container.children('.square-box-gym');
            const numA = parseInt(textA.match(/\d+/)[0]);
            const numB = parseInt(textB.match(/\d+/)[0]);


             return numA - numB;
             // Ordenar os elementos com base no número de Shiny Stones
            $boxes.sort(function (a, b) {
                var numA = parseInt($(a).find('.square-name-gym').text().match(/\d+/)[0], 10);
                var numB = parseInt($(b).find('.square-name-gym').text().match(/\d+/)[0], 10);
                return numA - numB; // Ordem crescente
            });
 
            // Reorganizar no DOM
            $container.append($boxes);
         });
         });
        boxes.forEach(box => container.appendChild(box));
     });
     });
});

Menu de navegação