File size: 1,970 Bytes
81e5563 a1955ce 81e5563 a1955ce 81e5563 a1955ce 81e5563 a1955ce 81e5563 a1955ce 81e5563 a1955ce |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
const socket = io.connect(document.baseURI);
const chatBox = document.getElementById('chat-box');
const chatInput = document.getElementById('chat-input');
const sendButton = document.getElementById('send-button');
var converter = new showdown.Converter();
var response="";
function appendMessage(message, sender) {
if(sender == "bot"){
response += message;
message = converter.makeHtml(response);
loader_ele = document.getElementById("loader");
if(!loader_ele.classList.contains("hidden")){
loader_ele.classList.add('hidden');
const messageElement = document.createElement('div');
messageElement.classList.add('chat-message', sender);
messageElement.innerHTML = `<span>${message}</span>`;
chatBox.append(messageElement);
chatBox.scrollTop = chatBox.scrollHeight;
}else{
last_message_ele = chatBox.lastElementChild.lastChild;
last_message_ele.innerHTML = message;
}
}else{
const messageElement = document.createElement('div');
messageElement.classList.add('chat-message', sender);
messageElement.innerHTML = `<span>${message}</span>`;
chatBox.prepend(messageElement);
chatBox.scrollTop = chatBox.scrollHeight;
setTimeout(() => {
document.getElementById("loader").classList.remove('hidden');
}, 500);
}
chatBox.scrollTop = chatBox.scrollHeight;
}
sendButton.addEventListener('click', () => {
const message = chatInput.value.trim();
if (message) {
appendMessage(message, 'user');
socket.emit('message', { question: message, session_id: 'abc123' });
chatInput.value = '';
response = "";
}
});
chatInput.addEventListener('keypress', (e) => {
if (e.key === 'Enter') {
sendButton.click();
}
});
socket.on('response', (response) => {
appendMessage(response, 'bot');
});
|