2017-05-18 22:08:54 +02:00
|
|
|
"use strict";
|
|
|
|
|
|
|
|
const $ = require("jquery");
|
|
|
|
const socket = require("../socket");
|
2018-07-08 15:42:54 +02:00
|
|
|
const {vueApp, findChannel} = require("../vue");
|
2017-05-18 22:08:54 +02:00
|
|
|
|
|
|
|
socket.on("more", function(data) {
|
2018-07-08 15:42:54 +02:00
|
|
|
let chan = $("#chat #chan-" + data.chan);
|
2017-08-24 15:50:47 +02:00
|
|
|
chan = chan.find(".messages");
|
2017-05-18 22:08:54 +02:00
|
|
|
|
|
|
|
// get the scrollable wrapper around messages
|
|
|
|
const scrollable = chan.closest(".chat");
|
2017-06-29 11:15:06 +02:00
|
|
|
const heightOld = chan.height() - scrollable.scrollTop();
|
2017-05-18 22:08:54 +02:00
|
|
|
|
2018-07-08 14:18:17 +02:00
|
|
|
const channel = findChannel(data.chan);
|
2018-02-20 08:28:04 +01:00
|
|
|
|
2018-07-08 14:18:17 +02:00
|
|
|
if (!channel) {
|
|
|
|
return;
|
2017-05-18 22:08:54 +02:00
|
|
|
}
|
|
|
|
|
2018-07-08 14:18:17 +02:00
|
|
|
channel.channel.messages.unshift(...data.messages);
|
2018-07-08 15:42:54 +02:00
|
|
|
channel.channel.historyLoading = false;
|
2017-09-12 14:40:26 +02:00
|
|
|
|
2018-07-08 15:42:54 +02:00
|
|
|
vueApp.$nextTick(() => {
|
2018-07-08 14:18:17 +02:00
|
|
|
// restore scroll position
|
|
|
|
const position = chan.height() - heightOld;
|
|
|
|
scrollable.finish().scrollTop(position);
|
|
|
|
});
|
2017-09-12 14:40:26 +02:00
|
|
|
|
2018-07-08 14:18:17 +02:00
|
|
|
if (data.messages.length !== 100) {
|
|
|
|
scrollable.find(".show-more").removeClass("show");
|
|
|
|
}
|
2017-05-18 22:08:54 +02:00
|
|
|
});
|