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

90 lines
2.3 KiB
JavaScript
Raw Normal View History

2016-11-30 22:32:22 +00:00
import UserCardContent from '../user_card_content/user_card_content.vue'
import UserCard from '../user_card/user_card.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' })
2018-12-15 03:16:44 +00:00
this.$store.dispatch('startFetching', ['user', this.fetchBy])
2018-12-06 18:29:02 +00:00
if (!this.user) {
2018-12-15 03:16:44 +00:00
this.$store.dispatch('fetchUser', this.fetchBy)
}
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: {
2018-12-15 03:16:44 +00:00
timeline () {
return this.$store.state.statuses.timelines.user
},
2017-06-12 14:00:46 +00:00
userId () {
return this.$route.params.id || this.user.id
2017-06-12 14:00:46 +00:00
},
userName () {
return this.$route.params.name
2017-06-12 14:00:46 +00:00
},
friends () {
return this.user.friends
},
followers () {
return this.user.followers
},
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-15 03:16:44 +00:00
return (this.isExternal ? user.id === this.userId : user.screen_name === this.userName)
})[0] || {}
2017-06-12 15:07:10 +00:00
}
2018-12-15 03:16:44 +00:00
},
fetchBy () {
return this.isExternal ? this.userId : this.userName
},
isExternal () {
return this.$route.name === 'external-user-profile'
2016-11-30 22:32:22 +00:00
}
},
methods: {
fetchFollowers () {
const id = this.userId
this.$store.dispatch('addFollowers', { id })
},
fetchFriends () {
const id = this.userId
this.$store.dispatch('addFriends', { id })
}
},
watch: {
userName () {
2018-12-15 03:16:44 +00:00
if (this.isExternal) {
return
}
this.$store.dispatch('stopFetching', 'user')
this.$store.commit('clearTimeline', { timeline: 'user' })
2018-12-06 18:29:02 +00:00
this.$store.dispatch('startFetching', ['user', this.userName])
2018-12-15 03:16:44 +00:00
},
userId () {
2018-12-15 03:16:44 +00:00
if (!this.isExternal) {
return
}
this.$store.dispatch('stopFetching', 'user')
this.$store.commit('clearTimeline', { timeline: 'user' })
this.$store.dispatch('startFetching', ['user', this.userId])
},
user () {
if (this.user.id && !this.user.followers) {
this.fetchFollowers()
this.fetchFriends()
}
}
},
2016-11-30 22:32:22 +00:00
components: {
2017-06-12 14:20:02 +00:00
UserCardContent,
UserCard,
2017-06-12 14:20:02 +00:00
Timeline
2016-11-30 22:32:22 +00:00
}
}
export default UserProfile