deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-16 21:26:36 +02:00
Code Issues Projects Releases Wiki Activity

Hide 'show more history' button if there are no more messages

Browse source
This commit is contained in:
Pavel Djundik 2018-07-10 19:51:45 +03:00 committed by Pavel Djundik
parent 0654a4373f
commit 30bdfe9d3f
5 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/Chat.vue
View file

@ -57,7 +57,7 @@
ref="chat"
class="chat"
>
<div class="show-more">
<div :class="['show-more', { show: channel.moreHistoryAvailable }]">
<button
ref="loadMoreButton"
:disabled="channel.historyLoading || !$root.connected"

1
client/css/style.css
View file

@ -1080,6 +1080,7 @@ background on hover (unless active) */
padding-top: 15px;
padding-bottom: 0;
width: 100%;
display: none;
}
#chat .show-more .btn {

5
client/js/socket-events/more.js
View file

@ -18,6 +18,7 @@ socket.on("more", function(data) {
return;
}
channel.channel.moreHistoryAvailable = data.moreHistoryAvailable;
channel.channel.messages.unshift(...data.messages);
channel.channel.historyLoading = false;
@ -26,8 +27,4 @@ socket.on("more", function(data) {
const position = chan.height() - heightOld;
scrollable.finish().scrollTop(position);
});
if (data.messages.length !== 100) {
scrollable.find(".show-more").removeClass("show");
}
});

1
src/client.js
View file

@ -400,6 +400,7 @@ Client.prototype.more = function(data) {
return {
chan: chan.id,
messages: messages,
moreHistoryAvailable: index > 100,
};
};

6
src/models/chan.js
View file

@ -178,12 +178,14 @@ Chan.prototype.getFilteredClone = function(lastActiveChannel, lastMessage) {
newChannel[prop] = this[prop]
.filter((m) => m.id > lastMessage)
.slice(-100);
newChannel.moreHistoryAvailable = this[prop].length > 100;
} else {
// If channel is active, send up to 100 last messages, for all others send just 1
// Client will automatically load more messages whenever needed based on last seen messages
const messagesToSend = lastActiveChannel === true || this.id === lastActiveChannel ? -100 : -1;
const messagesToSend = lastActiveChannel === true || this.id === lastActiveChannel ? 100 : 1;
newChannel[prop] = this[prop].slice(messagesToSend);
newChannel[prop] = this[prop].slice(-messagesToSend);
newChannel.moreHistoryAvailable = this[prop].length > messagesToSend;
}
} else {
newChannel[prop] = this[prop];