Spaces:
Runtime error
Runtime error
File size: 3,438 Bytes
2376116 043dbf5 2376116 043dbf5 2376116 41c8295 2376116 67e01e2 2376116 67e01e2 2376116 043dbf5 2376116 67e01e2 53ed7bb a949edc 53ed7bb a949edc d435fbd a949edc d435fbd a949edc 53ed7bb a949edc 53ed7bb a949edc 2376116 |
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 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 |
$(document).ready(function() {
// Initialize variables
var $chatContainer = $('.chat-container');
var $chatHeader = $('.chat-header');
var $chatBody = $('.chat-body');
var $chatInput = $('.chat-input');
var $input = $('.chat-input input');
var $submit = $('.chat_submit');
var session_id = '';
$chatBody.children().each(function() {
$(this).addClass('chat-message');
});
// Initialize SocketIO connection
var socket = io.connect('https://' + document.domain + ':' + location.port);
// Function to send message to Flask-SocketIO app
function sendMessage(message) {
console.log("message: " + message )
socket.emit('message', {'question': message});
}
// Function to display message
function displayMessage(message, isUser, hasHtml) {
var $message = $('<div>').addClass('chat-message round');
if (hasHtml) {
$messageText = $('<p>').html(message);
} else {
$messageText = $('<p>').html(message.replace(/(https?:\/\/[^\s,]+)/g, '<a href="$1">$1</a>').replace(/(SOURCES:)/, '<br>$1'));
}
// var $messageText = $('<p>').html(message.replace(/(https?:\/\/[^\s,]+)/g, '<a href="$1">$1</a>'));
$message.append($messageText);
if (isUser) {
$message.addClass('user');
} else {
$message.addClass('bot')
}
if ($chatBody) {
$chatBody.append($message);
if ($chatBody[0]) {
$chatBody.animate({scrollTop: $chatBody[0].scrollHeight}, 300);
}
} else {
$('.chat-container').append($message);
$('.chat-container').animate({scrollTop: 0}, 300);
}
}
socket.on('response', function(data) {
console.log("Received response: " + data.response)
var response = data.response;
displayMessage(response, false);
});
// Send message on submit
$submit.click(function(event) {
event.preventDefault();
var message = $input.val().trim();
console.log("Submit clicked: " + message)
if (message !== '') {
displayMessage(message, true);
sendMessage(message);
$input.val('');
}
});
// Send message on enter key press
$input.keydown(function(event) {
if (event.keyCode === 13) {
event.preventDefault();
$submit.click();
}
});
// Initial message
displayMessage('Learn about <a href="https://makerlab.squarespace.com/">Makerlab</a>');
// Function to minimize the widget
function minimizeWidget() {
$chatContainer.addClass('minimized');
$chatHeader.hide();
$chatBody.hide()
$chatInput.hide();
$chatContainer.append('<div class="chat-bot-icon"><i class="fa fa-android"></i></div>');
}
// Function to maximize the widget
function maximizeWidget() {
$chatContainer.removeClass('minimized');
$chatBody.show()
$chatHeader.show();
$chatInput.show();
$('.chat-bot-icon').remove();
}
// Minimize the widget on click of close button
$chatHeader.find('.chat-close').click(function() {
minimizeWidget();
});
// Maximize the widget on click of chat-bot-icon
$chatContainer.on('click', '.chat-bot-icon', function() {
maximizeWidget();
});
});
|