document.addEventListener('DOMContentLoaded', function() { // Search functionality for sidebar const searchInput = document.querySelector('.search-input input'); const navItems = document.querySelectorAll('.nav-item'); searchInput.addEventListener('input', function() { const searchTerm = this.value.toLowerCase(); navItems.forEach(item => { const label = item.querySelector('.nav-label').textContent.toLowerCase(); if (label.includes(searchTerm)) { item.style.display = 'flex'; } else { item.style.display = 'none'; } }); }); // Active state for nav items navItems.forEach(item => { item.addEventListener('click', function() { navItems.forEach(i => i.classList.remove('active')); this.classList.add('active'); }); }); // Input bar functionality const messageInput = document.querySelector('.text-input input'); const sendBtn = document.querySelector('.send-btn'); function updateSendButton() { sendBtn.disabled = messageInput.value.trim() === ''; } messageInput.addEventListener('input', updateSendButton); messageInput.addEventListener('keydown', function(e) { if (e.key === 'Enter' && !sendBtn.disabled) { e.preventDefault(); // Here you would handle sending the message console.log('Message sent:', this.value); this.value = ''; updateSendButton(); } }); sendBtn.addEventListener('click', function() { if (!this.disabled) { // Here you would handle sending the message console.log('Message sent:', messageInput.value); messageInput.value = ''; updateSendButton(); } }); // Microphone button placeholder const micBtn = document.querySelector('.input-btn:nth-child(3)'); micBtn.addEventListener('click', function() { alert('Microphone functionality would be implemented here'); }); // Initialize updateSendButton(); feather.replace(); });