|
|
@ -20,7 +20,9 @@ import {
|
|
|
|
faUserPlus,
|
|
|
|
faUserPlus,
|
|
|
|
faEyeSlash,
|
|
|
|
faEyeSlash,
|
|
|
|
faUser,
|
|
|
|
faUser,
|
|
|
|
faSuitcaseRolling
|
|
|
|
faSuitcaseRolling,
|
|
|
|
|
|
|
|
faExpandAlt,
|
|
|
|
|
|
|
|
faCompressAlt
|
|
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
} from '@fortawesome/free-solid-svg-icons'
|
|
|
|
|
|
|
|
|
|
|
|
library.add(
|
|
|
|
library.add(
|
|
|
@ -31,13 +33,15 @@ library.add(
|
|
|
|
faUserPlus,
|
|
|
|
faUserPlus,
|
|
|
|
faUser,
|
|
|
|
faUser,
|
|
|
|
faEyeSlash,
|
|
|
|
faEyeSlash,
|
|
|
|
faSuitcaseRolling
|
|
|
|
faSuitcaseRolling,
|
|
|
|
|
|
|
|
faExpandAlt,
|
|
|
|
|
|
|
|
faCompressAlt
|
|
|
|
)
|
|
|
|
)
|
|
|
|
|
|
|
|
|
|
|
|
const Notification = {
|
|
|
|
const Notification = {
|
|
|
|
data () {
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
return {
|
|
|
|
userExpanded: false,
|
|
|
|
statusExpanded: false,
|
|
|
|
betterShadow: this.$store.state.interface.browserSupport.cssFilter,
|
|
|
|
betterShadow: this.$store.state.interface.browserSupport.cssFilter,
|
|
|
|
unmuted: false
|
|
|
|
unmuted: false
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -55,8 +59,9 @@ const Notification = {
|
|
|
|
UserLink
|
|
|
|
UserLink
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
toggleUserExpanded () {
|
|
|
|
toggleStatusExpanded () {
|
|
|
|
this.userExpanded = !this.userExpanded
|
|
|
|
console.log('as')
|
|
|
|
|
|
|
|
this.statusExpanded = !this.statusExpanded
|
|
|
|
},
|
|
|
|
},
|
|
|
|
generateUserProfileLink (user) {
|
|
|
|
generateUserProfileLink (user) {
|
|
|
|
return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
|
|
|
|
return generateProfileLink(user.id, user.screen_name, this.$store.state.instance.restrictedNicknames)
|
|
|
|