Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Remove scrollDownMessageHeight. Fix failing test

Browse Source
This commit is contained in:
JC Brand 2017-03-03 15:11:25 +01:00
parent 0bc0072fea
commit f24e7c0905
3 changed files with 15 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
spec/chatbox.js
View File

@ -699,7 +699,7 @@
.c('active', {'xmlns': 'http://jabber.org/protocol/chatstates'}).tree());
}
});
waits(50);
waits(500); // Give enough time for `markScrolled` to have been called
runs(function () {
chatboxview.$content.scrollTop(0);
});

6
spec/chatroom.js
View File

@ -1089,8 +1089,8 @@
spyOn(view, 'scrollDown').andCallThrough();
runs(function () {
/* Create enough messages so that there's a
* scrollbar.
*/
* scrollbar.
*/
for (var i=0; i<20; i++) {
_converse.chatboxes.onMessage(
$msg({
@ -1101,7 +1101,7 @@
}).c('body').t('Message: '+i).tree());
}
});
waits(50);
waits(500); // Give enough time for `markScrolled` to have been called
runs(function () {
view.$content.scrollTop(0);
});

24
src/converse-chatview.js
View File

@ -221,7 +221,7 @@
insert.call(that.$content, $el);
return $el;
},
this.scrollDownMessageHeight.bind(this)
this.scrollDown.bind(this)
)(this.renderMessage(attrs));
},
@ -288,7 +288,7 @@
this.$content.find('.chat-message[data-isodate="'+msg_dates[idx]+'"]'));
return $el;
}.bind(this),
this.scrollDownMessageHeight.bind(this)
this.scrollDown.bind(this)
)(this.renderMessage(attrs));
},
@ -776,6 +776,13 @@
return this;
},
hideNewMessagesIndicator: function () {
var new_msgs_indicator = this.el.querySelector('.new-msgs-indicator');
if (!_.isNull(new_msgs_indicator)) {
new_msgs_indicator.classList.add('hidden');
}
},
markScrolled: _.debounce(function (ev) {
/* Called when the chat content is scrolled up or down.
* We want to record when the user has scrolled away from
@ -795,8 +802,8 @@
(this.$content.scrollTop() + this.$content.innerHeight()) >=
this.$content[0].scrollHeight-10;
if (is_at_bottom) {
this.hideNewMessagesIndicator();
this.model.save('scrolled', false);
this.$el.find('.new-msgs-indicator').addClass('hidden');
} else {
// We're not at the bottom of the chat area, so we mark
// that the box is in a scrolled-up state.
@ -809,20 +816,11 @@
this.scrollDown();
},
scrollDownMessageHeight: function ($message) {
if (this.$content.is(':visible') && !this.model.get('scrolled')) {
this.$content.scrollTop(
this.$content.scrollTop() + $message[0].scrollHeight);
this.model.save({'auto_scrolled': true});
}
return this;
},
_scrollDown: function () {
/* Inner method that gets debounced */
if (this.$content.is(':visible') && !this.model.get('scrolled')) {
this.$content.scrollTop(this.$content[0].scrollHeight);
this.$el.find('.new-msgs-indicator').addClass('hidden');
this.hideNewMessagesIndicator();
this.model.save({'auto_scrolled': true});
}
},