Difference between revisions of "MediaWiki:Common.js"
Jump to navigation
Jump to search
(22 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | /* | + | /* Any JavaScript here will be loaded for all users on every page load. */ |
− | $(function() { | + | |
− | // Função | + | $(document).ready(function() { |
− | function | + | // Função única para cópia de texto |
− | // | + | $(document).on('click', '.warp-copy', function(e) { |
− | + | e.preventDefault(); | |
− | var | + | 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); | ||
+ | }); | ||
+ | |||
+ | // 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'); | ||
+ | } | ||
+ | }); | ||
− | // | + | // Aplicar tamanhos personalizados para imagens |
− | $( | + | $('.tile-top.tile-image img').each(function() { |
− | var | + | var $img = $(this); |
− | + | var width = $img.data('width') || $img.attr('width'); | |
− | + | var height = $img.data('height') || $img.attr('height'); | |
+ | |||
+ | if (width || height) { | ||
+ | $img.addClass('custom-size'); | ||
+ | if (width) { | ||
+ | $img.css('--custom-width', width + 'px'); | ||
+ | } | ||
+ | if (height) { | ||
+ | $img.css('--custom-height', height + 'px'); | ||
+ | } | ||
+ | } | ||
}); | }); | ||
+ | } | ||
+ | |||
+ | // 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 |
− | function | + | $(document).on('click', 'a[href^="#"]', function(event) { |
− | + | var hash = $(this).attr('href'); | |
− | + | console.log("Clique em link âncora: " + hash); | |
− | hash = hash | + | event.preventDefault(); |
+ | |||
+ | if (history.pushState) { | ||
+ | history.pushState(null, null, hash); | ||
+ | } else { | ||
+ | location.hash = hash; | ||
} | } | ||
− | console.log("Procurando | + | expandSectionForAnchor(hash); |
+ | }); | ||
+ | |||
+ | function expandSectionForAnchor(hash) { | ||
+ | console.log("Procurando e expandindo seção para âncora: " + hash); | ||
+ | var targetElement = $(hash); | ||
− | |||
− | |||
if (targetElement.length) { | if (targetElement.length) { | ||
− | console.log("Elemento encontrado | + | console.log("Elemento alvo encontrado"); |
− | |||
var collapsibleSections = targetElement.parents('.mw-collapsible.mw-collapsed'); | 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); | console.log("Seções colapsáveis encontradas: " + collapsibleSections.length); | ||
− | |||
if (collapsibleSections.length > 0) { | if (collapsibleSections.length > 0) { | ||
− | |||
collapsibleSections.each(function() { | collapsibleSections.each(function() { | ||
− | var | + | var section = $(this); |
− | console.log("Expandindo seção"); | + | 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 { | } else { | ||
− | console.log("Elemento | + | 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); | ||
+ | } | ||
+ | |||
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 | + | console.log("Conteúdo da wiki atualizado"); |
− | |||
− | |||
− | |||
if (window.location.hash) { | if (window.location.hash) { | ||
− | expandSectionForAnchor(window.location.hash); | + | setTimeout(function() { |
+ | expandSectionForAnchor(window.location.hash); | ||
+ | }, 300); | ||
} | } | ||
}); | }); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
}); | }); |
Latest revision as of 02:07, 6 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); }); // 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'); } }); // Aplicar tamanhos personalizados para imagens $('.tile-top.tile-image img').each(function() { var $img = $(this); var width = $img.data('width') || $img.attr('width'); var height = $img.data('height') || $img.attr('height'); if (width || height) { $img.addClass('custom-size'); if (width) { $img.css('--custom-width', width + 'px'); } if (height) { $img.css('--custom-height', height + 'px'); } } }); } // 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-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); } if (typeof mw !== 'undefined' && mw.hook) { mw.hook('wikipage.content').add(function() { console.log("Conteúdo da wiki atualizado"); if (window.location.hash) { setTimeout(function() { expandSectionForAnchor(window.location.hash); }, 300); } }); } });