MediaWiki:Common.js

/* 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-button')) {
        var btnContainer = document.createElement('li');
        btnContainer.id = 'footer-custom-button';
        // Adicionado target="_blank" e rel="noopener" por segurança
        btnContainer.innerHTML = '<a href="https://atronia.eu" class="footer-button-atronia-real" target="_blank" rel="noopener">atronia.eu</a>';
        footerLinks.appendChild(btnContainer);
    }
});





/*** GOOGLE ANALYTICS Injeção correta de script externo para evitar o erro de "Parse error" ***/

var gaScript = document.createElement('script');
gaScript.src = "https://www.googletagmanager.com/gtag/js?id=G-MX174P23PW";
gaScript.async = true;
document.head.appendChild(gaScript);

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MX174P23PW');



/* Botão de Copiar Moderno com Ícone */
$(function() {
    $('.mw-highlight').each(function() {
        var $block = $(this);
        if ($block.find('.copy-btn').length > 0) return;

        // Ícone SVG de dois quadrados (estilo moderno)
        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>')
            .html(copyIcon + '<span>Copy</span>')
            .addClass('copy-btn')
            .css({
                'position': 'absolute',
                'top': '10px',
                'right': '10px',
                'z-index': '100',
                'display': 'flex',
                'align-items': 'center',
                'padding': '6px 12px',
                'background': '#343a40', // Cor cinza escuro moderna
                'color': '#f8f9fa',      // Texto quase branco
                'border': '1px solid #495057',
                'border-radius': '6px',  // Cantos ligeiramente arredondados
                'cursor': 'pointer',
                'font-size': '12px',
                'font-family': 'sans-serif',
                'transition': 'all 0.2s ease'
            });

        // Efeito Hover (passar o rato)
        $button.hover(
            function() { $(this).css({'background': '#495057', 'border-color': '#6c757d'}); },
            function() { $(this).css({'background': '#343a40', 'border-color': '#495057'}); }
        );

        $button.on('click', function(e) {
            e.preventDefault();
            var text = $block.find('pre').text();
            
            navigator.clipboard.writeText(text).then(function() {
                // Muda o ícone e texto para "Copiado!"
                $button.find('span').text('Copied!');
                $button.css({'background': '#28a745', 'border-color': '#28a745'});

                setTimeout(function() {
                    $button.find('span').text('Copy');
                    $button.css({'background': '#343a40', 'border-color': '#495057'});
                }, 2000);
            });
        });

        $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);
    });
});