`; } // ============================================ // INICIALIZAÇÃO APÓS DOM CARREGADO // ============================================ // Menu Mobile Toggle const navbarToggle = document.getElementById('navbarToggle'); const navbarMenu = document.getElementById('navbarMenu'); navbarToggle.addEventListener('click', () => { navbarToggle.classList.toggle('active'); navbarMenu.classList.toggle('active'); }); // Fechar menu ao clicar em um link document.querySelectorAll('.navbar-link').forEach(link => { link.addEventListener('click', () => { navbarToggle.classList.remove('active'); navbarMenu.classList.remove('active'); }); }); // Fechar menu ao clicar fora document.addEventListener('click', (e) => { if (!e.target.closest('.navbar')) { navbarToggle.classList.remove('active'); navbarMenu.classList.remove('active'); } }); // Sincronizar Color Pickers function syncColorInputs(colorPickerId, textInputId) { const colorPicker = document.getElementById(colorPickerId); const textInput = document.getElementById(textInputId); colorPicker.addEventListener('input', (e) => { textInput.value = e.target.value; }); textInput.addEventListener('input', (e) => { const color = e.target.value; if (/^#[0-9A-F]{6}$/i.test(color)) { colorPicker.value = color; } }); } syncColorInputs('corBtnAceitar', 'corBtnAceitarText'); syncColorInputs('corTextoBtnAceitar', 'corTextoBtnAceitarText'); syncColorInputs('corBtnRecusar', 'corBtnRecusarText'); syncColorInputs('corTextoBtnRecusar', 'corTextoBtnRecusarText'); // Fechar modal com ESC document.addEventListener('keydown', (e) => { if (e.key === 'Escape') { document.querySelectorAll('.modal.active').forEach(modal => { fecharModal(modal.id); }); } }); // Botões de abertura de modais document.getElementById('btnVideoTutorial').addEventListener('click', () => { const videoUrl = VIDEO_TUTORIAL_URL; // Converter URL do YouTube para embed let videoId = ''; if (videoUrl.includes('youtube.com/watch')) { videoId = new URL(videoUrl).searchParams.get('v'); } else if (videoUrl.includes('youtu.be/')) { const urlParts = videoUrl.split('youtu.be/')[1]; videoId = urlParts.split('?')[0]; } else if (videoUrl.includes('youtube.com/embed/')) { videoId = videoUrl.split('youtube.com/embed/')[1].split('?')[0]; } if (videoId) { const embedUrl = `https://www.youtube.com/embed/${videoId}`; document.getElementById('videoFrame').src = embedUrl; abrirModal('modalVideo'); } else { alert('Erro ao carregar o vídeo. Por favor, tente novamente.'); } }); document.getElementById('btnFerramentasImagem').addEventListener('click', () => { abrirModal('modalFerramentas'); }); // Fechar modal ao clicar fora document.querySelectorAll('.modal').forEach(modal => { modal.addEventListener('click', (e) => { if (e.target === modal) { fecharModal(modal.id); } }); }); // Gerar Código document.getElementById('btnGerarCodigo').addEventListener('click', () => { // Validações const linkAfiliadoPositivo = document.getElementById('linkAfiliadoPositivo').value.trim(); const linkAfiliadoNegativo = document.getElementById('linkAfiliadoNegativo').value.trim(); const imagemDesktop = document.getElementById('imagemDesktop').value.trim(); if (!linkAfiliadoPositivo || !linkAfiliadoNegativo || !imagemDesktop) { alert('⚠️ Por favor, preencha os campos obrigatórios: Links de Afiliado e Imagem Desktop!'); return; } // Coletar dados const dados = { linkAfiliadoPositivo: linkAfiliadoPositivo, linkAfiliadoNegativo: linkAfiliadoNegativo, imagemDesktop: imagemDesktop, imagemMobile: document.getElementById('imagemMobile').value.trim() || imagemDesktop, tituloPagina: document.getElementById('tituloPagina').value.trim(), tituloModal: document.getElementById('tituloModal').value.trim(), textoModal: document.getElementById('textoModal').value.trim(), modalDelay: parseFloat(document.getElementById('modalDelay').value) || 0.5, textoBtnAceitar: document.getElementById('textoBtnAceitar').value.trim(), textoBtnRecusar: document.getElementById('textoBtnRecusar').value.trim(), corBtnAceitar: document.getElementById('corBtnAceitar').value, corTextoBtnAceitar: document.getElementById('corTextoBtnAceitar').value, corBtnRecusar: document.getElementById('corBtnRecusar').value, corTextoBtnRecusar: document.getElementById('corTextoBtnRecusar').value, transparenciaFundo: document.getElementById('transparenciaFundo').value, h1Oculto: document.getElementById('h1Oculto').value.trim(), conteudoOculto: document.getElementById('conteudoOculto').value.trim() }; // Gerar código const codigoHTML = gerarCodigoPresell(dados); document.getElementById('codigoGerado').textContent = codigoHTML; abrirModal('modalCodigo'); }); // Copiar Código document.getElementById('btnCopiarCodigo').addEventListener('click', () => { const codigo = document.getElementById('codigoGerado').textContent; navigator.clipboard.writeText(codigo).then(() => { const btn = document.getElementById('btnCopiarCodigo'); const textoOriginal = btn.innerHTML; btn.innerHTML = '✅ Copiado!'; btn.classList.remove('btn-success'); btn.style.background = '#34C759'; setTimeout(() => { btn.innerHTML = textoOriginal; btn.classList.add('btn-success'); btn.style.background = ''; }, 2000); }).catch(err => { alert('Erro ao copiar. Por favor, copie manualmente.'); }); }); // Mostrar Preview document.getElementById('btnMostrarPreview').addEventListener('click', () => { const codigo = document.getElementById('codigoGerado').textContent; const previewContainer = document.getElementById('previewContainer'); const previewFrame = document.getElementById('previewFrame'); const blob = new Blob([codigo], { type: 'text/html' }); const url = URL.createObjectURL(blob); previewFrame.src = url; previewContainer.style.display = 'block'; setTimeout(() => { previewContainer.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); }, 100); });