|
|
|
@ -1,12 +1,10 @@
|
|
|
|
|
const chat_ws_scheme = window.location.protocol === "https:" ? "wss" : "ws";
|
|
|
|
|
const domain = "192.168.1.111:8000";
|
|
|
|
|
const domain = "192.168.1.106:8000";
|
|
|
|
|
|
|
|
|
|
// Function to fetch session ID
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async function fetchSessionID() {
|
|
|
|
|
try {
|
|
|
|
|
const response = await fetch('http://192.168.1.111:3000/get-client-session/');
|
|
|
|
|
const response = await fetch('http://192.168.1.106:3000/get-client-session/');
|
|
|
|
|
const data = await response.json();
|
|
|
|
|
return data.session_id;
|
|
|
|
|
} catch (error) {
|
|
|
|
@ -90,9 +88,30 @@ async function initializeChatWebSocket() {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
} else if (data.event_type === 'start_conversation') {
|
|
|
|
|
const chatDiv = document.getElementById('startChatContainer');
|
|
|
|
|
const chatDiv = document.getElementById('osichat');
|
|
|
|
|
const html = data.html;
|
|
|
|
|
chatDiv.innerHTML = html;
|
|
|
|
|
const textareaScript = document.createElement('script');
|
|
|
|
|
textareaScript.type = 'text/javascript';
|
|
|
|
|
textareaScript.src = `http://${domain}/static/js/osichat/textarea.js`;
|
|
|
|
|
chatDiv.appendChild(textareaScript);
|
|
|
|
|
const sendMessageContainer = document.getElementById('sendMessage');
|
|
|
|
|
sendMessageContainer.addEventListener('submit', function (event) {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
|
|
|
|
|
const message = event.target.elements.message.value;
|
|
|
|
|
|
|
|
|
|
const eventMessage = {
|
|
|
|
|
'event_type': 'send_message',
|
|
|
|
|
'message': message,
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
osichatSocket.send(JSON.stringify(eventMessage));
|
|
|
|
|
|
|
|
|
|
event.target.reset();
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} else if (data.event_type === 'send_message') {
|
|
|
|
|
const messagesDiv = document.getElementById('messages');
|
|
|
|
|