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

115 lines
3.3 KiB
JavaScript
Raw Normal View History

2020-05-25 22:01:25 +00:00
import StatusContent from '../status_content/status_content.vue'
2020-05-07 13:10:53 +00:00
import { mapState } from 'vuex'
import Status from '../status/status.vue'
import UserAvatar from '../user_avatar/user_avatar.vue'
2019-03-05 19:01:49 +00:00
import UserCard from '../user_card/user_card.vue'
2019-06-18 20:28:31 +00:00
import Timeago from '../timeago/timeago.vue'
import { isStatusNotification } from '../../services/notification_utils/notification_utils.js'
import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
import { library } from '@fortawesome/fontawesome-svg-core'
import {
faCheck,
faTimes,
faStar,
faRetweet,
faUserPlus,
faEyeSlash,
faUser,
faSuitcaseRolling
} from '@fortawesome/free-solid-svg-icons'
library.add(
faCheck,
faTimes,
faStar,
faRetweet,
faUserPlus,
faUser,
faEyeSlash,
faSuitcaseRolling
)
const Notification = {
data () {
return {
userExpanded: false,
betterShadow: this.$store.state.interface.browserSupport.cssFilter,
unmuted: false
}
},
props: [ 'notification' ],
components: {
2020-05-25 22:01:25 +00:00
StatusContent,
2019-06-18 20:28:31 +00:00
UserAvatar,
UserCard,
2020-05-25 22:01:25 +00:00
Timeago,
2020-05-25 22:06:34 +00:00
Status
},
methods: {
toggleUserExpanded () {
this.userExpanded = !this.userExpanded
2018-12-16 23:52:27 +00:00
},
generateUserProfileLink (user) {
return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
2019-02-18 14:49:32 +00:00
},
getUser (notification) {
2019-04-12 07:49:22 +00:00
return this.$store.state.users.usersObject[notification.from_profile.id]
},
toggleMute () {
this.unmuted = !this.unmuted
},
approveUser () {
this.$store.state.api.backendInteractor.approveUser({ id: this.user.id })
this.$store.dispatch('removeFollowRequest', this.user)
this.$store.dispatch('markSingleNotificationAsSeen', { id: this.notification.id })
this.$store.dispatch('updateNotification', {
id: this.notification.id,
updater: notification => {
notification.type = 'follow'
}
})
},
denyUser () {
this.$store.state.api.backendInteractor.denyUser({ id: this.user.id })
.then(() => {
this.$store.dispatch('dismissNotificationLocal', { id: this.notification.id })
this.$store.dispatch('removeFollowRequest', this.user)
})
}
},
computed: {
userClass () {
2019-04-01 01:59:18 +00:00
return highlightClass(this.notification.from_profile)
},
userStyle () {
const highlight = this.$store.getters.mergedConfig.highlight
2019-04-01 01:59:18 +00:00
const user = this.notification.from_profile
return highlightStyle(highlight[user.screen_name])
2019-04-01 14:26:13 +00:00
},
user () {
2019-12-11 09:48:18 +00:00
return this.$store.getters.findUser(this.notification.from_profile.id)
},
userProfileLink () {
2019-09-10 20:21:52 +00:00
return this.generateUserProfileLink(this.user)
},
2019-12-10 19:02:25 +00:00
targetUser () {
2019-12-11 09:48:18 +00:00
return this.$store.getters.findUser(this.notification.target.id)
2019-12-10 19:02:25 +00:00
},
targetUserProfileLink () {
return this.generateUserProfileLink(this.targetUser)
},
needMute () {
return this.$store.getters.relationship(this.user.id).muting
},
isStatusNotification () {
return isStatusNotification(this.notification.type)
2020-05-07 13:10:53 +00:00
},
...mapState({
currentUser: state => state.users.currentUser
})
}
}
export default Notification