akkoma-fe/src/components/timeline/timeline.js

46 lines
1.3 KiB
JavaScript
Raw Normal View History

2016-10-28 13:19:42 +00:00
import Status from '../status/status.vue'
2016-11-06 16:44:05 +00:00
import timelineFetcher from '../../services/timeline_fetcher/timeline_fetcher.service.js'
import StatusOrConversation from '../status_or_conversation/status_or_conversation.vue'
2016-10-28 13:19:42 +00:00
2016-10-26 17:03:55 +00:00
const Timeline = {
props: [
2016-10-28 13:40:13 +00:00
'timeline',
'timelineName'
2016-10-28 13:19:42 +00:00
],
components: {
Status,
StatusOrConversation
2016-10-28 13:40:13 +00:00
},
2016-11-06 19:11:00 +00:00
created () {
const store = this.$store
const credentials = store.state.users.currentUser.credentials
const showImmediately = this.timeline.visibleStatuses.length === 0
2016-11-06 19:11:00 +00:00
timelineFetcher.fetchAndUpdate({
store,
credentials,
timeline: this.timelineName,
showImmediately
2016-11-06 19:11:00 +00:00
})
},
2016-10-28 13:40:13 +00:00
methods: {
showNewStatuses () {
this.$store.commit('showNewStatuses', { timeline: this.timelineName })
2016-11-06 16:44:05 +00:00
},
fetchOlderStatuses () {
const store = this.$store
const credentials = store.state.users.currentUser.credentials
2016-11-07 14:04:27 +00:00
store.commit('setLoading', { timeline: this.timelineName, value: true })
2016-11-06 16:44:05 +00:00
timelineFetcher.fetchAndUpdate({
store,
credentials,
timeline: this.timelineName,
older: true,
showImmediately: true
}).then(() => store.commit('setLoading', { timeline: this.timelineName, value: false }))
2016-10-28 13:40:13 +00:00
}
2016-10-28 13:19:42 +00:00
}
2016-10-26 17:03:55 +00:00
}
2016-10-28 13:19:42 +00:00
export default Timeline