MediaWiki:Common.js

Nota: Após publicar, você pode ter que limpar o "cache" do seu navegador para ver as alterações.

• Firefox / Safari: Pressione Shift enquanto clica Recarregar, ou pressione Ctrl-F5 ou Ctrl-R (⌘-R no Mac)
• Google Chrome: Pressione Ctrl-Shift-R (⌘-Shift-R no Mac)
• Edge: Pressione Ctrl enquanto clica Recarregar, ou pressione Ctrl-F5.
• Opera: Pressione Ctrl-F5.

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

/* Fontes Externas */
mw.loader.using('mediawiki.util', function () {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = 'https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@200..800&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap';
    document.head.appendChild(link);
});

/* Logo no quando muda o modo Dark/Light */
document.addEventListener('DOMContentLoaded', () => {
  const logo = document.querySelector('.mw-logo-icon img');
  if (!logo) return;

  function updateLogo() {
    const body = document.body;
    if (body.classList.contains('vector-dark') || body.classList.contains('skin-dark')) {
      logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-dark.png';
    } else {
      logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-light.png';
    }
    logo.style.height = '50px';
    logo.style.width = 'auto';
    logo.style.maxWidth = '100%';
  }

  updateLogo();

  // Observar mudanças na classe do body pra atualizar logo em tempo real
  const observer = new MutationObserver(mutations => {
    mutations.forEach(() => {
      updateLogo();
    });
  });

  observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
});


/* Alterar Texto Logo no Vector 2022 */
$(document).ready(function () {
  const $wordmark = $('.mw-logo-wordmark');
  if ($wordmark.length) {
    $wordmark.html(`WIKI`);
  }
});

/* Esse script seleciona todos os links na barra lateral que começam com http (ou seja, links externos) e adiciona target="_blank", fazendo com que abram em nova aba. */   
$(document).ready(function () {
  // Alvo: links externos na barra lateral
  $('#mw-site-navigation a[href^="http"]').attr('target', '_blank');
});

/* Listar Categorias */
fetch('/api.php?action=query&list=allcategories&aclimit=100&format=json&origin=*')
  .then(res => res.json())
  .then(data => {
    const ul = document.getElementById('categories-list');
    data.query.allcategories.forEach(cat => {
      const li = document.createElement('li');
      const link = document.createElement('a');
      const catName = cat['*'];
      link.href = '/index.php/Category:' + encodeURIComponent(catName);
      link.textContent = catName;
      li.appendChild(link);
      ul.appendChild(li);
    });
  });