2020-09-07 09:35:49 +02:00
|
|
|
import ReplyButton from '../reply_button/reply_button.vue'
|
2016-10-30 16:12:35 +01:00
|
|
|
import FavoriteButton from '../favorite_button/favorite_button.vue'
|
2019-11-15 15:29:25 +01:00
|
|
|
import ReactButton from '../react_button/react_button.vue'
|
2016-11-13 16:42:56 +01:00
|
|
|
import RetweetButton from '../retweet_button/retweet_button.vue'
|
2019-04-12 21:35:29 +02:00
|
|
|
import ExtraButtons from '../extra_buttons/extra_buttons.vue'
|
2016-11-03 16:59:27 +01:00
|
|
|
import PostStatusForm from '../post_status_form/post_status_form.vue'
|
2019-02-02 20:11:36 +01:00
|
|
|
import UserAvatar from '../user_avatar/user_avatar.vue'
|
2019-04-02 04:29:45 +02:00
|
|
|
import AvatarList from '../avatar_list/avatar_list.vue'
|
2019-06-18 22:28:31 +02:00
|
|
|
import Timeago from '../timeago/timeago.vue'
|
2020-04-27 11:53:04 +02:00
|
|
|
import StatusContent from '../status_content/status_content.vue'
|
2021-06-07 17:39:51 +02:00
|
|
|
import RichContent from 'src/components/rich_content/rich_content.jsx'
|
2019-10-24 22:53:36 +02:00
|
|
|
import StatusPopover from '../status_popover/status_popover.vue'
|
2022-06-16 15:30:05 +02:00
|
|
|
import UserPopover from '../user_popover/user_popover.vue'
|
2020-07-16 16:42:16 +02:00
|
|
|
import UserListPopover from '../user_list_popover/user_list_popover.vue'
|
2020-01-14 09:06:14 +01:00
|
|
|
import EmojiReactions from '../emoji_reactions/emoji_reactions.vue'
|
2022-08-30 00:46:41 +02:00
|
|
|
import UserLink from '../user_link/user_link.vue'
|
2021-06-08 13:34:47 +02:00
|
|
|
import MentionsLine from 'src/components/mentions_line/mentions_line.vue'
|
2021-06-08 10:38:44 +02:00
|
|
|
import MentionLink from 'src/components/mention_link/mention_link.vue'
|
2018-12-13 17:57:11 +01:00
|
|
|
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
|
2019-01-30 19:49:24 +01:00
|
|
|
import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
|
2020-05-25 22:38:31 +02:00
|
|
|
import { muteWordHits } from '../../services/status_parser/status_parser.js'
|
|
|
|
import { unescape, uniqBy } from 'lodash'
|
2016-10-28 18:08:03 +02:00
|
|
|
|
2020-10-19 18:38:49 +02:00
|
|
|
import { library } from '@fortawesome/fontawesome-svg-core'
|
|
|
|
import {
|
|
|
|
faEnvelope,
|
|
|
|
faLock,
|
2020-10-20 23:28:24 +02:00
|
|
|
faLockOpen,
|
2020-10-20 23:25:59 +02:00
|
|
|
faGlobe,
|
2020-10-19 18:38:49 +02:00
|
|
|
faTimes,
|
|
|
|
faRetweet,
|
|
|
|
faReply,
|
|
|
|
faPlusSquare,
|
|
|
|
faSmileBeam,
|
|
|
|
faEllipsisH,
|
|
|
|
faStar,
|
|
|
|
faEyeSlash,
|
|
|
|
faEye,
|
2021-08-07 06:33:06 +02:00
|
|
|
faThumbtack,
|
2021-08-07 17:59:10 +02:00
|
|
|
faChevronUp,
|
|
|
|
faChevronDown,
|
|
|
|
faAngleDoubleRight
|
2020-10-19 18:38:49 +02:00
|
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
|
|
|
|
library.add(
|
|
|
|
faEnvelope,
|
2020-10-20 23:25:59 +02:00
|
|
|
faGlobe,
|
2020-10-19 18:38:49 +02:00
|
|
|
faLock,
|
2020-10-20 23:28:24 +02:00
|
|
|
faLockOpen,
|
2020-10-19 18:38:49 +02:00
|
|
|
faTimes,
|
|
|
|
faRetweet,
|
|
|
|
faReply,
|
|
|
|
faPlusSquare,
|
|
|
|
faStar,
|
|
|
|
faSmileBeam,
|
|
|
|
faEllipsisH,
|
|
|
|
faEyeSlash,
|
|
|
|
faEye,
|
2021-08-07 06:33:06 +02:00
|
|
|
faThumbtack,
|
2021-08-07 17:59:10 +02:00
|
|
|
faChevronUp,
|
|
|
|
faChevronDown,
|
|
|
|
faAngleDoubleRight
|
2020-10-19 18:38:49 +02:00
|
|
|
)
|
|
|
|
|
2021-09-16 06:29:14 +02:00
|
|
|
const camelCase = name => name.charAt(0).toUpperCase() + name.slice(1)
|
|
|
|
|
|
|
|
const controlledOrUncontrolledGetters = list => list.reduce((res, name) => {
|
|
|
|
const camelized = camelCase(name)
|
|
|
|
const toggle = `controlledToggle${camelized}`
|
|
|
|
const controlledName = `controlled${camelized}`
|
|
|
|
const uncontrolledName = `uncontrolled${camelized}`
|
|
|
|
res[name] = function () {
|
2022-03-29 18:44:07 +02:00
|
|
|
return ((this.$data[toggle] !== undefined || this.$props[toggle] !== undefined) && this[toggle]) ? this[controlledName] : this[uncontrolledName]
|
2021-09-16 06:29:14 +02:00
|
|
|
}
|
|
|
|
return res
|
|
|
|
}, {})
|
|
|
|
|
|
|
|
const controlledOrUncontrolledToggle = (obj, name) => {
|
|
|
|
const camelized = camelCase(name)
|
|
|
|
const toggle = `controlledToggle${camelized}`
|
|
|
|
const uncontrolledName = `uncontrolled${camelized}`
|
|
|
|
if (obj[toggle]) {
|
|
|
|
obj[toggle]()
|
|
|
|
} else {
|
|
|
|
obj[uncontrolledName] = !obj[uncontrolledName]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const controlledOrUncontrolledSet = (obj, name, val) => {
|
|
|
|
const camelized = camelCase(name)
|
|
|
|
const set = `controlledSet${camelized}`
|
|
|
|
const uncontrolledName = `uncontrolled${camelized}`
|
|
|
|
if (obj[set]) {
|
|
|
|
obj[set](val)
|
|
|
|
} else {
|
|
|
|
obj[uncontrolledName] = val
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2016-10-28 15:19:42 +02:00
|
|
|
const Status = {
|
2018-04-09 18:43:31 +02:00
|
|
|
name: 'Status',
|
2020-07-16 16:42:16 +02:00
|
|
|
components: {
|
2020-09-07 09:35:49 +02:00
|
|
|
ReplyButton,
|
2020-07-16 16:42:16 +02:00
|
|
|
FavoriteButton,
|
|
|
|
ReactButton,
|
|
|
|
RetweetButton,
|
|
|
|
ExtraButtons,
|
|
|
|
PostStatusForm,
|
|
|
|
UserAvatar,
|
|
|
|
AvatarList,
|
|
|
|
Timeago,
|
|
|
|
StatusPopover,
|
|
|
|
UserListPopover,
|
|
|
|
EmojiReactions,
|
2021-06-07 17:39:51 +02:00
|
|
|
StatusContent,
|
2021-06-08 10:38:44 +02:00
|
|
|
RichContent,
|
2021-06-08 13:34:47 +02:00
|
|
|
MentionLink,
|
2022-06-13 12:45:04 +02:00
|
|
|
MentionsLine,
|
2022-08-30 00:46:41 +02:00
|
|
|
UserPopover,
|
|
|
|
UserLink
|
2020-07-16 16:42:16 +02:00
|
|
|
},
|
2017-02-04 13:53:28 +01:00
|
|
|
props: [
|
|
|
|
'statusoid',
|
2019-05-07 03:36:55 +02:00
|
|
|
'expandable',
|
2017-03-09 09:19:40 +01:00
|
|
|
'inConversation',
|
2017-04-12 17:25:19 +02:00
|
|
|
'focused',
|
2017-05-31 10:47:18 +02:00
|
|
|
'highlight',
|
2017-06-04 22:58:15 +02:00
|
|
|
'compact',
|
2018-04-09 18:43:31 +02:00
|
|
|
'replies',
|
2019-03-02 17:35:38 +01:00
|
|
|
'isPreview',
|
2018-04-09 18:43:31 +02:00
|
|
|
'noHeading',
|
2019-04-30 17:06:22 +02:00
|
|
|
'inlineExpanded',
|
2019-09-13 21:34:17 +02:00
|
|
|
'showPinned',
|
2019-11-25 18:25:01 +01:00
|
|
|
'inProfile',
|
2021-08-07 06:33:06 +02:00
|
|
|
'profileUserId',
|
2023-07-13 06:37:57 +02:00
|
|
|
'inQuote',
|
2021-08-07 06:33:06 +02:00
|
|
|
|
2021-08-08 00:53:23 +02:00
|
|
|
'simpleTree',
|
2021-08-07 06:33:06 +02:00
|
|
|
'controlledThreadDisplayStatus',
|
2021-08-07 16:28:45 +02:00
|
|
|
'controlledToggleThreadDisplay',
|
2021-09-05 22:35:47 +02:00
|
|
|
'showOtherRepliesAsButton',
|
2021-08-07 16:28:45 +02:00
|
|
|
|
|
|
|
'controlledShowingTall',
|
|
|
|
'controlledToggleShowingTall',
|
|
|
|
'controlledExpandingSubject',
|
|
|
|
'controlledToggleExpandingSubject',
|
|
|
|
'controlledShowingLongSubject',
|
2021-08-07 17:59:10 +02:00
|
|
|
'controlledToggleShowingLongSubject',
|
2021-09-16 06:29:14 +02:00
|
|
|
'controlledReplying',
|
|
|
|
'controlledToggleReplying',
|
|
|
|
'controlledMediaPlaying',
|
|
|
|
'controlledSetMediaPlaying',
|
2021-08-07 17:59:10 +02:00
|
|
|
'dive'
|
2017-02-04 13:53:28 +01:00
|
|
|
],
|
2018-08-20 03:59:06 +02:00
|
|
|
data () {
|
|
|
|
return {
|
2021-09-16 06:29:14 +02:00
|
|
|
uncontrolledReplying: false,
|
2018-08-20 03:59:06 +02:00
|
|
|
unmuted: false,
|
|
|
|
userExpanded: false,
|
2021-09-16 06:29:14 +02:00
|
|
|
uncontrolledMediaPlaying: [],
|
2020-09-29 12:18:37 +02:00
|
|
|
suspendable: true,
|
2021-06-11 02:11:58 +02:00
|
|
|
error: null,
|
2023-07-13 06:37:57 +02:00
|
|
|
headTailLinks: null,
|
|
|
|
displayQuote: !this.inQuote
|
2018-08-20 03:59:06 +02:00
|
|
|
}
|
|
|
|
},
|
2016-10-28 18:08:03 +02:00
|
|
|
computed: {
|
2021-09-16 06:29:14 +02:00
|
|
|
...controlledOrUncontrolledGetters(['replying', 'mediaPlaying']),
|
2017-04-09 15:53:23 +02:00
|
|
|
muteWords () {
|
2019-09-29 21:33:15 +02:00
|
|
|
return this.mergedConfig.muteWords
|
2017-04-09 15:53:23 +02:00
|
|
|
},
|
2020-05-25 22:38:31 +02:00
|
|
|
showReasonMutedThread () {
|
|
|
|
return (
|
|
|
|
this.status.thread_muted ||
|
|
|
|
(this.status.reblog && this.status.reblog.thread_muted)
|
|
|
|
) && !this.inConversation
|
|
|
|
},
|
2018-06-18 10:36:58 +02:00
|
|
|
repeaterClass () {
|
|
|
|
const user = this.statusoid.user
|
2018-06-19 15:17:50 +02:00
|
|
|
return highlightClass(user)
|
2018-06-18 10:36:58 +02:00
|
|
|
},
|
2018-04-25 16:35:25 +02:00
|
|
|
userClass () {
|
2018-06-18 10:36:58 +02:00
|
|
|
const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
|
2018-06-19 15:17:50 +02:00
|
|
|
return highlightClass(user)
|
2018-06-18 10:36:58 +02:00
|
|
|
},
|
2018-12-04 19:49:00 +01:00
|
|
|
deleted () {
|
2018-12-04 19:45:08 +01:00
|
|
|
return this.statusoid.deleted
|
|
|
|
},
|
2018-06-18 10:36:58 +02:00
|
|
|
repeaterStyle () {
|
|
|
|
const user = this.statusoid.user
|
2019-09-29 21:33:15 +02:00
|
|
|
const highlight = this.mergedConfig.highlight
|
2018-08-05 04:18:04 +02:00
|
|
|
return highlightStyle(highlight[user.screen_name])
|
2018-06-18 10:36:58 +02:00
|
|
|
},
|
|
|
|
userStyle () {
|
2018-08-05 04:41:37 +02:00
|
|
|
if (this.noHeading) return
|
2018-06-18 10:36:58 +02:00
|
|
|
const user = this.retweet ? (this.statusoid.retweeted_status.user) : this.statusoid.user
|
2019-09-29 21:33:15 +02:00
|
|
|
const highlight = this.mergedConfig.highlight
|
2018-08-05 04:18:04 +02:00
|
|
|
return highlightStyle(highlight[user.screen_name])
|
2018-04-25 16:35:25 +02:00
|
|
|
},
|
2019-01-22 21:57:51 +01:00
|
|
|
userProfileLink () {
|
|
|
|
return this.generateUserProfileLink(this.status.user.id, this.status.user.screen_name)
|
|
|
|
},
|
|
|
|
replyProfileLink () {
|
|
|
|
if (this.isReply) {
|
2021-06-08 16:04:57 +02:00
|
|
|
const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
|
2021-06-10 12:01:00 +02:00
|
|
|
// FIXME Why user not found sometimes???
|
|
|
|
return user ? user.statusnet_profile_url : 'NOT_FOUND'
|
2019-01-22 21:57:51 +01:00
|
|
|
}
|
|
|
|
},
|
2016-10-28 18:08:03 +02:00
|
|
|
retweet () { return !!this.statusoid.retweeted_status },
|
2021-06-07 17:39:51 +02:00
|
|
|
retweeterUser () { return this.statusoid.user },
|
2021-02-26 15:23:11 +01:00
|
|
|
retweeter () { return this.statusoid.user.name || this.statusoid.user.screen_name_ui },
|
2021-06-07 17:39:51 +02:00
|
|
|
retweeterHtml () { return this.statusoid.user.name },
|
2019-02-03 20:08:04 +01:00
|
|
|
retweeterProfileLink () { return this.generateUserProfileLink(this.statusoid.user.id, this.statusoid.user.screen_name) },
|
2016-10-28 18:08:03 +02:00
|
|
|
status () {
|
|
|
|
if (this.retweet) {
|
|
|
|
return this.statusoid.retweeted_status
|
|
|
|
} else {
|
|
|
|
return this.statusoid
|
|
|
|
}
|
2016-11-06 20:45:26 +01:00
|
|
|
},
|
2019-04-09 17:45:33 +02:00
|
|
|
statusFromGlobalRepository () {
|
|
|
|
// NOTE: Consider to replace status with statusFromGlobalRepository
|
|
|
|
return this.$store.state.statuses.allStatusesObject[this.status.id]
|
|
|
|
},
|
2016-11-06 20:45:26 +01:00
|
|
|
loggedIn () {
|
2019-11-13 23:18:14 +01:00
|
|
|
return !!this.currentUser
|
2017-02-14 00:01:50 +01:00
|
|
|
},
|
2017-04-09 15:53:23 +02:00
|
|
|
muteWordHits () {
|
2020-05-25 22:38:31 +02:00
|
|
|
return muteWordHits(this.status, this.muteWords)
|
2017-04-09 15:53:23 +02:00
|
|
|
},
|
2022-03-21 19:39:56 +01:00
|
|
|
rtBotStatus () {
|
|
|
|
return this.statusoid.user.bot
|
|
|
|
},
|
2022-02-28 21:07:20 +01:00
|
|
|
botStatus () {
|
|
|
|
return this.status.user.bot
|
|
|
|
},
|
2022-02-28 22:35:00 +01:00
|
|
|
botIndicator () {
|
|
|
|
return this.botStatus && !this.hideBotIndication
|
|
|
|
},
|
2022-03-21 19:39:56 +01:00
|
|
|
rtBotIndicator () {
|
|
|
|
return this.rtBotStatus && !this.hideBotIndication
|
|
|
|
},
|
2021-06-10 11:08:31 +02:00
|
|
|
mentionsLine () {
|
2021-08-14 20:55:38 +02:00
|
|
|
if (!this.headTailLinks) return []
|
|
|
|
const writtenSet = new Set(this.headTailLinks.writtenMentions.map(_ => _.url))
|
2021-08-12 02:08:57 +02:00
|
|
|
return this.status.attentions.filter(attn => {
|
2021-08-14 20:55:38 +02:00
|
|
|
// no reply user
|
|
|
|
return attn.id !== this.status.in_reply_to_user_id &&
|
|
|
|
// no self-replies
|
|
|
|
attn.statusnet_profile_url !== this.status.user.statusnet_profile_url &&
|
|
|
|
// don't include if mentions is written
|
|
|
|
!writtenSet.has(attn.statusnet_profile_url)
|
2021-08-12 02:08:57 +02:00
|
|
|
}).map(attn => ({
|
|
|
|
url: attn.statusnet_profile_url,
|
|
|
|
content: attn.screen_name,
|
|
|
|
userId: attn.id
|
|
|
|
}))
|
2021-06-10 11:08:31 +02:00
|
|
|
},
|
|
|
|
hasMentionsLine () {
|
|
|
|
return this.mentionsLine.length > 0
|
2021-06-08 10:38:44 +02:00
|
|
|
},
|
2020-04-21 22:27:51 +02:00
|
|
|
muted () {
|
2021-06-08 15:14:01 +02:00
|
|
|
if (this.statusoid.user.id === this.currentUser.id) return false
|
|
|
|
const reasonsToMute = this.userIsMuted ||
|
|
|
|
// Thread is muted
|
|
|
|
status.thread_muted ||
|
|
|
|
// Wordfiltered
|
2022-02-28 21:07:20 +01:00
|
|
|
this.muteWordHits.length > 0 ||
|
|
|
|
// bot status
|
2022-03-09 05:56:43 +01:00
|
|
|
(this.muteBotStatuses && this.botStatus && !this.compact)
|
2021-06-08 15:14:01 +02:00
|
|
|
return !this.unmuted && !this.shouldNotMute && reasonsToMute
|
|
|
|
},
|
|
|
|
userIsMuted () {
|
2021-01-11 18:40:35 +01:00
|
|
|
if (this.statusoid.user.id === this.currentUser.id) return false
|
2020-05-25 22:38:31 +02:00
|
|
|
const { status } = this
|
|
|
|
const { reblog } = status
|
|
|
|
const relationship = this.$store.getters.relationship(status.user.id)
|
|
|
|
const relationshipReblog = reblog && this.$store.getters.relationship(reblog.user.id)
|
2021-06-08 15:14:01 +02:00
|
|
|
return status.muted ||
|
2020-05-25 22:38:31 +02:00
|
|
|
// Reprööt of a muted post according to BE
|
|
|
|
(reblog && reblog.muted) ||
|
|
|
|
// Muted user
|
|
|
|
relationship.muting ||
|
|
|
|
// Muted user of a reprööt
|
2021-06-08 15:14:01 +02:00
|
|
|
(relationshipReblog && relationshipReblog.muting)
|
|
|
|
},
|
|
|
|
shouldNotMute () {
|
|
|
|
const { status } = this
|
|
|
|
const { reblog } = status
|
|
|
|
return (
|
2020-05-25 22:38:31 +02:00
|
|
|
(
|
|
|
|
this.inProfile && (
|
|
|
|
// Don't mute user's posts on user timeline (except reblogs)
|
|
|
|
(!reblog && status.user.id === this.profileUserId) ||
|
|
|
|
// Same as above but also allow self-reblogs
|
|
|
|
(reblog && reblog.user.id === this.profileUserId)
|
|
|
|
)
|
|
|
|
) ||
|
|
|
|
// Don't mute statuses in muted conversation when said conversation is opened
|
|
|
|
(this.inConversation && status.thread_muted)
|
|
|
|
// No excuses if post has muted words
|
|
|
|
) && !this.muteWordHits.length > 0
|
2021-06-08 15:14:01 +02:00
|
|
|
},
|
|
|
|
hideMutedUsers () {
|
|
|
|
return this.mergedConfig.hideMutedPosts
|
|
|
|
},
|
|
|
|
hideMutedThreads () {
|
|
|
|
return this.mergedConfig.hideMutedThreads
|
2020-04-21 22:27:51 +02:00
|
|
|
},
|
2019-02-06 19:18:13 +01:00
|
|
|
hideFilteredStatuses () {
|
2019-09-29 21:33:15 +02:00
|
|
|
return this.mergedConfig.hideFilteredStatuses
|
2019-02-06 19:18:13 +01:00
|
|
|
},
|
2021-06-08 15:14:01 +02:00
|
|
|
hideWordFilteredPosts () {
|
|
|
|
return this.mergedConfig.hideWordFilteredPosts
|
|
|
|
},
|
2019-02-08 13:25:56 +01:00
|
|
|
hideStatus () {
|
2022-03-28 16:37:26 +02:00
|
|
|
return (!this.shouldNotMute) && (
|
2021-06-08 15:14:01 +02:00
|
|
|
(this.muted && this.hideFilteredStatuses) ||
|
|
|
|
(this.userIsMuted && this.hideMutedUsers) ||
|
|
|
|
(this.status.thread_muted && this.hideMutedThreads) ||
|
|
|
|
(this.muteWordHits.length > 0 && this.hideWordFilteredPosts)
|
|
|
|
)
|
2019-02-08 13:25:56 +01:00
|
|
|
},
|
2017-04-12 17:25:19 +02:00
|
|
|
isFocused () {
|
|
|
|
// retweet or root of an expanded conversation
|
2017-04-12 18:07:55 +02:00
|
|
|
if (this.focused) {
|
2017-04-12 17:25:19 +02:00
|
|
|
return true
|
2017-04-12 18:07:55 +02:00
|
|
|
} else if (!this.inConversation) {
|
2017-04-12 17:25:19 +02:00
|
|
|
return false
|
2017-04-12 18:07:55 +02:00
|
|
|
}
|
|
|
|
// use conversation highlight only when in conversation
|
|
|
|
return this.status.id === this.highlight
|
2018-04-09 18:43:31 +02:00
|
|
|
},
|
2018-08-24 21:04:26 +02:00
|
|
|
isReply () {
|
2019-01-27 10:31:23 +01:00
|
|
|
return !!(this.status.in_reply_to_status_id && this.status.in_reply_to_user_id)
|
2018-08-24 21:04:26 +02:00
|
|
|
},
|
2019-01-22 21:57:51 +01:00
|
|
|
replyToName () {
|
2019-03-09 00:34:15 +01:00
|
|
|
if (this.status.in_reply_to_screen_name) {
|
2019-01-24 18:27:20 +01:00
|
|
|
return this.status.in_reply_to_screen_name
|
2019-03-09 00:34:15 +01:00
|
|
|
} else {
|
2019-03-09 00:36:35 +01:00
|
|
|
const user = this.$store.getters.findUser(this.status.in_reply_to_user_id)
|
2021-02-26 15:23:11 +01:00
|
|
|
return user && user.screen_name_ui
|
2019-01-22 21:57:51 +01:00
|
|
|
}
|
|
|
|
},
|
2018-08-26 02:50:11 +02:00
|
|
|
replySubject () {
|
2018-09-25 14:21:47 +02:00
|
|
|
if (!this.status.summary) return ''
|
2019-02-09 13:13:52 +01:00
|
|
|
const decodedSummary = unescape(this.status.summary)
|
2019-09-29 21:33:15 +02:00
|
|
|
const behavior = this.mergedConfig.subjectLineBehavior
|
2019-02-08 17:25:53 +01:00
|
|
|
const startsWithRe = decodedSummary.match(/^re[: ]/i)
|
2019-07-06 23:54:17 +02:00
|
|
|
if ((behavior !== 'noop' && startsWithRe) || behavior === 'masto') {
|
2019-02-08 17:25:53 +01:00
|
|
|
return decodedSummary
|
2018-09-25 14:16:26 +02:00
|
|
|
} else if (behavior === 'email') {
|
2019-02-08 17:25:53 +01:00
|
|
|
return 're: '.concat(decodedSummary)
|
2018-09-25 14:16:26 +02:00
|
|
|
} else if (behavior === 'noop') {
|
|
|
|
return ''
|
2018-08-26 02:50:11 +02:00
|
|
|
}
|
|
|
|
},
|
2019-05-01 16:33:56 +02:00
|
|
|
combinedFavsAndRepeatsUsers () {
|
2019-04-09 17:45:33 +02:00
|
|
|
// Use the status from the global status repository since favs and repeats are saved in it
|
2019-05-01 16:33:56 +02:00
|
|
|
const combinedUsers = [].concat(
|
2019-04-29 21:36:39 +02:00
|
|
|
this.statusFromGlobalRepository.favoritedBy,
|
|
|
|
this.statusFromGlobalRepository.rebloggedBy
|
|
|
|
)
|
2019-05-01 16:33:56 +02:00
|
|
|
return uniqBy(combinedUsers, 'id')
|
2019-04-04 18:56:13 +02:00
|
|
|
},
|
2019-05-20 21:23:36 +02:00
|
|
|
tags () {
|
2022-07-31 11:36:02 +02:00
|
|
|
// eslint-disable-next-line no-prototype-builtins
|
2019-05-20 21:23:36 +02:00
|
|
|
return this.status.tags.filter(tagObj => tagObj.hasOwnProperty('name')).map(tagObj => tagObj.name).join(' ')
|
2019-07-09 15:50:23 +02:00
|
|
|
},
|
|
|
|
hidePostStats () {
|
2019-09-29 21:33:15 +02:00
|
|
|
return this.mergedConfig.hidePostStats
|
|
|
|
},
|
2022-02-28 21:07:20 +01:00
|
|
|
muteBotStatuses () {
|
|
|
|
return this.mergedConfig.muteBotStatuses
|
|
|
|
},
|
2022-02-28 22:35:00 +01:00
|
|
|
hideBotIndication () {
|
|
|
|
return this.mergedConfig.hideBotIndication
|
|
|
|
},
|
2020-09-29 12:18:37 +02:00
|
|
|
currentUser () {
|
|
|
|
return this.$store.state.users.currentUser
|
|
|
|
},
|
|
|
|
betterShadow () {
|
|
|
|
return this.$store.state.interface.browserSupport.cssFilter
|
|
|
|
},
|
|
|
|
mergedConfig () {
|
|
|
|
return this.$store.getters.mergedConfig
|
|
|
|
},
|
|
|
|
isSuspendable () {
|
|
|
|
return !this.replying && this.mediaPlaying.length === 0
|
2021-08-07 06:33:06 +02:00
|
|
|
},
|
|
|
|
inThreadForest () {
|
|
|
|
return !!this.controlledThreadDisplayStatus
|
|
|
|
},
|
|
|
|
threadShowing () {
|
|
|
|
return this.controlledThreadDisplayStatus === 'showing'
|
2022-03-22 19:42:29 +01:00
|
|
|
},
|
|
|
|
visibilityLocalized () {
|
|
|
|
return this.$i18n.t('general.scope_in_timeline.' + this.status.visibility)
|
2022-06-22 22:05:27 +02:00
|
|
|
},
|
|
|
|
isEdited () {
|
|
|
|
return this.status.edited_at !== null
|
|
|
|
},
|
|
|
|
editingAvailable () {
|
|
|
|
return this.$store.state.instance.editingAvailable
|
2023-07-13 02:45:44 +02:00
|
|
|
},
|
2023-07-13 06:37:57 +02:00
|
|
|
hasVisibleQuote () {
|
|
|
|
return this.status.quote_url && this.status.quote_visible
|
|
|
|
},
|
|
|
|
hasInvisibleQuote () {
|
|
|
|
return this.status.quote_url && !this.status.quote_visible
|
|
|
|
},
|
2023-07-13 02:45:44 +02:00
|
|
|
quotedStatus () {
|
|
|
|
return this.status.quote_id ? this.$store.state.statuses.allStatusesObject[this.status.quote_id] : undefined
|
2023-07-13 06:37:57 +02:00
|
|
|
},
|
|
|
|
shouldDisplayQuote () {
|
|
|
|
return this.quotedStatus && this.displayQuote
|
2020-09-29 12:18:37 +02:00
|
|
|
}
|
2016-10-28 18:08:03 +02:00
|
|
|
},
|
2016-11-03 16:59:27 +01:00
|
|
|
methods: {
|
2018-05-22 00:01:33 +02:00
|
|
|
visibilityIcon (visibility) {
|
|
|
|
switch (visibility) {
|
|
|
|
case 'private':
|
2020-10-19 18:38:49 +02:00
|
|
|
return 'lock'
|
2018-05-22 00:01:33 +02:00
|
|
|
case 'unlisted':
|
2020-10-20 23:28:24 +02:00
|
|
|
return 'lock-open'
|
2018-05-22 00:01:33 +02:00
|
|
|
case 'direct':
|
2020-10-19 18:38:49 +02:00
|
|
|
return 'envelope'
|
2018-05-22 00:01:33 +02:00
|
|
|
default:
|
2020-10-20 23:25:59 +02:00
|
|
|
return 'globe'
|
2018-05-20 18:28:01 +02:00
|
|
|
}
|
|
|
|
},
|
2019-04-12 21:35:29 +02:00
|
|
|
showError (error) {
|
|
|
|
this.error = error
|
2019-04-27 15:36:10 +02:00
|
|
|
},
|
|
|
|
clearError () {
|
|
|
|
this.error = undefined
|
2019-04-12 21:35:29 +02:00
|
|
|
},
|
2016-11-03 16:59:27 +01:00
|
|
|
toggleReplying () {
|
2021-09-16 06:29:14 +02:00
|
|
|
controlledOrUncontrolledToggle(this, 'replying')
|
2017-02-04 13:53:28 +01:00
|
|
|
},
|
2017-06-04 22:58:15 +02:00
|
|
|
gotoOriginal (id) {
|
2017-11-14 07:55:21 +01:00
|
|
|
if (this.inConversation) {
|
2017-11-13 15:33:54 +01:00
|
|
|
this.$emit('goto', id)
|
|
|
|
}
|
2017-04-12 17:25:19 +02:00
|
|
|
},
|
2017-02-04 13:53:28 +01:00
|
|
|
toggleExpanded () {
|
|
|
|
this.$emit('toggleExpanded')
|
2017-02-14 00:01:50 +01:00
|
|
|
},
|
|
|
|
toggleMute () {
|
|
|
|
this.unmuted = !this.unmuted
|
2017-02-16 15:58:49 +01:00
|
|
|
},
|
|
|
|
toggleUserExpanded () {
|
|
|
|
this.userExpanded = !this.userExpanded
|
2017-06-07 16:58:24 +02:00
|
|
|
},
|
2019-01-22 21:57:51 +01:00
|
|
|
generateUserProfileLink (id, name) {
|
2018-12-26 14:50:48 +01:00
|
|
|
return generateProfileLink(id, name, this.$store.state.instance.restrictedNicknames)
|
2020-09-29 12:18:37 +02:00
|
|
|
},
|
|
|
|
addMediaPlaying (id) {
|
2021-09-16 06:29:14 +02:00
|
|
|
controlledOrUncontrolledSet(this, 'mediaPlaying', this.mediaPlaying.concat(id))
|
2020-09-29 12:18:37 +02:00
|
|
|
},
|
|
|
|
removeMediaPlaying (id) {
|
2021-09-16 06:29:14 +02:00
|
|
|
controlledOrUncontrolledSet(this, 'mediaPlaying', this.mediaPlaying.filter(mediaId => mediaId !== id))
|
2021-06-11 02:11:58 +02:00
|
|
|
},
|
|
|
|
setHeadTailLinks (headTailLinks) {
|
|
|
|
this.headTailLinks = headTailLinks
|
2021-08-07 06:33:06 +02:00
|
|
|
},
|
|
|
|
toggleThreadDisplay () {
|
|
|
|
this.controlledToggleThreadDisplay()
|
2021-08-08 00:53:23 +02:00
|
|
|
},
|
|
|
|
scrollIfHighlighted (highlightId) {
|
|
|
|
const id = highlightId
|
2017-04-12 18:07:55 +02:00
|
|
|
if (this.status.id === id) {
|
2022-07-31 11:35:48 +02:00
|
|
|
const rect = this.$el.getBoundingClientRect()
|
2017-04-12 18:07:55 +02:00
|
|
|
if (rect.top < 100) {
|
2019-01-30 15:38:28 +01: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-04 22:58:15 +02:00
|
|
|
} else if (rect.bottom > window.innerHeight - 50) {
|
2019-01-30 15:38:28 +01:00
|
|
|
// Post is below screen, match its bottom to screen bottom
|
2017-06-04 22:58:15 +02:00
|
|
|
window.scrollBy(0, rect.bottom - window.innerHeight + 50)
|
2017-04-12 18:07:55 +02:00
|
|
|
}
|
2017-04-12 17:25:19 +02:00
|
|
|
}
|
2023-07-13 06:37:57 +02:00
|
|
|
},
|
|
|
|
toggleDisplayQuote () {
|
|
|
|
if (this.shouldDisplayQuote) {
|
|
|
|
this.displayQuote = false
|
|
|
|
} else if (!this.quotedStatus) {
|
|
|
|
this.$store.dispatch('fetchStatus', this.status.quote_id)
|
|
|
|
.then(() => {
|
|
|
|
this.displayQuote = true
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
this.displayQuote = true
|
|
|
|
}
|
2021-08-08 00:53:23 +02:00
|
|
|
}
|
|
|
|
},
|
|
|
|
watch: {
|
2022-07-31 11:35:48 +02:00
|
|
|
highlight: function (id) {
|
2021-08-08 00:53:23 +02:00
|
|
|
this.scrollIfHighlighted(id)
|
2019-06-24 11:19:43 +02:00
|
|
|
},
|
|
|
|
'status.repeat_num': function (num) {
|
2019-06-27 14:19:35 +02:00
|
|
|
// refetch repeats when repeat_num is changed in any way
|
2019-06-24 11:19:43 +02:00
|
|
|
if (this.isFocused && this.statusFromGlobalRepository.rebloggedBy && this.statusFromGlobalRepository.rebloggedBy.length !== num) {
|
2019-06-27 14:14:54 +02:00
|
|
|
this.$store.dispatch('fetchRepeats', this.status.id)
|
2019-06-24 11:19:43 +02:00
|
|
|
}
|
|
|
|
},
|
|
|
|
'status.fave_num': function (num) {
|
2019-06-27 14:19:35 +02:00
|
|
|
// refetch favs when fave_num is changed in any way
|
2019-06-24 11:19:43 +02:00
|
|
|
if (this.isFocused && this.statusFromGlobalRepository.favoritedBy && this.statusFromGlobalRepository.favoritedBy.length !== num) {
|
2019-06-27 14:14:54 +02:00
|
|
|
this.$store.dispatch('fetchFavs', this.status.id)
|
2019-06-24 11:19:43 +02:00
|
|
|
}
|
2020-09-29 12:18:37 +02:00
|
|
|
},
|
2022-07-31 11:35:48 +02:00
|
|
|
isSuspendable: function (val) {
|
2020-09-29 12:18:37 +02:00
|
|
|
this.suspendable = val
|
2017-04-12 17:25:19 +02:00
|
|
|
}
|
2016-10-28 18:08:03 +02:00
|
|
|
}
|
2016-10-28 15:19:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
export default Status
|