Mudanças entre as edições de "MediaWiki:Common.js"

Edição das 23h52min de 26 de setembro de 2025

/* Códigos JavaScript aqui colocados serão carregados por todos aqueles que acessarem alguma página deste wiki */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* FastCCI botão - PERSONALIZADO                                               */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

document.addEventListener("DOMContentLoaded", function () {
  const pageTitle = mw.config.get('wgPageName'); // Obtém o nome da página atual
  const targetPage = "Usuário:Imperador_Crow"; // Nome da sua página de usuário

  if (pageTitle !== targetPage) return; // Verifica se a página atual é a desejada

  const title = document.querySelector("#firstHeading");
  if (!title) return;

  const container = document.createElement("div");
  container.className = "fastcci-buttonset";
  container.style.display = "inline-block";
  container.style.marginLeft = "10px";

  container.innerHTML = `
    <button title="Featured pictures, Featured videos, Quality images, Valued images" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left">
      <img src="//upload.wikimedia.org/wikipedia/commons/thumb/d/d7/Valued_image_seal.svg/24px-Valued_image_seal.svg.png">
      <img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8c/Quality_images_logo.svg/24px-Quality_images_logo.svg.png">
      <img src="//upload.wikimedia.org/wikipedia/commons/thumb/a/a5/FV_invert_logo.png/24px-FV_invert_logo.png">
      <img src="//upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Cscr-featured.svg/24px-Cscr-featured.svg.png">
      Good pictures
    </button>
    <button class="ui-button ui-widget ui-state-default ui-button-icon-only ui-corner-right" title="Advanced...">Advanced...</button>
  `;

  title.appendChild(container);
});


<script>
document.addEventListener("DOMContentLoaded", function () {
  const toggleButton = document.querySelector(".ui-button-icon-only");
  const menu = document.querySelector(".fastcci-menu");

  if (toggleButton && menu) {
    toggleButton.addEventListener("click", function (e) {
      e.preventDefault();
      menu.style.display = (menu.style.display === "block") ? "none" : "block";
    });

    // Fecha o menu se clicar fora
    document.addEventListener("click", function (e) {
      if (!menu.contains(e.target) && !toggleButton.contains(e.target)) {
        menu.style.display = "none";
      }
    });
  }
});
</script>