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

Edição das 20h18min de 13 de dezembro de 2025

/* =======================================================
   1. GOOGLE ANALYTICS 4 (GA4) - PRIORIDADE MÁXIMA
   ======================================================= */
(function () {
  var gaId = 'G-EMV99DJ8V4';

  // Carrega a biblioteca externa do Google
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://www.googletagmanager.com/gtag/js?id=' + gaId;
  document.head.appendChild(script);

  // Inicializa o Gtag
  window.dataLayer = window.dataLayer || [];
  function gtag() { dataLayer.push(arguments); }
  gtag('js', new Date());
  gtag('config', gaId);
})();


/* =======================================================
   2. BOTÃO "COPIAR" PARA BLOCOS DE CÓDIGO
   ======================================================= */
(function () {
  'use strict';

  function addCopyButtons() {
    const codeBlocks = document.querySelectorAll('pre, .mw-highlight, .mw-code');

    codeBlocks.forEach(function (block) {
      if (block.querySelector('.mw-copy-btn')) return;

      const button = document.createElement('button');
      button.className = 'mw-copy-btn';
      button.type = 'button';
      button.ariaLabel = 'Copiar código';

      button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path></svg>';

      button.addEventListener('click', function () {
        const code = block.innerText || block.textContent;
        navigator.clipboard.writeText(code).then(function () {
          button.classList.add('copied');
          const originalHTML = button.innerHTML;
          button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg>';

          setTimeout(function () {
            button.classList.remove('copied');
            button.innerHTML = originalHTML;
          }, 2000);
        });
      });

      if (getComputedStyle(block).position === 'static') {
        block.style.position = 'relative';
      }
      block.appendChild(button);
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', addCopyButtons);
  } else {
    addCopyButtons();
  }

  const observer = new MutationObserver(function (mutations) {
    mutations.forEach(function (mutation) {
      if (mutation.addedNodes.length) {
        addCopyButtons();
      }
    });
  });

  observer.observe(document.body, { childList: true, subtree: true });
})();


/* =======================================================
   3. MENUS DO SIMULADOR ERP COM MEMÓRIA (CORRIGIDO)
   ======================================================= */
$(function () {
  var STORAGE_KEY = 'erp_active_submenu';
  var STORAGE_PAGE = 'erp_current_page';

  // Salva o submenu ativo E a página atual
  function saveActiveSubmenu(submenuId) {
    try {
      localStorage.setItem(STORAGE_KEY, submenuId);
      localStorage.setItem(STORAGE_PAGE, window.location.pathname);
      console.log('✅ Salvou:', submenuId, 'na página:', window.location.pathname);
    } catch (e) {
      console.log('❌ LocalStorage não disponível');
    }
  }

  // Recupera o submenu apenas se estiver na mesma página
  function getActiveSubmenu() {
    try {
      var savedPage = localStorage.getItem(STORAGE_PAGE);
      var currentPage = window.location.pathname;

      // Verifica se está na página de tutoriais (ou página que contém o menu)
      if (currentPage.indexOf('/Tutoriais') !== -1 ||
        currentPage.indexOf('/tutoriais') !== -1 ||
        savedPage === currentPage) {
        var submenu = localStorage.getItem(STORAGE_KEY);
        console.log('✅ Recuperou submenu:', submenu, 'Página atual:', currentPage);
        return submenu;
      }

      console.log('ℹ️ Não recuperou - páginas diferentes. Salva:', savedPage, 'Atual:', currentPage);
      return null;
    } catch (e) {
      return null;
    }
  }

  // Limpa a memória
  function clearActiveSubmenu() {
    try {
      localStorage.removeItem(STORAGE_KEY);
      localStorage.removeItem(STORAGE_PAGE);
      console.log('🗑️ Limpou memória do submenu');
    } catch (e) {
      console.log('❌ Erro ao limpar localStorage');
    }
  }

  // Abre um submenu específico
  function openSubmenu(submenuId) {
    $('.erp-submenu-overlay').hide();
    $('.erp-menu-item').removeClass('active');

    var $submenu = $(submenuId);
    var menuName = submenuId.replace('#submenu-', '');
    var $menuItem = $('.erp-click-' + menuName);

    if ($submenu.length && $menuItem.length) {
      $submenu.show();
      $menuItem.addClass('active');

      // FORÇA a cor azul via JavaScript
      forceBlueColor($menuItem);

      console.log('✅ Abriu submenu:', submenuId);
    } else {
      console.log('❌ Não encontrou submenu:', submenuId);
    }
  }

  // Restaura o submenu ao carregar
  function restoreSubmenu() {
    var savedSubmenu = getActiveSubmenu();

    if (savedSubmenu) {
      setTimeout(function () {
        openSubmenu(savedSubmenu);
      }, 150);
    }
  }

  // Lógica de abertura dos submenus
  $('body').on('click', '[class*="erp-click-"]', function (e) {
    e.preventDefault();
    e.stopPropagation();

    var botao = $(this);
    var targetId = '';

    if (botao.hasClass('erp-click-principal')) targetId = '#submenu-principal';
    else if (botao.hasClass('erp-click-estoque')) targetId = '#submenu-estoque';
    else if (botao.hasClass('erp-click-financeiro')) targetId = '#submenu-financeiro';
    else if (botao.hasClass('erp-click-vendas')) targetId = '#submenu-vendas';
    else if (botao.hasClass('erp-click-compras')) targetId = '#submenu-compras';
    else if (botao.hasClass('erp-click-gerencial')) targetId = '#submenu-gerencial';
    else if (botao.hasClass('erp-click-pessoal')) targetId = '#submenu-pessoal';
    else if (botao.hasClass('erp-click-supermercado')) targetId = '#submenu-supermercado';
    else if (botao.hasClass('erp-click-ferramentas')) targetId = '#submenu-ferramentas';

    if (!targetId) return;

    var submenu = $(targetId);

    if (submenu.is(':visible')) {
      submenu.hide();
      botao.removeClass('active');
      clearActiveSubmenu();
    } else {
      $('.erp-submenu-overlay').hide();
      $('.erp-menu-item').removeClass('active');
      submenu.show();
      botao.addClass('active');

      // Salva na memória
      saveActiveSubmenu(targetId);
    }
  });

  // Fechar ao clicar fora
  $('body').on('click', '.erp-content-stage, .erp-bg-logo', function () {
    $('.erp-submenu-overlay').hide();
    $('.erp-menu-item').removeClass('active');
    clearActiveSubmenu();
  });

  // NÃO limpa quando clica em links internos
  // Removido: $('body').on('click', '.sys-col-item a', function() { ... });

  // Restaura o submenu
  restoreSubmenu();

  // Limpa após 30 minutos de inatividade
  var inactivityTimer;
  function resetInactivityTimer() {
    clearTimeout(inactivityTimer);
    inactivityTimer = setTimeout(function () {
      clearActiveSubmenu();
    }, 30 * 60 * 1000);
  }

  $(document).on('mousemove keypress click', resetInactivityTimer);
  resetInactivityTimer();

  // OBSERVER para manter a cor azul forçada
  setInterval(function () {
    $('.erp-menu-item.active, [class*="erp-click-"].active').each(function () {
      forceBlueColor($(this));
    });
  }, 500);
});


/* =======================================================
   4. FIX: CLICK EM QUALQUER ÁREA DO CARD REDIRECIONA
   ======================================================= */
$(function () {
  $('body').on('click', '.sys-col-item', function (e) {
    if ($(e.target).is('a') || $(e.target).closest('a').length) {
      return true;
    }

    var link = $(this).find('a').first();
    if (link.length) {
      e.preventDefault();
      e.stopPropagation();
      window.location.href = link.attr('href');
    }
  });
});