2016-10-29 01:08:03 +09:00
|
|
|
import Attachment from '../attachment/attachment.vue'
|
2016-10-31 00:12:35 +09:00
|
|
|
import FavoriteButton from '../favorite_button/favorite_button.vue'
|
2016-11-14 00:42:56 +09:00
|
|
|
import RetweetButton from '../retweet_button/retweet_button.vue'
|
2019-06-19 05:28:31 +09:00
|
|
|
import Poll from '../poll/poll.vue'
|
2019-04-13 04:35:29 +09:00
|
|
|
import ExtraButtons from '../extra_buttons/extra_buttons.vue'
|
2016-11-04 00:59:27 +09:00
|
|
|
import PostStatusForm from '../post_status_form/post_status_form.vue'
|
2019-03-06 04:01:49 +09:00
|
|
|
import UserCard from '../user_card/user_card.vue'
|
2019-02-03 04:11:36 +09:00
|
|
|
import UserAvatar from '../user_avatar/user_avatar.vue'
|
2019-01-27 00:45:03 +09:00
|
|
|
import Gallery from '../gallery/gallery.vue'
|
2019-01-27 22:47:30 +09:00
|
|
|
import LinkPreview from '../link-preview/link-preview.vue'
|
2019-04-02 11:29:45 +09:00
|
|
|
import AvatarList from '../avatar_list/avatar_list.vue'
|
2019-06-19 05:28:31 +09:00
|
|
|
import Timeago from '../timeago/timeago.vue'
|
2018-12-14 01:57:11 +09:00
|
|
|
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
2019-01-27 00:45:03 +09:00
|
|
|
import fileType from 'src/services/file_type/file_type.service'
|
2019-01-31 03:49:24 +09:00
|
|
|
import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
|
2019-02-08 06:54:49 +09:00
|
|
|
import { mentionMatchesUrl, extractTagFromUrl } from 'src/services/matcher/matcher.service.js'
|
2019-04-06 03:31:54 +09:00
|
|
|
import { filter, find, unescape, uniqBy } from 'lodash'
|
2016-10-29 01:08:03 +09:00
|
|
|
|
2016-10-28 22:19:42 +09:00
|
|
|
const Status = {
|
2018-04-10 01:43:31 +09:00
|
|
|
name: 'Status',
|
2017-02-04 21:53:28 +09:00
|
|
|
props: [
|
|
|
|
'statusoid',
|
2019-05-07 10:36:55 +09:00
|
|
|
'expandable',
|
2017-03-09 17:19:40 +09:00
|
|
|
'inConversation',
|
2017-04-13 00:25:19 +09:00
|
|
|
'focused',
|
2017-05-31 17:47:18 +09:00
|
|
|
'highlight',
|
2017-06-05 05:58:15 +09:00
|
|
|
'compact',
|
2018-04-10 01:43:31 +09:00
|
|
|
'replies',
|
2019-03-03 01:35:38 +09:00
|
|
|
'isPreview',
|
2018-04-10 01:43:31 +09:00
|
|
|
'noHeading',
|
2019-05-01 00:06:22 +09:00
|
|
|
'inlineExpanded',
|
|
|
|
'showPinned'
|
2017-02-04 21:53:28 +09:00
|
|
|
],
|
2018-08-20 10:59:06 +09:00
|
|
|
data () {
|
|
|
|
return {
|
2019-03-12 05:24:37 +09:00
|
|
|
replying: false,
|
2018-08-20 10:59:06 +09:00
|
|
|
unmuted: false,
|
|
|
|
userExpanded: false,
|
|
|
|
preview: null,
|
|
|
|
showPreview: false,
|
2019-01-29 04:59:17 +09:00
|
|
|
showingTall: this.inConversation && this.focused,
|
2019-02-04 23:28:14 +09:00
|
|
|
showingLongSubject: false,
|
2019-04-08 00:38:16 +09:00
|
|
|
error: null,
|
2018-10-22 02:04:23 +09:00
|
|
|
expandingSubject: typeof this.$store.state.config.collapseMessageWithSubject === 'undefined'
|
|
|
|
? !this.$store.state.instance.collapseMessageWithSubject
|
2018-11-30 22:39:07 +09:00
|
|
|
: !this.$store.state.config.collapseMessageWithSubject,
|
2019-02-27 23:38:58 +09:00
|
|
|
betterShadow: this.$store.state.interface.browserSupport.cssFilter
|
2018-08-20 10:59:06 +09:00
|
|
|
}
|
|
|
|
},
|
2016-10-29 01:08:03 +09:00
|
|
|
computed: {
|
2018-10-22 02:04:23 +09:00
|
|
|
localCollapseSubjectDefault () {
|
|
|
|
return typeof this.$store.state.config.collapseMessageWithSubject === 'undefined'
|
|
|
|
? this.$store.state.instance.collapseMessageWithSubject
|
|
|
|
: this.$store.state.config.collapseMessageWithSubject
|
|
|
|
},
|
2017-04-09 22:53:23 +09:00
|
|
|
muteWords () {
|
|
|
|
return this.$store.state.config.muteWords
|
|
|
|
},
|
2018-06-18 17:36:58 +09:00
|
|
|
repeaterClass () {
|
|
|
|
const user = this.statusoid.user
|
2018-06-19 22:17:50 +09:00
|
|
|
return highlightClass(user)
|
2018-06-18 17:36:58 +09:00
|
|
|
},
|
2018-04-25 23:35:25 +09:00
|
|
|
userClass () {
|
2018-06-18 17:36:58 +09:00
|
|
|
const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
|
2018-06-19 22:17:50 +09:00
|
|
|
return highlightClass(user)
|
2018-06-18 17:36:58 +09:00
|
|
|
},
|
2018-12-05 03:49:00 +09:00
|
|
|
deleted () {
|
2018-12-05 03:45:08 +09:00
|
|
|
return this.statusoid.deleted
|
|
|
|
},
|
2018-06-18 17:36:58 +09:00
|
|
|
repeaterStyle () {
|
|
|
|
const user = this.statusoid.user
|
2018-06-19 22:17:50 +09:00
|
|
|
const highlight = this.$store.state.config.highlight
|
2018-08-05 11:18:04 +09:00
|
|
|
return highlightStyle(highlight[user.screen_name])
|
2018-06-18 17:36:58 +09:00
|
|
|
},
|
|
|
|
userStyle () {
|
2018-08-05 11:41:37 +09:00
|
|
|
if (this.noHeading) return
|
2018-06-18 17:36:58 +09:00
|
|
|
const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
|
2018-06-19 22:17:50 +09:00
|
|
|
const highlight = this.$store.state.config.highlight
|
2018-08-05 11:18:04 +09:00
|
|
|
return highlightStyle(highlight[user.screen_name])
|
2018-04-25 23:35:25 +09:00
|
|
|
},
|
2017-03-05 05:25:59 +09:00
|
|
|
hideAttachments () {
|
2017-03-05 22:34:14 +09:00
|
|
|
return (this.$store.state.config.hideAttachments && !this.inConversation) ||
|
|
|
|
(this.$store.state.config.hideAttachmentsInConv && this.inConversation)
|
2017-03-05 05:25:59 +09:00
|
|
|
},
|
2019-01-23 05:57:51 +09:00
|
|
|
userProfileLink () {
|
|
|
|
return this.generateUserProfileLink(this.status.user.id, this.status.user.screen_name)
|
|
|
|
},
|
|
|
|
replyProfileLink () {
|
|
|
|
if (this.isReply) {
|
2019-01-30 23:57:19 +09:00
|
|
|
return this.generateUserProfileLink(this.status.in_reply_to_user_id, this.replyToName)
|
2019-01-23 05:57:51 +09:00
|
|
|
}
|
|
|
|
},
|
2016-10-29 01:08:03 +09:00
|
|
|
retweet () { return !!this.statusoid.retweeted_status },
|
2019-02-02 07:40:06 +09:00
|
|
|
retweeter () { return this.statusoid.user.name || this.statusoid.user.screen_name },
|
2018-08-09 18:52:34 +09:00
|
|
|
retweeterHtml () { return this.statusoid.user.name_html },
|
2019-02-04 04:08:04 +09:00
|
|
|
retweeterProfileLink () { return this.generateUserProfileLink(this.statusoid.user.id, this.statusoid.user.screen_name) },
|
2016-10-29 01:08:03 +09:00
|
|
|
status () {
|
|
|
|
if (this.retweet) {
|
|
|
|
return this.statusoid.retweeted_status
|
|
|
|
} else {
|
|
|
|
return this.statusoid
|
|
|
|
}
|
2016-11-07 04:45:26 +09:00
|
|
|
},
|
2019-04-10 00:45:33 +09:00
|
|
|
statusFromGlobalRepository () {
|
|
|
|
// NOTE: Consider to replace status with statusFromGlobalRepository
|
|
|
|
return this.$store.state.statuses.allStatusesObject[this.status.id]
|
|
|
|
},
|
2016-11-07 04:45:26 +09:00
|
|
|
loggedIn () {
|
|
|
|
return !!this.$store.state.users.currentUser
|
2017-02-14 08:01:50 +09:00
|
|
|
},
|
2017-04-09 22:53:23 +09:00
|
|
|
muteWordHits () {
|
|
|
|
const statusText = this.status.text.toLowerCase()
|
|
|
|
const hits = filter(this.muteWords, (muteWord) => {
|
|
|
|
return statusText.includes(muteWord.toLowerCase())
|
|
|
|
})
|
|
|
|
|
|
|
|
return hits
|
|
|
|
},
|
|
|
|
muted () { return !this.unmuted && (this.status.user.muted || this.muteWordHits.length > 0) },
|
2019-02-07 03:18:13 +09:00
|
|
|
hideFilteredStatuses () {
|
|
|
|
return typeof this.$store.state.config.hideFilteredStatuses === 'undefined'
|
|
|
|
? this.$store.state.instance.hideFilteredStatuses
|
|
|
|
: this.$store.state.config.hideFilteredStatuses
|
|
|
|
},
|
2019-02-08 21:25:56 +09:00
|
|
|
hideStatus () {
|
2019-02-08 22:17:20 +09:00
|
|
|
return (this.hideReply || this.deleted) || (this.muted && this.hideFilteredStatuses)
|
2019-02-08 21:25:56 +09:00
|
|
|
},
|
2017-04-13 00:25:19 +09:00
|
|
|
isFocused () {
|
|
|
|
// retweet or root of an expanded conversation
|
2017-04-13 01:07:55 +09:00
|
|
|
if (this.focused) {
|
2017-04-13 00:25:19 +09:00
|
|
|
return true
|
2017-04-13 01:07:55 +09:00
|
|
|
} else if (!this.inConversation) {
|
2017-04-13 00:25:19 +09:00
|
|
|
return false
|
2017-04-13 01:07:55 +09:00
|
|
|
}
|
|
|
|
// use conversation highlight only when in conversation
|
|
|
|
return this.status.id === this.highlight
|
2018-04-10 01:43:31 +09:00
|
|
|
},
|
|
|
|
// This is a bit hacky, but we want to approximate post height before rendering
|
|
|
|
// so we count newlines (masto uses <p> for paragraphs, GS uses <br> between them)
|
|
|
|
// as well as approximate line count by counting characters and approximating ~80
|
|
|
|
// per line.
|
|
|
|
//
|
|
|
|
// Using max-height + overflow: auto for status components resulted in false positives
|
|
|
|
// very often with japanese characters, and it was very annoying.
|
2018-08-20 10:59:06 +09:00
|
|
|
tallStatus () {
|
|
|
|
const lengthScore = this.status.statusnet_html.split(/<p|<br/).length + this.status.text.length / 80
|
|
|
|
return lengthScore > 20
|
|
|
|
},
|
2019-02-04 23:28:14 +09:00
|
|
|
longSubject () {
|
|
|
|
return this.status.summary.length > 900
|
2019-02-04 13:47:26 +09:00
|
|
|
},
|
2018-08-25 04:04:26 +09:00
|
|
|
isReply () {
|
2019-01-27 18:31:23 +09:00
|
|
|
return !!(this.status.in_reply_to_status_id && this.status.in_reply_to_user_id)
|
2018-08-25 04:04:26 +09:00
|
|
|
},
|
2019-01-23 05:57:51 +09:00
|
|
|
replyToName () {
|
2019-03-09 08:34:15 +09:00
|
|
|
if (this.status.in_reply_to_screen_name) {
|
2019-01-25 02:27:20 +09:00
|
|
|
return this.status.in_reply_to_screen_name
|
2019-03-09 08:34:15 +09:00
|
|
|
} else {
|
2019-03-09 08:36:35 +09:00
|
|
|
const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
|
|
|
|
return user && user.screen_name
|
2019-01-23 05:57:51 +09:00
|
|
|
}
|
|
|
|
},
|
2018-08-25 04:04:26 +09:00
|
|
|
hideReply () {
|
|
|
|
if (this.$store.state.config.replyVisibility === 'all') {
|
|
|
|
return false
|
|
|
|
}
|
2019-05-07 05:17:29 +09:00
|
|
|
if (this.inConversation || !this.isReply) {
|
2018-08-25 04:04:26 +09:00
|
|
|
return false
|
|
|
|
}
|
|
|
|
if (this.status.user.id === this.$store.state.users.currentUser.id) {
|
|
|
|
return false
|
|
|
|
}
|
2019-01-18 05:44:31 +09:00
|
|
|
if (this.status.type === 'retweet') {
|
2018-08-25 04:04:26 +09:00
|
|
|
return false
|
|
|
|
}
|
2019-07-08 04:23:04 +09:00
|
|
|
const checkFollowing = this.$store.state.config.replyVisibility === 'following'
|
2018-08-25 04:04:26 +09:00
|
|
|
for (var i = 0; i < this.status.attentions.length; ++i) {
|
|
|
|
if (this.status.user.id === this.status.attentions[i].id) {
|
|
|
|
continue
|
|
|
|
}
|
2019-07-08 04:23:04 +09:00
|
|
|
const taggedUser = this.$store.getters.findUser(this.status.attentions[i].id)
|
|
|
|
if (checkFollowing && taggedUser && taggedUser.following) {
|
2018-08-25 04:04:26 +09:00
|
|
|
return false
|
|
|
|
}
|
|
|
|
if (this.status.attentions[i].id === this.$store.state.users.currentUser.id) {
|
|
|
|
return false
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return this.status.attentions.length > 0
|
|
|
|
},
|
2018-08-20 11:41:40 +09:00
|
|
|
hideSubjectStatus () {
|
2018-10-22 02:04:23 +09:00
|
|
|
if (this.tallStatus && !this.localCollapseSubjectDefault) {
|
2018-08-20 11:08:39 +09:00
|
|
|
return false
|
|
|
|
}
|
2018-08-20 11:41:40 +09:00
|
|
|
return !this.expandingSubject && this.status.summary
|
2018-08-20 10:59:06 +09:00
|
|
|
},
|
2018-04-10 01:43:31 +09:00
|
|
|
hideTallStatus () {
|
2018-10-22 02:04:23 +09:00
|
|
|
if (this.status.summary && this.localCollapseSubjectDefault) {
|
2018-08-20 10:59:06 +09:00
|
|
|
return false
|
|
|
|
}
|
2018-04-10 01:43:31 +09:00
|
|
|
if (this.showingTall) {
|
|
|
|
return false
|
|
|
|
}
|
2018-08-20 10:59:06 +09:00
|
|
|
return this.tallStatus
|
|
|
|
},
|
|
|
|
showingMore () {
|
2019-01-30 23:38:28 +09:00
|
|
|
return (this.tallStatus && this.showingTall) || (this.status.summary && this.expandingSubject)
|
2018-04-10 01:43:31 +09:00
|
|
|
},
|
2018-08-26 08:21:54 +09:00
|
|
|
nsfwClickthrough () {
|
|
|
|
if (!this.status.nsfw) {
|
|
|
|
return false
|
|
|
|
}
|
2018-10-22 02:04:23 +09:00
|
|
|
if (this.status.summary && this.localCollapseSubjectDefault) {
|
2018-08-26 08:21:54 +09:00
|
|
|
return false
|
|
|
|
}
|
|
|
|
return true
|
|
|
|
},
|
2018-08-26 09:50:11 +09:00
|
|
|
replySubject () {
|
2018-09-25 21:21:47 +09:00
|
|
|
if (!this.status.summary) return ''
|
2019-02-09 21:13:52 +09:00
|
|
|
const decodedSummary = unescape(this.status.summary)
|
2018-12-19 05:31:10 +09:00
|
|
|
const behavior = typeof this.$store.state.config.subjectLineBehavior === 'undefined'
|
2019-06-19 05:28:31 +09:00
|
|
|
? this.$store.state.instance.subjectLineBehavior
|
|
|
|
: this.$store.state.config.subjectLineBehavior
|
2019-02-09 01:25:53 +09:00
|
|
|
const startsWithRe = decodedSummary.match(/^re[: ]/i)
|
2019-07-07 06:54:17 +09:00
|
|
|
if ((behavior !== 'noop' && startsWithRe) || behavior === 'masto') {
|
2019-02-09 01:25:53 +09:00
|
|
|
return decodedSummary
|
2018-09-25 21:16:26 +09:00
|
|
|
} else if (behavior === 'email') {
|
2019-02-09 01:25:53 +09:00
|
|
|
return 're: '.concat(decodedSummary)
|
2018-09-25 21:16:26 +09:00
|
|
|
} else if (behavior === 'noop') {
|
|
|
|
return ''
|
2018-08-26 09:50:11 +09:00
|
|
|
}
|
|
|
|
},
|
2018-04-10 01:43:31 +09:00
|
|
|
attachmentSize () {
|
|
|
|
if ((this.$store.state.config.hideAttachments && !this.inConversation) ||
|
2019-01-15 02:23:13 +09:00
|
|
|
(this.$store.state.config.hideAttachmentsInConv && this.inConversation) ||
|
2019-02-27 23:38:58 +09:00
|
|
|
(this.status.attachments.length > this.maxThumbnails)) {
|
2018-04-10 01:43:31 +09:00
|
|
|
return 'hide'
|
|
|
|
} else if (this.compact) {
|
|
|
|
return 'small'
|
|
|
|
}
|
|
|
|
return 'normal'
|
2019-01-27 00:45:03 +09:00
|
|
|
},
|
|
|
|
galleryTypes () {
|
|
|
|
if (this.attachmentSize === 'hide') {
|
|
|
|
return []
|
|
|
|
}
|
2019-02-01 04:19:41 +09:00
|
|
|
return this.$store.state.config.playVideosInModal
|
|
|
|
? ['image', 'video']
|
|
|
|
: ['image']
|
2019-01-27 00:45:03 +09:00
|
|
|
},
|
|
|
|
galleryAttachments () {
|
|
|
|
return this.status.attachments.filter(
|
|
|
|
file => fileType.fileMatchesSomeType(this.galleryTypes, file)
|
|
|
|
)
|
|
|
|
},
|
|
|
|
nonGalleryAttachments () {
|
|
|
|
return this.status.attachments.filter(
|
|
|
|
file => !fileType.fileMatchesSomeType(this.galleryTypes, file)
|
|
|
|
)
|
2019-02-27 23:38:58 +09:00
|
|
|
},
|
|
|
|
maxThumbnails () {
|
|
|
|
return this.$store.state.config.maxThumbnails
|
2019-04-02 01:54:34 +09:00
|
|
|
},
|
|
|
|
contentHtml () {
|
2019-04-02 02:01:28 +09:00
|
|
|
if (!this.status.summary_html) {
|
|
|
|
return this.status.statusnet_html
|
|
|
|
}
|
2019-04-02 01:54:34 +09:00
|
|
|
return this.status.summary_html + '<br />' + this.status.statusnet_html
|
2019-04-02 11:29:45 +09:00
|
|
|
},
|
2019-05-01 23:33:56 +09:00
|
|
|
combinedFavsAndRepeatsUsers () {
|
2019-04-10 00:45:33 +09:00
|
|
|
// Use the status from the global status repository since favs and repeats are saved in it
|
2019-05-01 23:33:56 +09:00
|
|
|
const combinedUsers = [].concat(
|
2019-04-30 04:36:39 +09:00
|
|
|
this.statusFromGlobalRepository.favoritedBy,
|
|
|
|
this.statusFromGlobalRepository.rebloggedBy
|
|
|
|
)
|
2019-05-01 23:33:56 +09:00
|
|
|
return uniqBy(combinedUsers, 'id')
|
2019-04-05 01:56:13 +09:00
|
|
|
},
|
|
|
|
ownStatus () {
|
|
|
|
return this.status.user.id === this.$store.state.users.currentUser.id
|
2019-05-21 04:23:36 +09:00
|
|
|
},
|
|
|
|
tags () {
|
|
|
|
return this.status.tags.filter(tagObj => tagObj.hasOwnProperty('name')).map(tagObj => tagObj.name).join(' ')
|
2017-03-09 08:09:23 +09:00
|
|
|
}
|
2016-10-29 01:08:03 +09:00
|
|
|
},
|
|
|
|
components: {
|
2016-10-31 00:12:35 +09:00
|
|
|
Attachment,
|
2016-11-04 00:59:27 +09:00
|
|
|
FavoriteButton,
|
2016-11-14 00:42:56 +09:00
|
|
|
RetweetButton,
|
2019-04-13 04:35:29 +09:00
|
|
|
ExtraButtons,
|
2017-02-16 23:58:49 +09:00
|
|
|
PostStatusForm,
|
2019-06-19 05:28:31 +09:00
|
|
|
Poll,
|
2019-03-06 04:01:49 +09:00
|
|
|
UserCard,
|
2019-02-03 04:11:36 +09:00
|
|
|
UserAvatar,
|
2019-01-31 03:49:24 +09:00
|
|
|
Gallery,
|
2019-04-02 11:29:45 +09:00
|
|
|
LinkPreview,
|
2019-06-19 05:28:31 +09:00
|
|
|
AvatarList,
|
|
|
|
Timeago
|
2016-11-04 00:59:27 +09:00
|
|
|
},
|
|
|
|
methods: {
|
2018-05-22 07:01:33 +09:00
|
|
|
visibilityIcon (visibility) {
|
|
|
|
switch (visibility) {
|
|
|
|
case 'private':
|
|
|
|
return 'icon-lock'
|
|
|
|
case 'unlisted':
|
|
|
|
return 'icon-lock-open-alt'
|
|
|
|
case 'direct':
|
|
|
|
return 'icon-mail-alt'
|
|
|
|
default:
|
|
|
|
return 'icon-globe'
|
2018-05-21 01:28:01 +09:00
|
|
|
}
|
|
|
|
},
|
2019-04-13 04:35:29 +09:00
|
|
|
showError (error) {
|
|
|
|
this.error = error
|
2019-04-27 22:36:10 +09:00
|
|
|
},
|
|
|
|
clearError () {
|
|
|
|
this.error = undefined
|
2019-04-13 04:35:29 +09:00
|
|
|
},
|
2019-01-31 02:15:35 +09:00
|
|
|
linkClicked (event) {
|
|
|
|
let { target } = event
|
2017-02-19 21:25:30 +09:00
|
|
|
if (target.tagName === 'SPAN') {
|
|
|
|
target = target.parentNode
|
|
|
|
}
|
2017-02-19 20:58:25 +09:00
|
|
|
if (target.tagName === 'A') {
|
2019-01-31 02:15:35 +09:00
|
|
|
if (target.className.match(/mention/)) {
|
2019-02-08 06:54:49 +09:00
|
|
|
const href = target.href
|
2019-01-31 02:15:35 +09:00
|
|
|
const attn = this.status.attentions.find(attn => mentionMatchesUrl(attn, href))
|
|
|
|
if (attn) {
|
|
|
|
event.stopPropagation()
|
|
|
|
event.preventDefault()
|
|
|
|
const link = this.generateUserProfileLink(attn.id, attn.screen_name)
|
|
|
|
this.$router.push(link)
|
|
|
|
return
|
|
|
|
}
|
2019-02-08 06:54:49 +09:00
|
|
|
}
|
|
|
|
if (target.className.match(/hashtag/)) {
|
|
|
|
// Extract tag name from link url
|
|
|
|
const tag = extractTagFromUrl(target.href)
|
|
|
|
if (tag) {
|
|
|
|
const link = this.generateTagLink(tag)
|
|
|
|
this.$router.push(link)
|
2019-02-11 23:45:22 +09:00
|
|
|
return
|
2019-02-08 06:54:49 +09:00
|
|
|
}
|
2019-01-31 02:15:35 +09:00
|
|
|
}
|
2019-02-11 23:38:12 +09:00
|
|
|
window.open(target.href, '_blank')
|
2017-02-19 20:58:25 +09:00
|
|
|
}
|
|
|
|
},
|
2016-11-04 00:59:27 +09:00
|
|
|
toggleReplying () {
|
2019-03-12 05:24:37 +09:00
|
|
|
this.replying = !this.replying
|
2017-02-04 21:53:28 +09:00
|
|
|
},
|
2017-06-05 05:58:15 +09:00
|
|
|
gotoOriginal (id) {
|
2017-11-14 15:55:21 +09:00
|
|
|
if (this.inConversation) {
|
2017-11-13 23:33:54 +09:00
|
|
|
this.$emit('goto', id)
|
|
|
|
}
|
2017-04-13 00:25:19 +09:00
|
|
|
},
|
2017-02-04 21:53:28 +09:00
|
|
|
toggleExpanded () {
|
|
|
|
this.$emit('toggleExpanded')
|
2017-02-14 08:01:50 +09:00
|
|
|
},
|
|
|
|
toggleMute () {
|
|
|
|
this.unmuted = !this.unmuted
|
2017-02-16 23:58:49 +09:00
|
|
|
},
|
|
|
|
toggleUserExpanded () {
|
|
|
|
this.userExpanded = !this.userExpanded
|
2017-06-07 23:58:24 +09:00
|
|
|
},
|
2018-08-20 10:59:06 +09:00
|
|
|
toggleShowMore () {
|
|
|
|
if (this.showingTall) {
|
|
|
|
this.showingTall = false
|
2019-01-29 04:59:17 +09:00
|
|
|
} else if (this.expandingSubject && this.status.summary) {
|
2018-08-20 11:41:40 +09:00
|
|
|
this.expandingSubject = false
|
2018-08-20 10:59:06 +09:00
|
|
|
} else if (this.hideTallStatus) {
|
|
|
|
this.showingTall = true
|
2019-01-29 04:59:17 +09:00
|
|
|
} else if (this.hideSubjectStatus && this.status.summary) {
|
2018-08-20 11:41:40 +09:00
|
|
|
this.expandingSubject = true
|
2018-08-20 10:59:06 +09:00
|
|
|
}
|
2018-04-10 01:43:31 +09:00
|
|
|
},
|
2017-06-07 23:58:24 +09:00
|
|
|
replyEnter (id, event) {
|
2017-11-13 23:33:54 +09:00
|
|
|
this.showPreview = true
|
2019-01-18 01:16:45 +09:00
|
|
|
const targetId = id
|
2017-11-13 23:33:54 +09:00
|
|
|
const statuses = this.$store.state.statuses.allStatuses
|
|
|
|
|
|
|
|
if (!this.preview) {
|
|
|
|
// if we have the status somewhere already
|
|
|
|
this.preview = find(statuses, { 'id': targetId })
|
|
|
|
// or if we have to fetch it
|
|
|
|
if (!this.preview) {
|
2019-06-19 05:28:31 +09:00
|
|
|
this.$store.state.api.backendInteractor.fetchStatus({ id }).then((status) => {
|
2017-11-13 23:33:54 +09:00
|
|
|
this.preview = status
|
|
|
|
})
|
|
|
|
}
|
|
|
|
} else if (this.preview.id !== targetId) {
|
|
|
|
this.preview = find(statuses, { 'id': targetId })
|
|
|
|
}
|
2017-06-07 23:58:24 +09:00
|
|
|
},
|
|
|
|
replyLeave () {
|
2017-11-13 23:33:54 +09:00
|
|
|
this.showPreview = false
|
2018-12-15 12:16:44 +09:00
|
|
|
},
|
2019-01-23 05:57:51 +09:00
|
|
|
generateUserProfileLink (id, name) {
|
2018-12-26 22:50:48 +09:00
|
|
|
return generateProfileLink(id, name, this.$store.state.instance.restrictedNicknames)
|
2019-01-15 02:23:13 +09:00
|
|
|
},
|
2019-02-08 06:54:49 +09:00
|
|
|
generateTagLink (tag) {
|
|
|
|
return `/tag/${tag}`
|
|
|
|
},
|
2019-01-15 02:23:13 +09:00
|
|
|
setMedia () {
|
2019-01-27 00:45:03 +09:00
|
|
|
const attachments = this.attachmentSize === 'hide' ? this.status.attachments : this.galleryAttachments
|
2019-01-15 02:23:13 +09:00
|
|
|
return () => this.$store.dispatch('setMedia', attachments)
|
2018-08-05 11:44:02 +09:00
|
|
|
}
|
2017-04-13 00:25:19 +09:00
|
|
|
},
|
|
|
|
watch: {
|
2017-04-13 01:07:55 +09:00
|
|
|
'highlight': function (id) {
|
|
|
|
if (this.status.id === id) {
|
2017-04-13 00:25:19 +09:00
|
|
|
let rect = this.$el.getBoundingClientRect()
|
2017-04-13 01:07:55 +09:00
|
|
|
if (rect.top < 100) {
|
2019-01-30 23:38:28 +09:00
|
|
|
// Post is above screen, match its top to screen top
|
|
|
|
window.scrollBy(0, rect.top - 100)
|
|
|
|
} else if (rect.height >= (window.innerHeight - 50)) {
|
|
|
|
// Post we want to see is taller than screen so match its top to screen top
|
|
|
|
window.scrollBy(0, rect.top - 100)
|
2017-06-05 05:58:15 +09:00
|
|
|
} else if (rect.bottom > window.innerHeight - 50) {
|
2019-01-30 23:38:28 +09:00
|
|
|
// Post is below screen, match its bottom to screen bottom
|
2017-06-05 05:58:15 +09:00
|
|
|
window.scrollBy(0, rect.bottom - window.innerHeight + 50)
|
2017-04-13 01:07:55 +09:00
|
|
|
}
|
2017-04-13 00:25:19 +09:00
|
|
|
}
|
|
|
|
}
|
2018-08-27 18:51:30 +09:00
|
|
|
},
|
|
|
|
filters: {
|
|
|
|
capitalize: function (str) {
|
|
|
|
return str.charAt(0).toUpperCase() + str.slice(1)
|
|
|
|
}
|
2016-10-29 01:08:03 +09:00
|
|
|
}
|
2016-10-28 22:19:42 +09:00
|
|
|
}
|
|
|
|
|
|
|
|
export default Status
|