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

59 lines
1.4 KiB
JavaScript
Raw Normal View History

2016-10-28 16:08:03 +00:00
import Attachment from '../attachment/attachment.vue'
2016-10-30 15:12:35 +00:00
import FavoriteButton from '../favorite_button/favorite_button.vue'
import RetweetButton from '../retweet_button/retweet_button.vue'
import DeleteButton from '../delete_button/delete_button.vue'
2016-11-03 15:59:27 +00:00
import PostStatusForm from '../post_status_form/post_status_form.vue'
2017-02-16 14:58:49 +00:00
import UserCardContent from '../user_card_content/user_card_content.vue'
2016-10-28 16:08:03 +00:00
2016-10-28 13:19:42 +00:00
const Status = {
props: [
'statusoid',
'expandable'
],
2016-11-03 15:59:27 +00:00
data: () => ({
replying: false,
2017-02-13 23:01:50 +00:00
expanded: false,
2017-02-16 14:58:49 +00:00
unmuted: false,
userExpanded: false
2016-11-03 15:59:27 +00:00
}),
2016-10-28 16:08:03 +00:00
computed: {
retweet () { return !!this.statusoid.retweeted_status },
retweeter () { return this.statusoid.user.name },
status () {
if (this.retweet) {
return this.statusoid.retweeted_status
} else {
return this.statusoid
}
2016-11-06 19:45:26 +00:00
},
loggedIn () {
return !!this.$store.state.users.currentUser
2017-02-13 23:01:50 +00:00
},
muted () { return !this.unmuted && this.status.user.muted }
2016-10-28 16:08:03 +00:00
},
components: {
2016-10-30 15:12:35 +00:00
Attachment,
2016-11-03 15:59:27 +00:00
FavoriteButton,
RetweetButton,
DeleteButton,
2017-02-16 14:58:49 +00:00
PostStatusForm,
UserCardContent
2016-11-03 15:59:27 +00:00
},
methods: {
toggleReplying () {
this.replying = !this.replying
},
toggleExpanded () {
this.$emit('toggleExpanded')
2017-02-13 23:01:50 +00:00
},
toggleMute () {
this.unmuted = !this.unmuted
2017-02-16 14:58:49 +00:00
},
toggleUserExpanded () {
this.userExpanded = !this.userExpanded
2016-11-03 15:59:27 +00:00
}
2016-10-28 16:08:03 +00:00
}
2016-10-28 13:19:42 +00:00
}
export default Status