|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
const navigateToView = (viewId) => { |
|
|
document.querySelectorAll('.view-content').forEach(view => { |
|
|
view.classList.add('hidden'); |
|
|
}); |
|
|
document.getElementById(`${viewId}-view`).classList.remove('hidden'); |
|
|
}; |
|
|
|
|
|
|
|
|
document.querySelectorAll('.example-prompt').forEach(button => { |
|
|
button.addEventListener('click', function() { |
|
|
navigateToView('chat'); |
|
|
const chatInput = document.querySelector('#chat-input'); |
|
|
if (chatInput) { |
|
|
chatInput.value = this.textContent.trim(); |
|
|
chatInput.focus(); |
|
|
} |
|
|
}); |
|
|
}); |
|
|
|
|
|
|
|
|
const mobileMenuButton = document.querySelector('#mobile-menu-button'); |
|
|
if (mobileMenuButton) { |
|
|
mobileMenuButton.addEventListener('click', function() { |
|
|
document.querySelector('sidebar-component').classList.toggle('open'); |
|
|
document.body.classList.toggle('overflow-hidden'); |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
const overlay = document.querySelector('.sidebar-overlay'); |
|
|
if (overlay) { |
|
|
overlay.addEventListener('click', function() { |
|
|
document.querySelector('sidebar-component').classList.remove('open'); |
|
|
document.body.classList.remove('overflow-hidden'); |
|
|
}); |
|
|
} |
|
|
}); |
|
|
|
|
|
|
|
|
async function simulateRosalindaResponse(prompt) { |
|
|
|
|
|
return new Promise(resolve => { |
|
|
setTimeout(() => { |
|
|
const codeRequests = ['code', 'html', 'css', 'javascript', 'react', 'component', 'page']; |
|
|
const isCodeRequest = codeRequests.some(term => prompt.toLowerCase().includes(term)); |
|
|
|
|
|
if (isCodeRequest) { |
|
|
resolve({ |
|
|
text: `Voici le code que vous avez demandé pour "${prompt}":\n\n` + |
|
|
' |