diff --git a/public/app.js b/public/app.js index effddcd..9def7f4 100644 --- a/public/app.js +++ b/public/app.js @@ -55,7 +55,7 @@ window.copyCode = function(button) { }); }; -document.addEventListener('DOMContentLoaded', () => { +const initApp = () => { // Elementos do DOM const sidebar = document.getElementById('sidebar'); const btnMenu = document.getElementById('btnMenu'); @@ -344,25 +344,27 @@ document.addEventListener('DOMContentLoaded', () => { }); // Arrastar e soltar na área do chat - const chatContainer = document.querySelector('.chat-container'); - chatContainer.addEventListener('dragover', (e) => { - e.preventDefault(); - chatContainer.classList.add('drag-over'); - }); - chatContainer.addEventListener('dragleave', () => { - chatContainer.classList.remove('drag-over'); - }); - chatContainer.addEventListener('drop', (e) => { - e.preventDefault(); - chatContainer.classList.remove('drag-over'); - const files = Array.from(e.dataTransfer.files); - files.forEach(file => { - if (file.size <= 10 * 1024 * 1024) { - attachedFiles.push(file); - } + const chatArea = document.querySelector('.chat-area'); + if (chatArea) { + chatArea.addEventListener('dragover', (e) => { + e.preventDefault(); + chatArea.classList.add('drag-over'); }); - renderAttachPreview(); - }); + chatArea.addEventListener('dragleave', () => { + chatArea.classList.remove('drag-over'); + }); + chatArea.addEventListener('drop', (e) => { + e.preventDefault(); + chatArea.classList.remove('drag-over'); + const files = Array.from(e.dataTransfer.files); + files.forEach(file => { + if (file.size <= 10 * 1024 * 1024) { + attachedFiles.push(file); + } + }); + renderAttachPreview(); + }); + } // Renderizar preview dos anexos const renderAttachPreview = () => { @@ -1196,4 +1198,10 @@ document.addEventListener('DOMContentLoaded', () => { // Inicializar reconhecimento de voz initVoiceRecognition(); -}); +}; + +if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', initApp); +} else { + initApp(); +}