11 908
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 48: | Linha 48: | ||
} | } | ||
} | } | ||
mw.loader.using('jquery', function () { | |||
$(document).ready(function () { | |||
// Adiciona um botão para ordenar | |||
var $sortButton = $('<div class="sort-button">Ordenar por Shiny Stone</div>'); | |||
$('.square-div-gym').before($sortButton); | |||
// Evento de clique no botão | |||
$sortButton.on('click', function () { | |||
var $container = $('.square-div-gym'); | |||
var $boxes = $container.children('.square-box-gym'); | |||
// 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); | |||
}); | |||
}); | |||
}); | |||