ynerant
/
plateforme-tfjm2
mirror of https://gitlab.com/animath/si/plateforme.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Automatically scroll to bottom 

Signed-off-by: Emmy D'Anello <emmy.danello@animath.fr>
This commit is contained in:
Emmy D'Anello 2024-04-27 20:23:55 +02:00
parent d36e97fa2e
commit b86dfe7351
Signed by: ynerant
GPG Key ID: 3A75C55819C8CF85
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
chat/static/chat.js
View File

@ -95,8 +95,18 @@ function setChannels(new_channels) {
} }
function receiveMessage(message) { function receiveMessage(message) {
let scrollableContent = document.getElementById('chat-messages')
let isScrolledToBottom = scrollableContent.scrollHeight - scrollableContent.clientHeight <= scrollableContent.scrollTop + 1
messages[message['channel_id']].set(message['id'], message) messages[message['channel_id']].set(message['id'], message)
redrawMessages() redrawMessages()
// Scroll to bottom if the user was already at the bottom
if (isScrolledToBottom)
scrollableContent.scrollTop = scrollableContent.scrollHeight - scrollableContent.clientHeight
if (message['content'].includes("@everyone"))
showNotification(channels[message['channel_id']]['name'], `${message['author']} : ${message['content']}`)
} }
function fetchMessages(channel_id, offset = 0, limit = MAX_MESSAGES) { function fetchMessages(channel_id, offset = 0, limit = MAX_MESSAGES) {

2
chat/templates/chat/content.html
View File

@ -36,7 +36,7 @@
</button> </button>
</h3> </h3>
</div> </div>
<div class="card-body overflow-y-scroll mw-100 h-100 flex-grow-0" id="chat-messages"> <div class="card-body d-flex flex-column-reverse flex-grow-0 overflow-y-scroll" id="chat-messages">
<div class="text-center d-none" id="fetch-previous-messages"> <div class="text-center d-none" id="fetch-previous-messages">
<a href="#" class="nav-link" onclick="event.preventDefault(); fetchPreviousMessages()"> <a href="#" class="nav-link" onclick="event.preventDefault(); fetchPreviousMessages()">
{% trans "Fetch previous messages…" %} {% trans "Fetch previous messages…" %}