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

sem sumário de edição
Sem resumo de edição
Sem resumo de edição
 
(10 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 39: Linha 39:
   });
   });
}
}
/* Pokedex */
var coll3 = document.getElementsByClassName("collapsible-pokedex");
function toggleContent(clickedButton, contentToToggle) {
  var allContents = document.getElementsByClassName("content");
  for (var j = 0; j < allContents.length; j++) {
    allContents[j].style.maxHeight = null;
  }
  var allButtons2 = document.getElementsByClassName("collapsible-pokedex");
  for (var k = 0; k < allButtons2.length; k++) {
    allButtons2[k].classList.remove("active");
  }
  if (contentToToggle.style.maxHeight) {
    contentToToggle.style.maxHeight = null;
  } else {
    contentToToggle.style.maxHeight = contentToToggle.scrollHeight + "px";
  }
  clickedButton.classList.add("active");
}
for (var i = 0; i < coll3.length; i++) {
  coll3[i].addEventListener("click", function() {
    var content = this.nextElementSibling;
    toggleContent(this, content); 
  });
}
/* Pokedex */


function toggleShinyList() {
function toggleShinyList() {
Linha 52: Linha 83:
mw.loader.using('jquery', function () {
mw.loader.using('jquery', function () {
     $(document).ready(function () {
     $(document).ready(function () {
         var $sortButton = $('<div class="sort-button" style="width: 25px; height: 25px; background-image: url(https://wiki.otpokemon.com/images/e/e2/O-d.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 3px;"></div>');
        var isAscending = true;
         $('.square-div-gym').before($sortButton);
         var $sortButton = $('<div class="sort-button" style="width: 60px; height: 50px; background-image: url(https://wiki.otpokemon.com/images/9/92/O-c.png); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 3px; cursor: pointer; float: right; margin-right: 0.5%;margin-top: -50px;"></div>');
         $('.square-div-shiny').before($sortButton);
   


         $sortButton.on('click', function () {
         $sortButton.on('click', function () {
             var $container = $('.square-div-gym');
             var $container = $('.square-div-shiny');
             var $boxes = $container.children('.square-box-gym');
             var $boxes = $container.children('.square-box-shiny');


             $boxes.sort(function (a, b) {
             $boxes.sort(function (a, b) {
                 var numA = parseInt($(a).find('.square-name-gym').text().match(/\d+/)[0], 10);
                 var numA = parseInt($(a).find('.square-name-shiny').text().match(/\d+/)[0], 10);
                 var numB = parseInt($(b).find('.square-name-gym').text().match(/\d+/)[0], 10);
                 var numB = parseInt($(b).find('.square-name-shiny').text().match(/\d+/)[0], 10);
                 return numA - numB;  
 
                 return isAscending ? numA - numB : numB - numA;
             });
             });


             $container.append($boxes);
             $container.append($boxes);
            isAscending = !isAscending;
            var newImage = isAscending
                ? 'https://wiki.otpokemon.com/images/e/e2/O-d.png'
                : 'https://wiki.otpokemon.com/images/9/92/O-c.png';
           
            $sortButton.css('background-image', 'url(' + newImage + ')');
         });
         });
     });
     });
});
});