thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Autoscroll conversation views

Browse source 
Scroll to the bottom (most recent) message in the conversation when it
is opened, when we send a message, and when we receive a message.
This commit is contained in:
lilia 2014-10-24 14:03:34 -07:00
parent 4675cdf3f2
commit d362d0d978
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
js/views/conversation_view.js
View file

@ -12,10 +12,12 @@ var Whisper = Whisper || {};
this.$el.html(Mustache.render(this.template)); this.$el.html(Mustache.render(this.template));
this.view = new Whisper.MessageListView({collection: this.model.messages()}); this.view = new Whisper.MessageListView({collection: this.model.messages()});
this.listenTo(this.model.messages(), 'add', this.scrollToBottom);
this.model.messages().fetch({reset: true}); this.model.messages().fetch({reset: true});
this.$el.find('.discussion-container').append(this.view.el); this.$el.find('.discussion-container').append(this.view.el);
window.addEventListener('storage', (function(){ window.addEventListener('storage', (function(){
this.fetch(); this.model.messages().fetch();
}).bind(this)); }).bind(this));
}, },
events: { events: {
@ -23,10 +25,6 @@ var Whisper = Whisper || {};
'close': 'remove' 'close': 'remove'
}, },
fetch: function() {
this.model.messages().fetch({reset: true});
},
sendMessage: function(e) { sendMessage: function(e) {
e.preventDefault(); e.preventDefault();
var input = this.$el.find('.send input'); var input = this.$el.find('.send input');
@ -36,8 +34,13 @@ var Whisper = Whisper || {};
} }
}, },
scrollToBottom: function() {
this.view.$el.scrollTop(this.view.el.scrollHeight);
},
render: function() { render: function() {
Whisper.Layout.setContent(this.$el.show()); Whisper.Layout.setContent(this.$el.show());
this.scrollToBottom();
return this; return this;
} }
}); });