graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-09-20 04:01:59 +03:00
Code Issues Packages Projects Releases Wiki Activity

Observe notification read

Browse source
This commit is contained in:
tamaina 2020-05-26 14:34:49 +09:00
parent 9bee9d20f7
commit 61bdf51e90
2 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/client/components/notification.vue
View file

@ -90,9 +90,25 @@ export default Vue.extend({
getNoteSummary: (text: string) => noteSummary(text, this.$root.i18n.messages[this.$root.i18n.locale]), getNoteSummary: (text: string) => noteSummary(text, this.$root.i18n.messages[this.$root.i18n.locale]),
followRequestDone: false, followRequestDone: false,
groupInviteDone: false, groupInviteDone: false,
readObserver: new IntersectionObserver((entries, observer) => {
if (!entries.some(entry => entry.isIntersecting)) return;
this.$root.stream.send('readNotification', {
id: this.notification.id
});
entries.map(({ target }) => observer.unobserve(target));
}),
faIdCardAlt, faPlus, faQuoteLeft, faQuoteRight, faRetweet, faReply, faAt, faClock, faCheck, faPollH faIdCardAlt, faPlus, faQuoteLeft, faQuoteRight, faRetweet, faReply, faAt, faClock, faCheck, faPollH
}; };
}, },
mounted() {
if (!this.notification.isRead) this.readObserver.observe(this.$el);
},
beforeDestroy() {
if (!this.notification.isRead) this.readObserver.unobserve(this.$el);
},
methods: { methods: {
acceptFollowRequest() { acceptFollowRequest() {
this.followRequestDone = true; this.followRequestDone = true;

2
src/client/components/notifications.vue
View file

@ -75,6 +75,8 @@ export default Vue.extend({
this.$root.stream.send('readNotification', { this.$root.stream.send('readNotification', {
id: notification.id id: notification.id
}); });
notification.isRead = true;
} }
this.prepend(notification); this.prepend(notification);