70 lines
2.0 KiB
JavaScript
70 lines
2.0 KiB
JavaScript
import { mapState } from 'vuex'
|
|
import StatusBody from '../status_content/status_content.vue'
|
|
import fileType from 'src/services/file_type/file_type.service'
|
|
import UserAvatar from '../user_avatar/user_avatar.vue'
|
|
import AvatarList from '../avatar_list/avatar_list.vue'
|
|
import Timeago from '../timeago/timeago.vue'
|
|
import ChatTitle from '../chat_title/chat_title.vue'
|
|
|
|
const ChatListItem = {
|
|
name: 'ChatListItem',
|
|
props: [
|
|
'chat'
|
|
],
|
|
components: {
|
|
UserAvatar,
|
|
AvatarList,
|
|
Timeago,
|
|
ChatTitle,
|
|
StatusBody
|
|
},
|
|
computed: {
|
|
...mapState({
|
|
currentUser: state => state.users.currentUser
|
|
}),
|
|
attachmentInfo () {
|
|
if (this.chat.lastMessage.attachments.length === 0) { return }
|
|
|
|
const types = this.chat.lastMessage.attachments.map(file => fileType.fileType(file.mimetype))
|
|
if (types.includes('video')) {
|
|
return this.$t('file_type.video')
|
|
} else if (types.includes('audio')) {
|
|
return this.$t('file_type.audio')
|
|
} else if (types.includes('image')) {
|
|
return this.$t('file_type.image')
|
|
} else {
|
|
return this.$t('file_type.file')
|
|
}
|
|
},
|
|
messageForStatusContent () {
|
|
const message = this.chat.lastMessage
|
|
const messageEmojis = message ? message.emojis : []
|
|
const isYou = message && message.account_id === this.currentUser.id
|
|
const content = message ? (this.attachmentInfo || message.content) : ''
|
|
const messagePreview = isYou ? `<i>${this.$t('chats.you')}</i> ${content}` : content
|
|
return {
|
|
summary: '',
|
|
emojis: messageEmojis,
|
|
raw_html: messagePreview,
|
|
text: messagePreview,
|
|
attachments: []
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
openChat (_e) {
|
|
if (this.chat.id) {
|
|
this.$router.push({
|
|
name: 'chat',
|
|
params: {
|
|
username: this.currentUser.screen_name,
|
|
recipient_id: this.chat.account.id
|
|
}
|
|
})
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
export default ChatListItem
|