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

102 lines
2.5 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'
import { emptyTl } from '../../modules/statuses.js'
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])
if (!this.user.id) {
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
},
data () {
return {
favorites: emptyTl({ type: 'favorites', userId: this.userId })
}
},
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 || this.user.screen_name
2017-06-12 14:00:46 +00:00
},
friends () {
return this.user.friends
},
followers () {
return this.user.followers
},
userInStore () {
if (this.isExternal) {
return this.$store.getters.userById(this.userId)
}
return this.$store.getters.userByName(this.userName)
},
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
}
if (this.userInStore) {
return this.userInStore
}
return {}
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' })
this.$store.dispatch('startFetching', ['user', this.fetchBy])
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.fetchBy])
},
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