Difference between revisions of "MediaWiki:Common.js"

From XilePK - Ragnarok Online Server
Jump to navigation Jump to search
Line 1: Line 1:
/* Any JavaScript here will be loaded for all users on every page load. */
+
/* Função melhorada para a funcionalidade de cópia */
 +
function initImageCopy() {
 +
  // Adiciona a funcionalidade warp-copy para links de imagem
 +
  $('.tile-top.tile-image a').each(function() {
 +
    var $link = $(this);
 +
    if (!$link.hasClass('warp-copy')) {
 +
      var href = $link.attr('href') || '';
 +
      var npcId = href.replace('#','');
 +
      if (npcId) {
 +
        $link.addClass('warp-copy')
 +
            .attr('data-copy', '@warp ' + npcId)
 +
            .css('cursor', 'pointer');
 +
       
 +
        // Adiciona eventos de click específicos para garantir o feedback visual
 +
        $link.off('click').on('click', function(e) {
 +
          e.preventDefault();
 +
          e.stopPropagation();
 +
         
 +
          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');
 +
          console.log("Texto copiado da imagem: " + textToCopy);
 +
         
 +
          // Remove a classe após 2 segundos
 +
          setTimeout(function() {
 +
            $element.removeClass('copied');
 +
          }, 2000);
 +
         
 +
          return false;
 +
        });
 +
      }
 +
    }
 +
  });
 +
}
  
 +
// Remova o evento de click genérico para .warp-copy e use eventos específicos
 
