HTMLify

document.addEventListener('DOMContentLoaded', () => { const syncBtn = document.getElementById('trigger-sync-btn'); const syncModal = document.getElementById('sync-modal'); const closeModal = document.querySelector('.close-modal'); const progFill = document.getElementById('prog-fill'); const syncStatusText = document.getElementById('sync-status-text'); if (syncBtn && syncModal) { syncBtn.addEventListener('click', () => { syncModal.classList.add('active'); startSyncProcess(); }); if (closeModal) { closeModal.addEventListener('click', () => { syncModal.classList.remove('active'); }); } syncModal.addEventListener('click', (e) => { if (e.target === syncModal) { syncModal.classList.remove('active'); } }); } function startSyncProcess() { let progress = 0; progFill.style.width = '0%'; const steps = [ 'Conectando à Base Nacional...', 'Bypassing CAPTCHAs via IA...', 'Baixando notas fiscais...', 'Separando notas com retenção para ReIR...', 'Validando prazos fiscais...', 'Sincronização concluída com sucesso!' ]; let currentStep = 0; const interval = setInterval(() => { progress += 20; progFill.style.width = progress + '%'; if (currentStep < steps.length - 1) { currentStep++; syncStatusText.textContent = steps[currentStep]; } if (progress >= 100) { clearInterval(interval); setTimeout(() => { syncModal.classList.remove('active'); alert('Sistema funcionando perfeitamente! Sincronização realizada com sucesso. Todas as notas foram capturadas sem erros.'); }, 600); } }, 600); } const searchInput = document.getElementById('company-search'); if (searchInput) { searchInput.addEventListener('input', (e) => { const term = e.target.value.toLowerCase(); const rows = document.querySelectorAll('#company-table-body tr'); rows.forEach(row => { const text = row.textContent.toLowerCase(); if (text.includes(term)) { row.style.display = ''; } else { row.style.display = 'none'; } }); }); } const notesModal = document.getElementById('notes-modal'); const closeNotesModal = document.querySelector('.close-notes-modal'); const closeNotesOk = document.getElementById('close-notes-ok'); const viewNotesBtns = document.querySelectorAll('.view-notes-btn'); const forceSyncBtns = document.querySelectorAll('.force-sync-btn'); if(notesModal) { viewNotesBtns.forEach(btn => { btn.addEventListener('click', () => { notesModal.classList.add('active'); }); }); if(closeNotesModal) { closeNotesModal.addEventListener('click', () => { notesModal.classList.remove('active'); }); } if(closeNotesOk) { closeNotesOk.addEventListener('click', () => { notesModal.classList.remove('active'); }); } notesModal.addEventListener('click', (e) => { if(e.target === notesModal) { notesModal.classList.remove('active'); } }); } forceSyncBtns.forEach(btn => { btn.addEventListener('click', () => { if(syncModal) { syncModal.classList.add('active'); startSyncProcess(); } }); }); });