MediaWiki:Common.js: Difference between revisions
No edit summary |
No edit summary |
||
| (23 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. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
/** | |||
/* Forçar links de "Buy Now" a abrir em novo separador */ | |||
$(document).ready(function() { | |||
$('.button-buy-now a').attr('target', '_blank').attr('rel', 'noopener'); | |||
}); | |||
$(document).ready(function() { | |||
var footerLinks = document.getElementById('footer-places'); | |||
if (footerLinks && !document.getElementById('footer-custom-buttons-container')) { | |||
var container = document.createElement('li'); | |||
container.id = 'footer-custom-buttons-container'; | |||
container.style.display = 'flex'; | |||
container.style.gap = '10px'; | |||
container.style.alignItems = 'center'; | |||
// Botão de Topo (Seta) | |||
var topBtn = '<a href="#" class="footer-top-button" title="Voltar ao topo">' + | |||
'<span class="material-symbols-outlined">arrow_upward</span></a>'; | |||
// Teu botão atual da Atronia | |||
var siteBtn = '<a href="https://atronia.eu" class="footer-button-atronia-real" target="_blank" rel="noopener">atronia.eu</a>'; | |||
container.innerHTML = topBtn + siteBtn; | |||
footerLinks.appendChild(container); | |||
// Função para scroll suave ao clicar na seta | |||
$('.footer-top-button').click(function(e) { | |||
e.preventDefault(); | |||
$('html, body').animate({scrollTop: 0}, 'slow'); | |||
}); | |||
} | |||
}); | |||
/*** GOOGLE ANALYTICS Injeção correta de script externo para evitar o erro de "Parse error" ***/ | |||
var gaScript = document.createElement('script'); | var gaScript = document.createElement('script'); | ||
gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-MX174P23PW"; | gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-MX174P23PW"; | ||
| Line 24: | Line 60: | ||
// Ícone SVG de dois quadrados (estilo moderno) | // Ícone SVG de dois quadrados (estilo moderno) | ||
var copyIcon = '<svg | var copyIcon = '<svg fill="none" stroke-width="2.5" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1.2em" width="1.2em" xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px; vertical-align: middle; stroke: white !important;">' + | ||
'<rect x="9" y="9" width="13" height="13" rx="2" ry="2" style="stroke: white !important;"></rect>' + | |||
'<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" style="stroke: white !important;"></path>' + | |||
'</svg>'; | |||
var $button = $('<button>') | var $button = $('<button>') | ||
| Line 63: | Line 102: | ||
setTimeout(function() { | setTimeout(function() { | ||
$button.find('span').text(' | $button.find('span').text('Copy'); | ||
$button.css({'background': '#343a40', 'border-color': '#495057'}); | $button.css({'background': '#343a40', 'border-color': '#495057'}); | ||
}, 2000); | }, 2000); | ||
| Line 70: | Line 109: | ||
$block.css('position', 'relative').prepend($button); | $block.css('position', 'relative').prepend($button); | ||
}); | |||
}); | |||
/* Variations toggle arrow rotation */ | |||
$(function () { | |||
$('.variations-toggle').on('click', function () { | |||
var $arrow = $(this).find('.arrow-icon'); | |||
// small delay to let MediaWiki toggle first | |||
setTimeout(() => { | |||
var targetId = this.className.match(/mw-customtoggle-(\d+)/); | |||
if (!targetId) return; | |||
var collapsibleId = '#mw-customcollapsible-' + targetId[1]; | |||
var $collapsible = $(collapsibleId); | |||
if ($collapsible.hasClass('mw-collapsed')) { | |||
$arrow.removeClass('rotated'); | |||
} else { | |||
$arrow.addClass('rotated'); | |||
} | |||
}, 50); | |||
}); | }); | ||
}); | }); | ||