MigrateRepos/decentralized-video-chat
1
0
Fork 0
mirror of https://github.com/ianramzy/decentralized-video-chat.git synced 2025-02-23 00:15:04 +08:00
Code Issues Releases Wiki Activity

fix text chat css

Browse Source
This commit is contained in:
Ian Ramzy 2020-04-08 13:50:01 -04:00
parent ad05f4dcd4
commit 7e0521cf15
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
public/js/chat.js
View File

@ -720,12 +720,20 @@ function recieveCaptions(captions) {
// Text Chat // Text Chat
// Add text message to chat screen on page // Add text message to chat screen on page
function addMessageToScreen(msg) { function addMessageToScreen(msg, isOwnMessage) {
$(".chat-messages").append( if (isOwnMessage) {
'<div class="message-item customer cssanimation fadeInBottom"><div class="message-bloc"><div class="message">' + $(".chat-messages").append(
msg + '<div class="message-item customer cssanimation fadeInBottom"><div class="message-bloc"><div class="message">' +
"</div></div></div>" msg +
); "</div></div></div>"
);
} else {
$(".chat-messages").append(
'<div class="message-item moderator cssanimation fadeInBottom"><div class="message-bloc"><div class="message">' +
msg +
"</div></div></div>"
);
}
} }
// Listen for enter press on chat input // Listen for enter press on chat input
@ -741,7 +749,7 @@ chatInput.addEventListener("keypress", function (event) {
// Send message over data channel // Send message over data channel
dataChanel.send("mes:" + msg); dataChanel.send("mes:" + msg);
// Add message to screen // Add message to screen
addMessageToScreen(msg); addMessageToScreen(msg, true);
// Auto scroll chat down // Auto scroll chat down
chatZone.scrollTop(chatZone[0].scrollHeight); chatZone.scrollTop(chatZone[0].scrollHeight);
// Clear chat input // Clear chat input
@ -752,7 +760,7 @@ chatInput.addEventListener("keypress", function (event) {
// Called when a message is recieved over the dataChannel // Called when a message is recieved over the dataChannel
function handleRecieveMessage(msg) { function handleRecieveMessage(msg) {
// Add message to screen // Add message to screen
addMessageToScreen(msg); addMessageToScreen(msg, false);
// Auto scroll chat down // Auto scroll chat down
chatZone.scrollTop(chatZone[0].scrollHeight); chatZone.scrollTop(chatZone[0].scrollHeight);
// Show chat if hidden // Show chat if hidden