$(document).ready(function() {
 
$(document).ready(function() {
   // Função única para cópia de texto
+
   // Função para texto
   $(document).on('click', '.warp-copy', function(e) {
+
   $(document).on('click', '.warp-copy:not(.tile-top.tile-image a)', function(e) {
 
     e.preventDefault();
 
     e.preventDefault();
 
     var textToCopy = $(this).attr('data-copy');
 
     var textToCopy = $(this).attr('data-copy');
Line 18: Line 62:
 
     var $element = $(this);
 
     var $element = $(this);
 
     $element.addClass('copied');
 
     $element.addClass('copied');
 +
    console.log("Texto copiado do texto: " + textToCopy);
 +
   
 
     setTimeout(function() {
 
     setTimeout(function() {
 
       $element.removeClass('copied');
 
       $element.removeClass('copied');
 
     }, 2000);
 
     }, 2000);
 
   });
 
   });
 
  // Adicionar funcionalidade às imagens dos NPCs
 
  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');
 
      }
 
    });
 
  }
 
 
  // Função corrigida para aplicar larguras e alturas aos containers, não às imagens
 
  function fixNpcContainerWidths() {
 
    $('.contents-equipment.tile-halves').each(function() {
 
      var $container = $(this);
 
      var width = $container.data('width');
 
     
 
      if (width && width > 0) {
 
        $container.css({
 
          '--container-width': width + 'px'
 
        });
 
      }
 
    });
 
   
 
    // Aplicar altura aos containers de imagem, não às próprias imagens
 
    $('.tile-top.tile-image').each(function() {
 
      var $imageContainer = $(this);
 
      var height = $imageContainer.css('--image-height');
 
     
 
      if (height && height !== 'auto') {
 
        $imageContainer.css('height', height);
 
      }
 
    });
 
  }
 
 
  // Inicializar funções ao carregar e em atualizações de conteúdo
 
  initImageCopy();
 
  fixNpcContainerWidths();
 
 
 
  if (typeof mw !== 'undefined' && mw.hook) {
 
    mw.hook('wikipage.content').add(function() {
 
      initImageCopy();
 
      fixNpcContainerWidths();
 
    });
 
  }
 
 
  /* 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
+
   // Inicializa a funcionalidade para imagens
  $(document).on('click', 'a[href^="#"]', function(event) {
+
   setTimeout(function() {
    var hash = $(this).attr('href');
+
     initImageCopy();
    console.log("Clique em link âncora: " + hash);
+
   }, 300);
    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-collapsed');
 
     
 
      if (directCollapsible.length) {
 
        collapsibleSections = collapsibleSections.add(directCollapsible);
 
      }
 
     
 
      console.log("Seções colapsáveis encontradas: " + collapsibleSections.length);
 
     
 
      if (collapsibleSections.length > 0) {
 
        collapsibleSections.each(function() {
 
          var section = $(this);
 
          console.log("Expandindo seção colapsável");
 
         
 
          section.removeClass('mw-collapsed');
 
          var toggleButton = section.find('.mw-collapsible-toggle').first();
 
          if (toggleButton.length) {
 
            console.log("Clicando no botão de expansão");
 
            toggleButton.click();
 
          }
 
         
 
          if (section.hasClass('wikitable')) {
 
            console.log("Expandindo tabela wikitable");
 
            section.find('tr:not(:first-child)').show();
 
          }
 
         
 
          section.find('.mw-collapsible-content').show();
 
        });
 
       
 
        setTimeout(function() {
 
          scrollToTarget(targetElement);
 
        }, 400);
 
      } else {
 
        scrollToTarget(targetElement);
 
      }
 
     } else {
 
      console.log("Elemento alvo não encontrado para hash: " + hash);
 
    }
 
   }
 
 
 
  function scrollToTarget(element) {
 
    console.log("Rolando até o elemento alvo");
 
    $('html, body').animate({
 
      scrollTop: element.offset().top - 100
 
    }, 200);
 
  }
 
 
    
 
    
 +
  // Reinicializa ao atualizar conteúdo wiki
 
   if (typeof mw !== 'undefined' && mw.hook) {
 
   if (typeof mw !== 'undefined' && mw.hook) {
 
     mw.hook('wikipage.content').add(function() {
 
     mw.hook('wikipage.content').add(function() {
       console.log("Conteúdo da wiki atualizado");
+
       setTimeout(function() {
      if (window.location.hash) {
+
        initImageCopy();
        setTimeout(function() {
+
      }, 300);
          expandSectionForAnchor(window.location.hash);
 
        }, 300);
 
      }
 
 
     });
 
     });
 
   }
 
   }
 
});
 
});

Revision as of 15:57, 9 May 2025

/* Função melhorada para a funcionalidade de cópia */
function initImageCopy() {
  // Adiciona a funcionalidade warp-copy para links de imagem
  $('.tile-top.tile-image a').each(function() {
    var $link = $(this);
    if (!$link.hasClass('warp-copy')) {
      var href = $link.attr('href') || '';
      var npcId = href.replace('#','');
      if (npcId) {
        $link.addClass('warp-copy')
             .attr('data-copy', '@warp ' + npcId)
             .css('cursor', 'pointer');
        
        // Adiciona eventos de click específicos para garantir o feedback visual
        $link.off('click').on('click', function(e) {
          e.preventDefault();
          e.stopPropagation();
          
          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');
          console.log("Texto copiado da imagem: " + textToCopy);
          
          // Remove a classe após 2 segundos
          setTimeout(function() {
            $element.removeClass('copied');
          }, 2000);
          
          return false;
        });
      }
    }
  });
}

// Remova o evento de click genérico para .warp-copy e use eventos específicos
$(document).ready(function() {
  // Função para texto
  $(document).on('click', '.warp-copy:not(.tile-top.tile-image a)', 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');
    console.log("Texto copiado do texto: " + textToCopy);
    
    setTimeout(function() {
      $element.removeClass('copied');
    }, 2000);
  });
  
  // Inicializa a funcionalidade para imagens
  setTimeout(function() {
    initImageCopy();
  }, 300);
  
  // Reinicializa ao atualizar conteúdo wiki
  if (typeof mw !== 'undefined' && mw.hook) {
    mw.hook('wikipage.content').add(function() {
      setTimeout(function() {
        initImageCopy();
      }, 300);
    });
  }
});