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

code rewrite, historical messages are displayed

Browse Source
This commit is contained in:
slawk0
2024-08-25 13:28:19 +02:00
parent 58fe1d4484
commit 1085b5f338
2 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
backend/socket.js
View File

@@ -105,8 +105,9 @@ function initializeSocket(server) {
// );
if (result.rows.length > 0) {
const { username: sender, recipient: receiver, content } = result.rows;
socket.emit('messages history', sender, receiver, content);
//const { username: sender, recipient: receiver, content: content, id: id } = result.rows;
console.log('Sending messages:', result.rows);
socket.emit('messages history', result.rows);
}
} catch (e) {
console.error('Error retrieving messages:', e);

15
frontend/js/chat.js
View File

@@ -52,12 +52,13 @@ async function initializeSocket() {
socket.on('chat message', (msg, serverOffset) => {
console.log('Received message:', msg);
const [sender, content, recipient] = msg;
console.log(
'Sender:', sender,
'Content:', content,
'Recipient:', recipient
)
const [sender, content, recipient] = msg;
console.log('Current recipient:', currentRecipient + ' Recipient:', recipient + ' Sender:', sender);
if (recipient === currentRecipient){
const item = document.createElement('li');
@@ -90,11 +91,17 @@ async function initializeSocket() {
socket.on('messages history', (messagesHistory) => {
console.log('Received messages history:', messagesHistory);
//messages.innerHTML = ''; // Clear previous messages
messages.innerHTML = ''; // Clear previous messages
for (const message of messagesHistory) {
const item = document.createElement('li');
item.textContent = messagesHistory;
item.textContent = `${message.username}: ${message.content}`;
if (message.username !== 'admin') {
item.classList.add('user-message');
} else {
item.classList.add('admin-message');
}
messages.appendChild(item);
}
window.scrollTo(0, document.body.scrollHeight);
});
}