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'
|
2016-11-13 15:42:56 +00:00
|
|
|
import RetweetButton from '../retweet_button/retweet_button.vue'
|
2016-12-07 20:50:46 +00:00
|
|
|
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 = {
|
2017-02-04 12:53:28 +00:00
|
|
|
props: [
|
|
|
|
'statusoid',
|
2017-03-05 15:31:01 +00:00
|
|
|
'expandable',
|
|
|
|
'focused'
|
2017-02-04 12:53:28 +00:00
|
|
|
],
|
2016-11-03 15:59:27 +00:00
|
|
|
data: () => ({
|
2017-02-04 12:53:28 +00:00
|
|
|
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: {
|
2017-02-22 23:04:47 +00:00
|
|
|
hideAttachments () { return this.$store.state.config.hideAttachments },
|
2016-10-28 16:08:03 +00:00
|
|
|
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
|
|
|
},
|
2017-03-05 10:56:28 +00:00
|
|
|
muted () { return !this.unmuted && this.status.user.muted },
|
|
|
|
isReply () { return !!this.statusoid.in_reply_to_status_id }
|
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,
|
2016-11-13 15:42:56 +00:00
|
|
|
RetweetButton,
|
2016-12-07 20:50:46 +00:00
|
|
|
DeleteButton,
|
2017-02-16 14:58:49 +00:00
|
|
|
PostStatusForm,
|
|
|
|
UserCardContent
|
2016-11-03 15:59:27 +00:00
|
|
|
},
|
|
|
|
methods: {
|
2017-02-19 11:58:25 +00:00
|
|
|
linkClicked ({target}) {
|
2017-02-19 12:25:30 +00:00
|
|
|
if (target.tagName === 'SPAN') {
|
|
|
|
target = target.parentNode
|
|
|
|
}
|
2017-02-19 11:58:25 +00:00
|
|
|
if (target.tagName === 'A') {
|
|
|
|
window.open(target.href, '_blank')
|
|
|
|
}
|
|
|
|
},
|
2016-11-03 15:59:27 +00:00
|
|
|
toggleReplying () {
|
|
|
|
this.replying = !this.replying
|
2017-02-04 12:53:28 +00:00
|
|
|
},
|
|
|
|
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
|