Difference between revisions of "MediaWiki:Common.js"

Revision as of 13:53, 8 May 2025

/* Any JavaScript here will be loaded for all users on every page load. */

$(document).ready(function() {
  // Função única para cópia de texto
  $(document).on('click', '.warp-copy', function(e) {
    e.preventDefault();
    var textToCopy = $(this).attr('data-copy');
    
    // Cria elemento temporário para cópia
    var tempInput = document.createElement('textarea');
    tempInput.value = textToCopy;
    document.body.appendChild(tempInput);
    tempInput.select();
    document.execCommand('copy');
    document.body.removeChild(tempInput);
    
    // Adiciona classe para feedback visual
    var $element = $(this);
    $element.addClass('copied');
    setTimeout(function() {
      $element.removeClass('copied');
    }, 2000);
  });

  /* Versão modificada com solução definitiva para os GIFs */
  function initImageCopy() {
    $('.tile-top.tile-image a').each(function() {
      var $link = $(this);
      if (!$link.hasClass('warp-copy')) {
        var npcId = $link.attr('href').replace('#','');
        $link.addClass('warp-copy')
             .attr('data-copy', '@warp ' + npcId)
             .css('cursor', 'pointer');
      }
    });
    
    // Solução definitiva para GIFs - sempre usar container
    $('.tile-top.tile-image img').each(function() {
      var $img = $(this);
      var width = $img.data('width');
      var height = $img.data('height');
      
      if (width || height) {
        // Debug no console
        console.log('Processando imagem:', $img.attr('src'), 
                    'Dimensões originais:', $img[0].naturalWidth, 'x', $img[0].naturalHeight,
                    'Novas dimensões:', width, 'x', height);
        
        // Sempre criar container, independente do tamanho
        if (!$img.parent().hasClass('gif-container')) {
          $img.wrap('<div class="gif-container"></div>');
          var $container = $img.parent('.gif-container');
          
          // Estilos do container
          $container.css({
            'display': 'inline-block',
            'overflow': 'hidden',
            'width': width ? width + 'px' : 'auto',
            'height': height ? height + 'px' : 'auto',
            'line-height': '0',
            'vertical-align': 'middle'
          });
          
          // Estilos da imagem - mantém tamanho original
          $img.css({
            'width': 'auto',
            'height': 'auto',
            'max-width': 'none',
            'max-height': 'none',
            'object-fit': 'none',
            'image-rendering': 'pixelated'
          });
        }
      }
    });
  }

  // Inicializar ao carregar e em atualizações de conteúdo
  initImageCopy();
  if (typeof mw !== 'undefined' && mw.hook) {
    mw.hook('wikipage.content').add(initImageCopy);
  }

  /* Auto-expand sections when clicking anchored links */
  console.log("Inicializando script para expandir seções com links âncora");
  
  // Handle initial page load with hash
  if (window.location.hash) {
    console.log("Página carregada com hash: " + window.location.hash);
    setTimeout(function() {
      expandSectionForAnchor(window.location.hash);
    }, 300);
  }
  
  // Handle clicks on anchor links
  $(document).on('click', 'a[href^="#"]', function(event) {
    var hash = $(this).attr('href');
    console.log("Clique em link âncora: " + hash);
    event.preventDefault();
    
    if (history.pushState) {
      history.pushState(null, null, hash);
    } else {
      location.hash = hash;
    }
    
    expandSectionForAnchor(hash);
  });
  
  function expandSectionForAnchor(hash) {
    console.log("Procurando e expandindo seção para âncora: " + hash);
    var targetElement = $(hash);
    
    if (targetElement.length) {
      console.log("Elemento alvo encontrado");
      
      var collapsibleSections = targetElement.parents('.mw-collapsible.mw-collapsed');
      var directCollapsible = targetElement.closest('.mw-collapsible.mw