mirror/php-flarum
1
0
Fork 0
mirror of https://github.com/flarum/core.git synced 2025-08-06 16:36:47 +02:00
Code Issues Releases Wiki Activity

Improve "jump to last" scrolling behaviour

Browse Source
This commit is contained in:
Toby Zerner
2015-01-30 13:05:42 +10:30
parent 12622e6c28
commit 5edc3eba83
4 changed files with 27 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ember/app/components/discussions/stream-content.js
View File

@@ -238,7 +238,7 @@ export default Ember.Component.extend({
});
},
goToIndex: function(index) {
goToIndex: function(index, backwards) {
// Let's start by telling our listeners that we're going to load
// posts at this index. Elsewhere we will listen and consequently
// scroll down to the appropriate position.
@@ -248,11 +248,30 @@ export default Ember.Component.extend({
// are loaded. We will tell our listeners when they are. Again, a
// listener will scroll down to the appropriate post.
var controller = this;
this.get('stream').loadNearIndex(index).then(function() {
this.get('stream').loadNearIndex(index, backwards).then(function() {
controller.trigger('loadedIndex', index);
});
},
goToFirst: function() {
this.send('goToIndex', 0);
},
goToLast: function() {
this.send('goToIndex', this.get('stream.count') - 1, true);
// If the post stream is loading some new posts, then after it's
// done we'll want to immediately scroll down to the bottom of the
// page.
if (! this.get('stream.lastLoaded')) {
this.get('stream').one('postsLoaded', function() {
Ember.run.scheduleOnce('afterRender', function() {
$('html, body').stop(true).scrollTop($('body').height());
});
});
}
},
loadRange: function(start, end, backwards) {
this.get('stream').loadRange(start, end, backwards);
}

4
ember/app/components/discussions/stream-scrubber.js
View File

@@ -382,11 +382,11 @@ export default Ember.Component.extend({
actions: {
first: function() {
this.get('streamContent').send('goToIndex', 0);
this.get('streamContent').send('goToFirst');
},
last: function() {
this.get('streamContent').send('goToIndex', this.get('count') - 1);
this.get('streamContent').send('goToLast');
}
}
});