aboutsummaryrefslogtreecommitdiff
path: root/src/components/timeline/timeline.js
diff options
context:
space:
mode:
authorShpuld Shpuldson <shpuld@gmail.com>2017-06-15 23:25:19 +0300
committerShpuld Shpuldson <shpuld@gmail.com>2017-06-15 23:25:19 +0300
commite0e8965c08c09fee16d17e312c3788e13cdd1c88 (patch)
tree53e6c4eebd4328f868c2d3f6eb0b26b3c3e1951d /src/components/timeline/timeline.js
parent44923afbee23ef7bd22c20d25bf7776b284f5f88 (diff)
parent7d46e3965d06e039537066eeb5fac99ebcab978d (diff)
update branch and fix merge conflicts
Diffstat (limited to 'src/components/timeline/timeline.js')
-rw-r--r--src/components/timeline/timeline.js17
1 files changed, 14 insertions, 3 deletions
diff --git a/src/components/timeline/timeline.js b/src/components/timeline/timeline.js
index d5a9adcc..3dc07f9e 100644
--- a/src/components/timeline/timeline.js
+++ b/src/components/timeline/timeline.js
@@ -6,7 +6,8 @@ const Timeline = {
props: [
'timeline',
'timelineName',
- 'title'
+ 'title',
+ 'userId'
],
computed: {
timelineError () { return this.$store.state.statuses.error }
@@ -20,11 +21,14 @@ const Timeline = {
const credentials = store.state.users.currentUser.credentials
const showImmediately = this.timeline.visibleStatuses.length === 0
+ window.onscroll = this.scrollLoad
+
timelineFetcher.fetchAndUpdate({
store,
credentials,
timeline: this.timelineName,
- showImmediately
+ showImmediately,
+ userId: this.userId
})
},
methods: {
@@ -40,8 +44,15 @@ const Timeline = {
credentials,
timeline: this.timelineName,
older: true,
- showImmediately: true
+ showImmediately: true,
+ userId: this.userId
}).then(() => store.commit('setLoading', { timeline: this.timelineName, value: false }))
+ },
+ scrollLoad (e) {
+ let height = Math.max(document.body.offsetHeight, document.body.scrollHeight)
+ if (this.timeline.loading === false && this.$store.state.config.autoLoad && (window.innerHeight + window.pageYOffset) >= (height - 750)) {
+ this.fetchOlderStatuses()
+ }
}
}
}