129 lines
3.5 KiB
JavaScript
129 lines
3.5 KiB
JavaScript
"use strict";
|
|
|
|
const $ = require("jquery");
|
|
const socket = require("../socket");
|
|
const render = require("../render");
|
|
const condensed = require("../condensed");
|
|
const chat = $("#chat");
|
|
|
|
socket.on("more", function(data) {
|
|
let chan = chat.find("#chan-" + data.chan);
|
|
const type = chan.data("type");
|
|
chan = chan.find(".messages");
|
|
|
|
// get the scrollable wrapper around messages
|
|
const scrollable = chan.closest(".chat");
|
|
const heightOld = chan.height() - scrollable.scrollTop();
|
|
|
|
// If there are no more messages to show, just hide the button and do nothing else
|
|
if (!data.messages.length) {
|
|
scrollable.find(".show-more").removeClass("show");
|
|
return;
|
|
}
|
|
|
|
// Remove the date marker at the top if date does not change
|
|
const children = $(chan).children();
|
|
|
|
// Check the top-most element and the one after because
|
|
// unread and date markers may switch positions
|
|
for (let i = 0; i <= 1; i++) {
|
|
const marker = children.eq(i);
|
|
|
|
if (marker.hasClass("date-marker-container")) {
|
|
const msgTime = new Date(data.messages[data.messages.length - 1].time);
|
|
const prevMsgTime = new Date(marker.data("time"));
|
|
|
|
if (prevMsgTime.toDateString() === msgTime.toDateString()) {
|
|
marker.remove();
|
|
}
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Add the older messages
|
|
const documentFragment = render.buildChannelMessages($(document.createDocumentFragment()), data.chan, type, data.messages);
|
|
chan.prepend(documentFragment);
|
|
|
|
// Move unread marker to correct spot if needed
|
|
const unreadMarker = chan.find(".unread-marker");
|
|
const firstUnread = unreadMarker.data("unread-id");
|
|
|
|
if (firstUnread > 0) {
|
|
let first = chan.find("#msg-" + firstUnread);
|
|
|
|
if (!first.length) {
|
|
chan.prepend(unreadMarker);
|
|
} else {
|
|
const parent = first.parent();
|
|
|
|
if (parent.hasClass("condensed")) {
|
|
first = parent;
|
|
}
|
|
|
|
unreadMarker.data("unread-id", 0);
|
|
|
|
first.before(unreadMarker);
|
|
}
|
|
}
|
|
|
|
// Join duplicate condensed messages together
|
|
const condensedDuplicate = chan.find(".msg.condensed + .msg.condensed");
|
|
|
|
if (condensedDuplicate) {
|
|
const condensedCorrect = condensedDuplicate.prev();
|
|
|
|
condensed.updateText(condensedCorrect, condensed.getStoredTypes(condensedDuplicate));
|
|
|
|
condensedCorrect
|
|
.append(condensedDuplicate.find(".msg"))
|
|
.toggleClass("closed", condensedDuplicate.hasClass("closed"));
|
|
|
|
condensedDuplicate.remove();
|
|
}
|
|
|
|
// restore scroll position
|
|
const position = chan.height() - heightOld;
|
|
scrollable.finish().scrollTop(position);
|
|
|
|
// We have to do this hack due to smooth scrolling in browsers,
|
|
// as scrollTop does not apply correctly
|
|
if (window.requestAnimationFrame) {
|
|
window.requestAnimationFrame(() => scrollable.scrollTop(position));
|
|
}
|
|
|
|
if (data.messages.length !== 100) {
|
|
scrollable.find(".show-more").removeClass("show");
|
|
}
|
|
|
|
// Swap button text back from its alternative label
|
|
const showMoreBtn = scrollable.find(".show-more button");
|
|
swapText(showMoreBtn);
|
|
showMoreBtn.prop("disabled", false);
|
|
});
|
|
|
|
chat.on("click", ".show-more button", function() {
|
|
const self = $(this);
|
|
const lastMessage = self.closest(".chat").find(".msg:not(.condensed)").first();
|
|
let lastMessageId = -1;
|
|
|
|
if (lastMessage.length > 0) {
|
|
lastMessageId = parseInt(lastMessage.prop("id").replace("msg-", ""), 10);
|
|
}
|
|
|
|
// Swap button text with its alternative label
|
|
swapText(self);
|
|
self.prop("disabled", true);
|
|
|
|
socket.emit("more", {
|
|
target: self.data("id"),
|
|
lastId: lastMessageId,
|
|
});
|
|
});
|
|
|
|
// Given a button, swap its text with the content of `data-alt-text`
|
|
function swapText(btn) {
|
|
const altText = btn.data("alt-text");
|
|
btn.data("alt-text", btn.text()).text(altText);
|
|
}
|