Teste JS Puhekupla

// Expandir TODOS os tooltips - By Antonio (2025)
// Expande todos os balões, remove ..., separa por linha e evita sobreposição

(function() {
    'use strict';

    // Remove todos os "..." e prepara o container
    document.querySelectorAll('td').forEach(cell => {
        if (cell.textContent.trim() === '...') {
            cell.innerHTML = ''; // Limpa o ...
            cell.style.padding = '8px 0';
            cell.style.borderBottom = '1px solid #eee';
            cell.style.minHeight = '40px';
        }
    });

    // Processa todos os elementos com tooltip
    document.querySelectorAll('[rel^="tooltip-"]').forEach(el => {
        const tooltipKey = el.getAttribute('rel');
        const tooltipText = tooltipKey.replace('tooltip-', '').trim();

        // Decodifica HTML entities (ex: <br> vira \n)
        const parser = new DOMParser();
        const decoded = parser.parseFromString(
            `<div>${tooltipText}</div>`, 'text/html'
        ).body.firstChild.innerHTML;

        // Limpa o title para não aparecer no hover
        el.title = '';

        // Cria um container para o conteúdo expandido
        const infoBox = document.createElement('div');
        infoBox.style.marginTop = '6px';
        infoBox.style.fontSize = '11.5px';
        infoBox.style.color = '#444';
        infoBox.style.lineHeight = '1.4';
        infoBox.style.fontFamily = 'Consolas, monospace';
        infoBox.innerHTML = decoded
            .replace(/\n/g, '<br>')
            .replace(/AKA:/g, '<span style="color:#d32f2f; font-weight:600;">AKA:</span>')
            .replace(/VIA:/g, '<span style="color:#388e3c; font-style:italic;">VIA:</span>');

        // Insere logo abaixo do nick
        el.parentNode.insertBefore(infoBox, el.nextSibling);

        // Opcional: remove o rel para evitar reprocessamento
        el.removeAttribute('rel');
    });

    // Adiciona separador visual entre linhas
    document.querySelectorAll('tr').forEach((row, index) => {
        if (index > 0) {
            row.style.borderTop = '2px solid #f0f0f0';
        }
    });

    console.log('Todos os tooltips expandidos com sucesso! Separados e legíveis.');
    console.log('Total de tooltips processados:', document.querySelectorAll('[rel^="tooltip-"]').length);
})();