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