36 lines
875 B
JavaScript
36 lines
875 B
JavaScript
import Status from '../status/status.vue'
|
|
import StillImage from '../still-image/still-image.vue'
|
|
import UserCardContent from '../user_card_content/user_card_content.vue'
|
|
import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
|
|
|
|
const Notification = {
|
|
data () {
|
|
return {
|
|
userExpanded: false
|
|
}
|
|
},
|
|
props: [
|
|
'notification'
|
|
],
|
|
components: {
|
|
Status, StillImage, UserCardContent
|
|
},
|
|
methods: {
|
|
toggleUserExpanded () {
|
|
this.userExpanded = !this.userExpanded
|
|
}
|
|
},
|
|
computed: {
|
|
userClass () {
|
|
return highlightClass(this.notification.action.user)
|
|
},
|
|
userStyle () {
|
|
const highlight = this.$store.state.config.highlight
|
|
const user = this.notification.action.user
|
|
return highlightStyle(highlight[user.screen_name])
|
|
}
|
|
}
|
|
}
|
|
|
|
export default Notification
|