63 lines
2.1 KiB
JavaScript
63 lines
2.1 KiB
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const chatWidget = document.querySelector('.chat-widget');
|
|
const chatWindow = document.querySelector('.chat-window');
|
|
const closeButton = document.querySelector('.chat-header .btn-close');
|
|
const sendButton = document.querySelector('.chat-footer .btn-primary');
|
|
const messageInput = document.querySelector('.chat-footer .form-control');
|
|
const chatBody = document.querySelector('.chat-body');
|
|
|
|
if (chatWidget) {
|
|
chatWidget.addEventListener('click', function() {
|
|
if (chatWindow.style.display === 'flex') {
|
|
chatWindow.style.display = 'none';
|
|
} else {
|
|
chatWindow.style.display = 'flex';
|
|
}
|
|
});
|
|
}
|
|
|
|
if (closeButton) {
|
|
closeButton.addEventListener('click', function() {
|
|
chatWindow.style.display = 'none';
|
|
});
|
|
}
|
|
|
|
function sendMessage() {
|
|
const messageText = messageInput.value.trim();
|
|
if (messageText === '') return;
|
|
|
|
// Add user message to chat body
|
|
const userMessage = document.createElement('div');
|
|
userMessage.classList.add('message', 'user-message');
|
|
userMessage.textContent = messageText;
|
|
chatBody.appendChild(userMessage);
|
|
|
|
// Clear input
|
|
messageInput.value = '';
|
|
|
|
// Scroll to bottom
|
|
chatBody.scrollTop = chatBody.scrollHeight;
|
|
|
|
// Bot reply
|
|
setTimeout(() => {
|
|
const botMessage = document.createElement('div');
|
|
botMessage.classList.add('message', 'bot-message');
|
|
botMessage.textContent = 'Thanks for your message! This is a pre-written response. AI integration is coming soon.';
|
|
chatBody.appendChild(botMessage);
|
|
chatBody.scrollTop = chatBody.scrollHeight;
|
|
}, 500);
|
|
}
|
|
|
|
if (sendButton) {
|
|
sendButton.addEventListener('click', sendMessage);
|
|
}
|
|
|
|
if (messageInput) {
|
|
messageInput.addEventListener('keypress', function(e) {
|
|
if (e.key === 'Enter') {
|
|
sendMessage();
|
|
}
|
|
});
|
|
}
|
|
});
|