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

47 lines
1.2 KiB
JavaScript
Raw Normal View History

2016-11-30 22:32:22 +00:00
import UserCardContent from '../user_card_content/user_card_content.vue'
2017-06-12 14:20:02 +00:00
import Timeline from '../timeline/timeline.vue'
2016-11-30 22:32:22 +00:00
const UserProfile = {
2017-06-12 14:00:46 +00:00
created () {
2017-06-12 14:30:56 +00:00
this.$store.commit('clearTimeline', { timeline: 'user' })
2017-06-12 14:00:46 +00:00
this.$store.dispatch('startFetching', ['user', this.userId])
if (!this.$store.state.users.usersObject[this.userId]) {
this.$store.dispatch('fetchUser', this.userId)
}
2017-06-12 14:00:46 +00:00
},
destroyed () {
2017-06-12 14:20:02 +00:00
this.$store.dispatch('stopFetching', 'user')
2017-06-12 14:00:46 +00:00
},
2016-11-30 22:32:22 +00:00
computed: {
2017-06-12 14:20:02 +00:00
timeline () { return this.$store.state.statuses.timelines.user },
2017-06-12 14:00:46 +00:00
userId () {
return this.user.id
},
userName () {
return this.$route.params.name
2017-06-12 14:00:46 +00:00
},
2016-11-30 22:32:22 +00:00
user () {
2017-06-12 15:07:10 +00:00
if (this.timeline.statuses[0]) {
return this.timeline.statuses[0].user
} else {
return Object.values(this.$store.state.users.usersObject).filter(user => {
2018-12-06 17:02:41 +00:00
return user.screen_name === this.userName
})[0] || false
2017-06-12 15:07:10 +00:00
}
2016-11-30 22:32:22 +00:00
}
},
watch: {
userName () {
this.$store.dispatch('stopFetching', 'user')
this.$store.commit('clearTimeline', { timeline: 'user' })
this.$store.dispatch('startFetching', ['user', this.userId])
}
},
2016-11-30 22:32:22 +00:00
components: {
2017-06-12 14:20:02 +00:00
UserCardContent,
Timeline
2016-11-30 22:32:22 +00:00
}
}
export default UserProfile