| |
| 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` + |
| ' |