MediaWiki:Common.js: mudanças entre as edições

Edição das 19h36min de 5 de agosto de 2026

/* Página Normas - Texto Principal  Lógica para Ativação de Notas Explicativas no texto de Norma/Anexo */
$(document).ready(function() {
    // Varre todas as notas sobrescritas que possuem conteúdo vindo do banco
    $('.item-nr .nota-sup').each(function() {
        var textoNota = $(this).text().trim();
        
        // Se a nota contiver texto (ex: [1]), transforma esse texto no Tooltip oficial
        if (textoNota && textoNota !== "[]") {
            $(this).attr('title', 'Nota Explicativa ' + textoNota);
        }
    });
});

/* Tabela NR 04 Anexo 1 */
$(function() {
    // Função genérica para alternar visibilidade e limpar descendentes
    $('.linha-nivel-1, .linha-nivel-2, .linha-nivel-3').on('click', function(e) {
        e.stopPropagation();
        
        var nivelAtual = parseInt($(this).attr('class').match(/linha-nivel-(\d)/)[1]);
        var proximoNivel = nivelAtual + 1;
        
        // Se a linha já estiver aberta, estamos fechando (recolhendo)
        if ($(this).hasClass('aberto')) {
            // Remove a classe 'aberto' desta linha
            $(this).removeClass('aberto');
            
            // Fecha todos os descendentes (recursivo)
            $(this).nextUntil('.linha-nivel-' + nivelAtual).removeClass('show aberto');
        } else {
            // Se estamos abrindo:
            $(this).addClass('aberto');
            
            // Mostra apenas os filhos imediatos (do próximo nível)
            $(this).nextUntil('.linha-nivel-' + nivelAtual).filter('.linha-nivel-' + proximoNivel).addClass('show');
        }
    });
});


/* ==========================================================================
   SISTEMA ORBITAL DE ANEXOS - ENGINE COMPLETA UNIFICADA (nr.wiki.br)
   ========================================================================== */
window.processarSistemaOrbital = function($containerOrbital) {
    if (!$containerOrbital.length) return;

    var $listaPlanetas = $containerOrbital.find('.planeta-satelite');
    var totalPlanetas = $listaPlanetas.length;

    // Se não houver planetas na data, esconde a caixa inteira e encerra imediatamente
    if (totalPlanetas === 0) {
        $containerOrbital.closest('.caixa-orbital-container').hide();
        return; 
    } else {
        $containerOrbital.closest('.caixa-orbital-container').show();
    }

    // 1. IDENTIFICA A PÁGINA ATUAL PELA URL DO NAVEGADOR
    var urlAtual = window.location.pathname; 
    var idAnexoAtivo = "0"; // Padrão é a página mãe

    if (urlAtual.indexOf('_AN_') !== -1 || urlAtual.indexOf(' AN ') !== -1) {
        var partes = urlAtual.split(/_AN_| AN /i);
        // 🔧 BARREIRA DE PROTEÇÃO: Só lê o índice [1] se ele realmente existir no array
        if (partes && partes.length > 1 && partes[1]) {
            idAnexoAtivo = partes[1].trim(); 
        }
    }

    // 2. DESABILITA O RE-CLIQUE COM PRECISÃO DO NAVEGADOR
    if (idAnexoAtivo === "0") {
        var $sol = $containerOrbital.find('.bolha-centro');
        if ($sol.length) {
            var $spanSol = $sol.find('.nome-norma-centro').detach();
            $sol.empty().append($spanSol);
        }
    }

    // Mapeamento manual de nomes especiais (Seu original)
    var mapeamentoNomes = {
        "30": "13-A",
        "50": "Glossário",
        "60": "(*)"
    };

    var raio = 96;     
    var centroX = 120; 
    var centroY = 120; 

    $listaPlanetas.each(function(index) {
        var $item = $(this);
        var idOrigem = $item.data('anexo').toString().trim();
        var apelidoCargo = $item.attr('title') || ""; // Captura o apelido vindo da predefinição Cargo

        // Define qual texto vai aparecer escrito DENTRO da bolha verde
        var textoInterno = mapeamentoNomes[idOrigem] || idOrigem;

        // Aplica o texto interno na tag span correspondente
        if (textoInterno === "Glossário" || textoInterno === "(*)") {
            $item.find('span').html(textoInterno);
        } else {
            $item.find('span').html("Anexo<br>" + textoInterno);
        }
        
        // AJUSTE DO BALÃO (TOOLTIP): Se houver um apelido descritivo no Cargo, injeta no link
        if (apelidoCargo) {
            $item.find('a').attr('title', apelidoCargo);
        } else {
            $item.find('a').attr('title', "Anexo " + textoInterno);
        }

        // Se esta lua for a página aberta, remove o link e ativa a classe protetora (Seu original)
        if (idOrigem === idAnexoAtivo) {
            $item.addClass('pagina-ativa');
            var $spanLimpo = $item.find('span').detach();
            $item.empty().append($spanLimpo);
        }

        // CÁLCULO TRIGONOMÉTRICO ORIGINAL
        var angulo = (index * (2 * Math.PI) / totalPlanetas) - (Math.PI / 2); 
        var x = centroX + raio * Math.cos(angulo) - 22; 
        var y = centroY + raio * Math.sin(angulo) - 22; 

        $item.css({
            'left': x + 'px',
            'top': y + 'px',
            'width': '44px',  
            'height': '44px'
        });
    });
};

