slawk0/web-chat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

finishing private messaging

Browse Source
This commit is contained in:
slawk0
2024-08-24 23:52:50 +02:00
parent a7b59dd57f
commit 2595170eec
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/js/chat.js
View File

@@ -63,14 +63,6 @@ async function initializeSocket() {
socket.auth.serverOffset = serverOffset;
});
form.addEventListener('submit', (e) => {
e.preventDefault();
if (input.value && currentRecipient) {
console.log('Sending message:', input.value, 'to', currentRecipient);
socket.emit('chat message', { content: input.value, recipient: currentRecipient});
input.value = '';
}
});
recipientForm.addEventListener('submit', (e) => {
e.preventDefault();
@@ -82,9 +74,26 @@ async function initializeSocket() {
}
});
form.addEventListener('submit', (e) => {
e.preventDefault();
if (input.value && currentRecipient) {
const sender = socket.user.username;
const message = `${sender}: ${currentRecipient}: ${input.value}`;
console.log('Sending message:', message);
socket.emit('chat message', message);
input.value = '';
// Display the message immediately on the sender's UI
const item = document.createElement('li');
item.textContent = message;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
}
});
socket.on('messages history', (messagesHistory) => {
console.log('Received messages history:', messagesHistory);
messages.innerHTML = ''; // Clear previous messages
//messages.innerHTML = ''; // Clear previous messages
messagesHistory.forEach((msg) => {
const item = document.createElement('li');
item.textContent = msg;