removed unused masto api, added initial version of interactions timeline

This commit is contained in:
Henry Jameson 2019-05-14 22:38:16 +03:00
parent 2322610b62
commit 543604fd2d
11 changed files with 76 additions and 29 deletions

View file

@ -8,7 +8,7 @@ import {
const Notifications = {
props: [
'noHeading'
'noHeading', 'minimalMode', 'filterMode'
],
data () {
return {
@ -16,6 +16,9 @@ const Notifications = {
}
},
computed: {
mainClass () {
return this.minimalMode ? '' : 'panel panel-default'
},
notifications () {
return notificationsFromStore(this.$store)
},
@ -26,7 +29,8 @@ const Notifications = {
return unseenNotificationsFromStore(this.$store)
},
visibleNotifications () {
return visibleNotificationsFromStore(this.$store)
console.log(this.filterMode)
return visibleNotificationsFromStore(this.$store, this.filterMode)
},
unseenCount () {
return this.unseenNotifications.length

View file

@ -1,6 +1,6 @@
<template>
<div class="notifications">
<div class="panel panel-default">
<div :class="mainClass">
<div v-if="!noHeading" class="panel-heading">
<div class="title">
{{$t('notifications.notifications')}}
@ -12,7 +12,7 @@
<button v-if="unseenCount" @click.prevent="markAsSeen" class="read-button">{{$t('notifications.read')}}</button>
</div>
<div class="panel-body">
<div v-for="notification in visibleNotifications" :key="notification.id" class="notification" :class='{"unseen": !notification.seen}'>
<div v-for="notification in visibleNotifications" :key="notification.id" class="notification" :class='{"unseen": !minimalMode && !notification.seen}'>
<div class="notification-overlay"></div>
<notification :notification="notification"></notification>
</div>