// 🔧 GATILHO DE PARTIDA DA BARRA DO PRESENTE (LIGA A FIAÇÃO)
$(document).ready(function() {
    if (typeof window.processarSistemaOrbital === 'function') {
        window.processarSistemaOrbital($('#sistema-orbital'));
    }
});


/* ==========================================================================
   CIRCUITO DO TEMPO DELOREAN - MOTOR UNIFICADO (nr.wiki.br)
   ========================================================================== */
$(document).ready(function() {
    
    // 🔧 FUNÇÃO CIRÚRGICA: Transmuta os textos das tomadas em elementos HTML reais clicáveis
    function materializarControlesDeLorean() {
        $('.delorean-input-dock').each(function() {
            var $dock = $(this);
            if (!$dock.find('#delorean-target-input').length) {
                var minDate = $dock.data('min');
                var maxDate = $dock.data('max');
                var normaNum = $dock.data('norma');
                
                // Monta o input de texto de forma limpa
                $dock.html('<input type="text" id="delorean-target-input" class="led-input-field" placeholder="DD/MM/AAAA" maxlength="10" data-min="' + minDate + '" data-max="' + maxDate + '" data-norma="' + normaNum + '">');
                
                // 💥 CORREÇÃO AQUI: Aplica o autocomplete diretamente no input gerado
                $dock.find('input').attr('autocomplete', 'off');
            }
        });

        $('.delorean-button-dock').each(function() {
            var $dock = $(this);
            if (!$dock.find('#delorean-activation-lever').length) {
                $dock.html('<button id="delorean-activation-lever" class="delorean-lever-btn">ATIVAR CIRCUITO DO TEMPO</button>');
            }
        });
    }

    // Executa a materialização imediatamente nas páginas comuns do presente
    materializarControlesDeLorean();

    // 1. Máscara automática DD/MM/AAAA para digitação limpa no input físico
    $(document).on('input', '#delorean-target-input', function() {
        var v = this.value.replace(/\D/g, '');
        if (v.length > 2) v = v.substring(0,2) + '/' + v.substring(2);
        if (v.length > 5) v = v.substring(0,5) + '/' + v.substring(5,9);
        this.value = v;
    });

    // 2. Disparo da Alavanca do Tempo (Botão de Ativação)
    $(document).on('click', '#delorean-activation-lever', function(e) {
        e.preventDefault();

        var input = $('#delorean-target-input');
        var dataDigitada = input.val();
        
        if (!dataDigitada || dataDigitada.length < 10) {
            alert('Por favor, insira a data completa no formato DD/MM/AAAA.');
            return;
        }

        var partes = dataDigitada.split('/');
        var dia = parseInt(partes[0], 10);
        var mes = parseInt(partes[1], 10) - 1;
        var ano = parseInt(partes[2], 10);
        var dataDestino = new Date(ano, mes, dia);
        
        var dataMin = new Date(input.data('min') + 'T00:00:00');
        var dataMax = new Date(input.data('max') + 'T00:00:00');
        var norma = input.data('norma');

        if (dataDestino < dataMin || dataDestino > dataMax || isNaN(dataDestino.getTime())) {
            alert('❌ ERRO NOS CIRCUITOS DO TEMPO!\nA data escolhida está fora dos limites históricos permitidos para esta norma.');
            return;
        }

        var anoF = dataDestino.getFullYear();
        var mesF = String(dataDestino.getMonth() + 1).padStart(2, '0');
        var diaF = String(dataDestino.getDate()).padStart(2, '0');
        var dataFinalUrl = anoF + '-' + mesF + '-' + diaF;

        window.location.href = window.location.origin + '/index.php?title=Estudo_Transversal&normaq=' + norma + '&date=' + dataFinalUrl;
    });

    // 🔧 PONTE DE CONEXÃO COM O AJAX: 
    window.ativarControlesInjetados = function() {
        materializarControlesDeLorean();
    };
});


/* ==========================================================================
    Mapa de Portarias: Vigências
   ========================================================================== */

