70 lines
2.1 KiB
JavaScript
70 lines
2.1 KiB
JavaScript
import Notification from '../notification/notification.vue'
|
|
import notificationsFetcher from '../../services/notifications_fetcher/notifications_fetcher.service.js'
|
|
|
|
import { sortBy, filter } from 'lodash'
|
|
|
|
const Notifications = {
|
|
props: [ 'activatePanel' ],
|
|
created () {
|
|
const store = this.$store
|
|
const credentials = store.state.users.currentUser.credentials
|
|
|
|
notificationsFetcher.startFetching({ store, credentials })
|
|
},
|
|
computed: {
|
|
visibleTypes () {
|
|
return [
|
|
this.$store.state.config.notificationVisibility.likes && 'like',
|
|
this.$store.state.config.notificationVisibility.mentions && 'mention',
|
|
this.$store.state.config.notificationVisibility.repeats && 'repeat',
|
|
this.$store.state.config.notificationVisibility.follows && 'follow'
|
|
].filter(_ => _)
|
|
},
|
|
notifications () {
|
|
return this.$store.state.statuses.notifications.data
|
|
},
|
|
error () {
|
|
return this.$store.state.statuses.notifications.error
|
|
},
|
|
unseenNotifications () {
|
|
return filter(this.visibleNotifications, ({seen}) => !seen)
|
|
},
|
|
visibleNotifications () {
|
|
// Don't know why, but sortBy([seen, -action.id]) doesn't work.
|
|
let sortedNotifications = sortBy(this.notifications, ({action}) => -action.id)
|
|
sortedNotifications = sortBy(sortedNotifications, 'seen')
|
|
return sortedNotifications.filter((notification) => this.visibleTypes.includes(notification.type))
|
|
},
|
|
unseenCount () {
|
|
return this.unseenNotifications.length
|
|
}
|
|
},
|
|
components: {
|
|
Notification
|
|
},
|
|
watch: {
|
|
unseenCount (count) {
|
|
if (count > 0) {
|
|
this.$store.dispatch('setPageTitle', `(${count})`)
|
|
} else {
|
|
this.$store.dispatch('setPageTitle', '')
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
markAsSeen () {
|
|
this.$store.dispatch('markNotificationsAsSeen', this.visibleNotifications)
|
|
},
|
|
fetchOlderNotifications () {
|
|
const store = this.$store
|
|
const credentials = store.state.users.currentUser.credentials
|
|
notificationsFetcher.fetchAndUpdate({
|
|
store,
|
|
credentials,
|
|
older: true
|
|
})
|
|
}
|
|
}
|
|
}
|
|
|
|
export default Notifications
|