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

Edição das 16h53min de 2 de julho de 2025

/* 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() {
    if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
      logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-dark.png';
      logo.style.height = '50px'; // mantém o tamanho que você quer
      logo.style.width = 'auto';
      logo.style.maxWidth = '100%';
    } else {
      logo.src = 'https://wiki.cinelinux.com/images/cinelinux-icon-light.png'; // sua versão light aqui
      logo.style.height = '50px';
      logo.style.width = 'auto';
      logo.style.maxWidth = '100%';
    }
  }

  updateLogo();

  // Ouve mudanças no modo dark/light e atualiza logo na hora
  window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateLogo);
});

/* 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);
    });
  });