/* Lógica de Agrupamento em Blocos Sólidos para o Infográfico Histórico */
$(document).ready(function() {
    var $container = $('#infografico-vigencia');
    if ($container.length === 0) return;

    // Aguarda um instante para garantir que o Cargo renderizou todas as linhas na tela
    setTimeout(function() {
        var $itens = $container.find('.timeline-item');
        if ($itens.length === 0) return;

        var numeroBloco = 1;
        var grupoValido = [];
        var itensArray = $itens.toArray();
        $container.empty();

        for (var i = 0; i < itensArray.length; i++) {
            var $item = $(itensArray[i]);
            var verbo = $item.data('verbo');

            grupoValido.push($item);

            // A cada portaria de Redação 'R' ou no final da fila, fecha o bloco sólido
            if (verbo === 'R' || i === itensArray.length - 1) {
                var $wrapper = $('<div class="bloco-grupo bloco-' + numeroBloco + '"></div>');
                
                for (var j = 0; j < grupoValido.length; j++) {
                    $wrapper.append(grupoValido[j]);
                }

                // Injeta o rótulo "Vigências" acima do Bloco 1 (Verde)
                if (numeroBloco === 1) {
                    var $tituloVigencias = $('<div class="titulo-bloco-vigencias">Vigências</div>');
                    $container.append($tituloVigencias);
                }

                $container.append($wrapper);
                grupoValido = [];
                numeroBloco++;
            }
        }

        // --- NOVA LÓGICA DE DEGRADÊ DINÂMICO ---
        var $todosOsBlocos = $container.find('.bloco-grupo');
        var totalBlocos = $todosOsBlocos.length;

        $todosOsBlocos.each(function(index) {
            var $bloco = $(this);
            var bNumero = index + 1; // Bloco 1, Bloco 2, etc.

            // CASO 1: É o Primeiro Bloco -> Sempre VERDE
            if (bNumero === 1) {
                $bloco.css({
                    'background-color': '#27ae60',
                    'color': '#ffffff'
                });
            } 
            // CASO 2: É o Último Bloco (e existe mais de um bloco) -> Sempre PRETO
            else if (bNumero === totalBlocos && totalBlocos > 1) {
                $bloco.css({
                    'background-color': '#0D0D0D',
                    'color': '#ffffff'
                });
            } 
            // CASO 3: Blocos Intermediários -> Degradê calculado do cinza claro ao escuro
            else {
                // Fórmulas matemáticas para gerar tons de cinza azulados/esverdeados harmônicos
                // Quanto maior o index, mais escuro fica o bloco intermediário
                var passos = totalBlocos - 2; // Desconta o primeiro e o último
                var posicaoIntermediaria = index - 1; // Posição dele entre os do meio (0 a passos-1)
                
                // Calcula o percentual de evolução do meio (0% para o primeiro do meio, 100% para o último do meio)
                var percentual = passos > 1 ? (posicaoIntermediaria / (passos - 1)) : 0;

                // Transição suave de cores (RGB inicial #bcf4d4 até RGB final #539091)
                var r = Math.round(188 + (percentual * (83 - 188)));
                var g = Math.round(244 + (percentual * (144 - 244)));
                var b = Math.round(212 + (percentual * (145 - 212)));
                
                // Texto escuro para contrastar bem com os blocos intermediários que são claros
                var textoCor = '#2c3e50'; 
                
                // Se o tom calculado ficar muito escuro nas etapas finais, muda o texto para branco automaticamente
                if (percentual > 0.7) {
                    textoCor = '#ffffff';
                }

                $bloco.css({
                    'background-color': 'rgb(' + r + ',' + g + ',' + b + ')',
                    'color': textoCor
                });
            }
        });
        // ---------------------------------------

    }, 200); // Aumentado para 200ms para garantir a leitura de NRs longas
});
/* ==========================================================================
   CARREGADOR DA PÁGINA DE ESTUDO TRANSVERSAL (AJAX SEGURO - nr.wiki.br)
   ========================================================================== */
mw.loader.using(['mediawiki.util', 'mediawiki.api']).then(function() {
    $(document).ready(function() {
        var rootContainer = $('#estudo-transversal-root');
        
        if (rootContainer.length) {
            var urlParams = new URLSearchParams(window.location.search);
            var norma = urlParams.get('normaq') || '1';
            var data = urlParams.get('date');

            if (!data) {
                rootContainer.html('<div style="text-align:center; padding:30px; color:red; font-weight:bold;">❌ ERRO: Coordenada temporal ausente.</div>');
                return;
            }

            // Costura a chamada limpa da nova predefinição datada
            var wikitextToRender = '{{ExibirPaginaNormaDatada|norma=' + norma + '|data=' + data + '}}';

            new mw.Api().post({
                action: 'parse',
                text: wikitextToRender,
                contentmodel: 'wikitext',
                format: 'json',
                disablelimitreport: true
            }).done(function(res) {
                if (res && res.parse && res.parse.text) {
                    rootContainer.html(res.parse.text['*']);
                    
                    // 🔧 DISPARA A MATERIALIZAÇÃO DO PAINEL DENTRO DO PASSADO:
                    if (typeof window.ativarControlesInjetados === 'function') {
                        window.ativarControlesInjetados();
                    }

                    if (typeof window.processarSistemaOrbital === 'function') {
                        window.processarSistemaOrbital($('#sistema-orbital'));
                    }
                } else {
                    rootContainer.html('<div style="text-align:center; padding:30px; color:red;">❌ Erro ao renderizar registros históricos.</div>');
                }
            }).fail(function() {
                rootContainer.html('<div style="text-align:center; padding:30px; color:red;">❌ Erro crítico de conexão de rede temporal.</div>');
            });
        }
    });
});