2020-01-20 03:18:59 +00:00
|
|
|
function sendMessage() {
|
|
|
|
let id = window.location.href.split("/").slice(-1)[0]
|
|
|
|
message = document.getElementById("chatbox-input-box").value
|
|
|
|
document.getElementById("chatbox-input-box").value = ''
|
2020-01-20 03:46:30 +00:00
|
|
|
let chatbox = document.getElementById("chatbox");
|
|
|
|
chatbox.innerHTML += `<div class="message-container user"><div class="message user">${message}</div></div>`;
|
|
|
|
chatbox.scrollTop = chatbox.scrollHeight;
|
2020-01-20 03:18:59 +00:00
|
|
|
var xhttp = new XMLHttpRequest();
|
|
|
|
xhttp.onreadystatechange = function() {
|
|
|
|
if (this.readyState == 4) {
|
|
|
|
if (this.status == 200) {
|
|
|
|
message = this.responseText.replace("\n", "<br>");
|
|
|
|
} else {
|
|
|
|
message = "Encountered an error while trying to get a response.";
|
|
|
|
}
|
2020-01-20 03:49:16 +00:00
|
|
|
chatbox.innerHTML += `<div class="message-container bot"><div class="bot-icon"></div><div class="message bot">${message}</div></div>`;
|
2020-01-20 03:46:30 +00:00
|
|
|
chatbox.scrollTop = chatbox.scrollHeight;
|
2020-01-20 03:18:59 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
xhttp.open("GET", `/bot/chat/${id}/message`, true);
|
2020-01-20 03:46:30 +00:00
|
|
|
xhttp.send();
|
2020-01-20 03:18:59 +00:00
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|