removed unused masto api, added initial version of interactions timeline
This commit is contained in:
parent
2322610b62
commit
543604fd2d
11 changed files with 76 additions and 29 deletions
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue