Scroll infinite.

Browse Source
This commit is contained in:
retoor 2025-02-17 18:50:20 +01:00
parent 477ca5917a
commit 9e3b9ae326
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/snek/templates/web.html
View File

@ -59,23 +59,21 @@
const messagesContainer = document.querySelector(".chat-messages");
async function loadExtra() {
const fourthMessage = messagesContainer.querySelector(".chat-messages :nth-child(4)");
if(!fourthMessage){
const offsetMessage = messagesContainer.querySelector(".chat-messages :nth-child(15)");
if(!offsetMessage){
return
}
const firstMessage = messagesContainer.querySelector(".message:first-child");
if(fourthMessage.dataset.seen){
if(offsetMessage.dataset.seen){
return
}
if(isElementVisible(fourthMessage)){
fourthMessage.dataset.seen = true
console.info(channelUid, fourthMessage.dataset.created_at)
if(isElementVisible(offsetMessage)){
offsetMessage.dataset.seen = true
const messages = await app.rpc.get_messages(channelUid, 1, fourthMessage.dataset.created_at);
messages.forEach((message) => {
firstMessage.insertAdjacentHTML("beforebegin", message.html);
})
console.info(messages)
}
}
messagesContainer.addEventListener("scroll",()=>{