Jump to content

MediaWiki:Common.js: Difference between revisions

← Older edit
No edit summary
No edit summary
 
(44 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ça o menu lateral a expandir (Vector 2022) se estiver colapsado
mw.hook('wikipage.content').add(function () {
    if (document.documentElement.classList.contains('vector-feature-main-menu-pinned-disabled')) {
        var pinButton = document.getElementById('vector-main-menu-dropdown-checkbox');
        if (pinButton) {
            // Remove a classe de desativado e força o estado expandido
            document.documentElement.classList.remove('vector-feature-main-menu-pinned-disabled');
            document.documentElement.classList.add('vector-feature-main-menu-pinned-enabled');
        }
    }
});
// Força o MediaWiki a carregar os módulos básicos em qualquer tipo de sessão (anónima ou registada)
mw.loader.using(['mediawiki.util', 'jquery'], function () {
    // Lista de secções principais com subpáginas.
    // Para adicionares uma nova secção no futuro, basta acrescentar o nome aqui.
    var sidebarSections = ['SENSBLUE MONARCH', 'SENSBLUE ATLAS'];
    function setupSidebarDropdowns() {
        // Alvo exclusivo: Apenas o menu de navegação da skin, ignorando o índice de conteúdos (Contents) da página
        var $sidebar = $('.vector-main-menu, #mw-panel');
        if (!$sidebar.length) return;
        sidebarSections.forEach(function (sectionName) {
            var slug = sectionName.replace(/ /g, '_');
            // 1. Identifica as subpáginas desta secção pelo URL (funciona para qualquer subpágina, incluindo novas)
            $sidebar.find('li').each(function () {
                var $li = $(this);
                var $link = $li.find('a, .mw-selflink').first();
                var href = $link.attr('href') || '';
                var isSubpage = href.indexOf(slug + '/') !== -1;
                if (isSubpage) {
                    $li.addClass('wiki-submenu').attr('data-group', slug);
                }
            });
            // 2. Procura o item pai (ex: "SENSBLUE MONARCH") na barra lateral
            var $parentLi = $sidebar.find('li').filter(function () {
                var text = $(this).clone().children().remove().end().text().trim() || $(this).text().trim();
                return text === sectionName;
            }).first();
            // 3. Injeta a seta nativa se encontrar o link e ainda não a tiver
            if ($parentLi.length && !$parentLi.find('.wiki-toggle-btn').length) {
                $parentLi.css({
                    'display': 'flex',
                    'align-items': 'center',
                    'justify-content': 'flex-start'
                });
                $parentLi.find('a, .mw-selflink, span').css({
                    'display': 'inline',
                    'width': 'auto'
                });
                var $toggleBtn = $('<span class="wiki-toggle-btn"></span>');
                $parentLi.append($toggleBtn);
                $toggleBtn.on('click', function (e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $sidebar.find('.wiki-submenu[data-group="' + slug + '"]').toggleClass('is-open');
                    $(this).toggleClass('is-active');
                });
            }
        });
    }
    // GATILHO COMPATÍVEL COM ANÓNIMOS: Executa em múltiplos estágios do carregamento
    $(document).ready(setupSidebarDropdowns);
    $(window).on('load', setupSidebarDropdowns);
    mw.hook('wikipage.content').add(setupSidebarDropdowns);
});
// ==========================================================================
// CONTROLADOR DE DROPDOWN NO ÍNDICE (TOC) - VERSÃO VISUAL FINAL
// ==========================================================================
   
    $('.vector-toc-contents .vector-toc-list .vector-toc-list-item').each(function() {
        var $listItem = $(this);
       
        // Proteção total ao cabeçalho global
        if ($listItem.find('.vector-toc-title, #vector-toc-collapsed-button, .vector-toc-header').length > 0 || $listItem.hasClass('vector-toc-title')) {
            return;
        }
        var $subList = $listItem.children('.vector-toc-list, ul');
       
        // Só injeta o botão se contiver subcapítulos
        if ($subList.length > 0 && $subList.children('.vector-toc-list-item, li').length > 0) {
           
            if ($listItem.children('.toc-toggle-arrow').length === 0) {
                // Injeta o container da seta preparado para renderizar o SVG do CSS
                var $arrow = $('<span class="toc-toggle-arrow"><span class="arrow-icon"></span></span>');
               
                $arrow.click(function(e) {
                    e.preventDefault();
                    e.stopPropagation();
                    $listItem.toggleClass('toc-expanded');
                });
               
                $listItem.prepend($arrow);
            }
        }
    });
// 2. LÓGICA DA SETA (ALL MODELS)
    // Deteta o clique no contentor nativo do MediaWiki que criaste
    $('.variations-toggle').css('cursor', 'pointer').click(function() {
        // Encontra a seta com a classe .arrow-icon dentro do bloco clicado
        var $arrow = $(this).find('.arrow-icon');
       
        // Alterna a classe de rotação configurada no CSS
        $arrow.toggleClass('rotated');
    });
$(function() {
    // Procura apenas por blocos de código técnicos e ignora a área de produtos
    $('.mw-highlight pre, .syntaxhighlight pre, pre.mw-code-example').each(function() {
        var $this = $(this);
       
        // Verifica se o elemento já tem um botão para não duplicar
        if ($this.parent().find('.copy-code-button').length > 0) return;
        var $button = $('<button>')
            .text('Copy')
            .addClass('copy-code-button')
            .click(function() {
                var text = $this.text();
                navigator.clipboard.writeText(text).then(function() {
                    $button.text('Copied!');
                    setTimeout(function() { $button.text('Copy'); }, 2000);
                });
            });
        // Insere o botão antes do bloco de código
        $this.before($button);
    });
});




Line 56: Line 212:
                     '<a '+linkStyle+' href="https://atronia.eu/hardware/" target="_blank">Hardware</a>' +
                     '<a '+linkStyle+' href="https://atronia.eu/hardware/" target="_blank">Hardware</a>' +
                     '<a '+linkStyle+' href="https://atronia.eu/solutions/" target="_blank">Solutions</a>' +
                     '<a '+linkStyle+' href="https://atronia.eu/solutions/" target="_blank">Solutions</a>' +
                '</div>' +
                '<div><h4 '+titleStyle+'>Hardware</h4>' +
                    '<a '+linkStyle+' href="https://atronia.eu/hardware/monarch/" target="_blank">Monarch</a>' +                   
                    '<a '+linkStyle+' href="https://atronia.eu/hardware/atlas/" target="_blank">Atlas</a>' +
                    '<a '+linkStyle+'  target="_blank">Probes</a>' +
                    '<a '+linkStyle+'  target="_blank">Accessories</a>' +
                 '</div>' +
                 '</div>' +
                 '<div><h4 '+titleStyle+'>Solutions</h4>' +
                 '<div><h4 '+titleStyle+'>Solutions</h4>' +
Line 63: Line 225:
                     '<a '+linkStyle+' href="https://atronia.eu/solutions/prevent/" target="_blank">Prevent</a>' +
                     '<a '+linkStyle+' href="https://atronia.eu/solutions/prevent/" target="_blank">Prevent</a>' +
                 '</div>' +
                 '</div>' +
                 '<div><h4 '+titleStyle+'>Shop</h4>' +
                 '<div><h4 '+titleStyle+'>Knowledge</h4>' +
                    '<a '+linkStyle+' href="https://atronia.eu/product/monarch/" target="_blank">Monarch</a>' +
                    '<a '+linkStyle+' href="https://atronia.eu/product-category/probes/" target="_blank">Probes</a>' +
                '</div>' +
                '<div><h4 '+titleStyle+'>Support</h4>' +
                     '<a '+linkStyle+' href="https://wiki.atronia.eu">Wiki</a>' +
                     '<a '+linkStyle+' href="https://wiki.atronia.eu">Wiki</a>' +
                 '</div>' +
                 '</div>' +
Line 75: Line 233:
         '<div class="atronia-full-width-line"></div>' +
         '<div class="atronia-full-width-line"></div>' +


         // 4. SECÇÃO FINAL (LOGOS)
         // 4. SECÇÃO FINAL (LOGOS COM ESPAÇAMENTO REDUZIDO)
         '<div style="padding: 40px 20px; max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px;">' +
         '<div style="padding: 40px 20px; max-width: 1300px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: 60px;">' +
             '<div style="flex: 1.2; min-width: 320px; display: flex; flex-direction: column; gap: 25px;">' +  
           
                 '<div style="display: flex; gap: 30px; align-items: flex-start;">' +
            // 1. Approved by
                    // Approved by (Selo ID)
             '<div style="flex: 0 1 auto; min-width: 120px;">' +
                    '<div>' +
                 '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Approved by:</p>' +
                        '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Approved by:</p>' +
                '<img src="'+img.selo+'" style="height: auto; width: 90px; display: block; border:none;">' +
                        '<img src="'+img.selo+'" style="height: auto; width: 100px; display: block; border:none;">' +
            '</div>' +
                    '</div>' +
 
                    // Powered by (igus)
            // 2. Powered by
                    '<div>' +
            '<div style="flex: 0 1 auto; min-width: 150px;">' +
                        '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Powered by:</p>' +
                '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Powered by:</p>' +
                        '<a href="https://www.igus.pt/" target="_blank"><img src="'+img.igus+'" style="height: auto; width: 140px; display: block; border:none;"></a>' +
                '<a href="https://www.igus.pt/" target="_blank"><img src="'+img.igus+'" style="height: auto; width: 130px; display: block; border:none;"></a>' +
                    '</div>' +
                '</div>' +
                '<div>' +
                    '<p style="font-size: 13px; color: #ffffff !important;">' +
                        '<strong><a href="https://www.livroreclamacoes.pt/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Livro de Reclamações</a> | <a href="https://atronia.eu/privacy-policy/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Privacy Policy</a></strong>' +
                    '</p>' +
                '</div>' +
             '</div>' +
             '</div>' +
             '<div style="flex: 2;">' +
 
            // 3. Co-sponsored by
             '<div style="flex: 0 1 auto; min-width: 300px;">' +
                 '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Co-sponsored by:</p>' +
                 '<p style="font-size:11px; opacity:0.6; color:#ffffff !important; margin-bottom:15px; font-weight:bold; text-transform: uppercase;">Co-sponsored by:</p>' +
                 '<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 20px 40px; justify-content: start; align-items: center;">' +
                 '<div style="display: grid; grid-template-columns: repeat(2, auto); gap: 15px 30px; justify-content: start; align-items: center;">' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf" target="_blank"><img src="'+img.cp+'" style="height: 45px; max-width: 300px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/12/Ficha-do-projeto-ATRONIA-LDA.pdf" target="_blank"><img src="'+img.cp+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf" target="_blank"><img src="'+img.ce+'" style="height: 45px; max-width: 300px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/09/Ficha-de-Operacao_Tilt-Wind.pdf" target="_blank"><img src="'+img.ce+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/01/Pessoas2030.jpg" target="_blank"><img src="'+img.ps+'" style="height: 45px; max-width: 300px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/01/Pessoas2030.jpg" target="_blank"><img src="'+img.ps+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf" target="_blank"><img src="'+img.pr+'" style="height: 45px; max-width: 300px; width: auto; object-fit: contain; border:none;"></a>' +
                     '<a href="https://atronia.eu/wp-content/uploads/2025/02/Ficha-de-Projeto.pdf" target="_blank"><img src="'+img.pr+'" style="height: 40px; max-width: 250px; width: auto; object-fit: contain; border:none;"></a>' +
                 '</div>' +
                 '</div>' +
             '</div>' +
             '</div>' +
         '</div>' +
         '</div>' +
        // Links Legais (alinhados abaixo dos logos)
        '<div style="padding: 0 20px 40px 20px; max-width: 1300px; margin: 0 auto;">' +
            '<p style="font-size: 13px; color: #ffffff !important;">' +
                '<strong><a href="https://www.livroreclamacoes.pt/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Livro de Reclamações</a> | <a href="https://atronia.eu/privacy-policy/" target="_blank" style="color: #ffffff !important; text-decoration: underline;">Privacy Policy</a></strong>' +
            '</p>' +
        '</div>' +
     '</div>';
     '</div>';


Retrieved from "https://wiki.atronia.eu/MediaWiki:Common.js"