ynerant/plateforme-tfjm2
1
0
Fork 0
mirror of https://gitlab.com/animath/si/plateforme.git synced 2025-06-21 05:18:26 +02:00
Code Issues Releases Wiki Activity

Fetching last messages is working

Browse Source 
Signed-off-by: Emmy D'Anello <emmy.danello@animath.fr>
This commit is contained in:
Emmy D'Anello
2024-04-27 13:27:27 +02:00
parent 4a78e80399
commit d59bb75dce
2 changed files with 101 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
chat/static/chat.js
View File

@ -5,6 +5,7 @@
})()
let channels = {}
let messages = {}
let selected_channel_id = null
/**
@ -35,6 +36,8 @@ function selectChannel(channel_id) {
let messageInput = document.getElementById('input-message')
messageInput.disabled = !channel['write_access']
redrawMessages()
}
function sendMessage() {
@ -57,28 +60,84 @@ function setChannels(new_channels) {
channels = {}
for (let channel of new_channels) {
channels[channel['id']] = channel
if (!messages[channel['id']])
messages[channel['id']] = []
socket.send(JSON.stringify({
'type': 'fetch_messages',
'channel_id': channel['id'],
}))
}
if (new_channels && (!selected_channel_id || !channels[selected_channel_id])) {
if (new_channels && (!selected_channel_id || !channels[selected_channel_id]))
selectChannel(Object.keys(channels)[0])
}
}
function receiveMessage(message) {
messages[message['channel_id']].push(message)
redrawMessages()
}
function fetchMessages(data) {
let channel_id = data['channel_id']
let new_messages = data['messages']
if (!messages[channel_id])
messages[channel_id] = []
for (let message of new_messages) {
messages[channel_id].push(message)
}
redrawMessages()
}
function redrawMessages() {
let messageList = document.getElementById('message-list')
messageList.innerHTML = ''
let messageElement = document.createElement('li')
messageElement.classList.add('list-group-item')
messageList.appendChild(messageElement)
let lastMessage = null
let lastContentDiv = null
let authorDiv = document.createElement('div')
authorDiv.classList.add('text-muted', 'fw-bold')
authorDiv.innerText = message['author']
messageElement.appendChild(authorDiv)
for (let message of messages[selected_channel_id]) {
if (lastMessage && lastMessage['author'] === message['author']) {
let lastTimestamp = new Date(lastMessage['timestamp'])
let newTimestamp = new Date(message['timestamp'])
if ((newTimestamp - lastTimestamp) / 1000 < 60 * 10) {
let messageContentDiv = document.createElement('div')
messageContentDiv.innerText = message['content']
lastContentDiv.appendChild(messageContentDiv)
continue
}
}
let contentDiv = document.createElement('div')
contentDiv.innerText = message['content']
messageElement.appendChild(contentDiv)
let messageElement = document.createElement('li')
messageElement.classList.add('list-group-item')
messageList.appendChild(messageElement)
let authorDiv = document.createElement('div')
messageElement.appendChild(authorDiv)
let authorSpan = document.createElement('span')
authorSpan.classList.add('text-muted', 'fw-bold')
authorSpan.innerText = message['author']
authorDiv.appendChild(authorSpan)
let dateSpan = document.createElement('span')
dateSpan.classList.add('text-muted', 'float-end')
dateSpan.innerText = new Date(message['timestamp']).toLocaleString()
authorDiv.appendChild(dateSpan)
let contentDiv = document.createElement('div')
messageElement.appendChild(contentDiv)
let messageContentDiv = document.createElement('div')
messageContentDiv.innerText = message['content']
contentDiv.appendChild(messageContentDiv)
lastMessage = message
lastContentDiv = contentDiv
}
}
document.addEventListener('DOMContentLoaded', () => {
@ -87,7 +146,6 @@ document.addEventListener('DOMContentLoaded', () => {
* @param data The received message
*/
function processMessage(data) {
// TODO Implement chat protocol
switch (data['type']) {
case 'fetch_channels':
setChannels(data['channels'])
@ -95,6 +153,9 @@ document.addEventListener('DOMContentLoaded', () => {
case 'send_message':
receiveMessage(data)
break
case 'fetch_messages':
fetchMessages(data)
break
default:
console.log(data)
console.error('Unknown message type:', data['type'])