moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make notification panel a list of articles

This commit is contained in:
tusooa 2022-11-08 00:43:33 -05:00
parent a34bea75a8
commit 17aa503106
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/notification/notification.vue
View File

@ -1,11 +1,14 @@
<template> <template>
<Status <article
v-if="notification.type === 'mention'" v-if="notification.type === 'mention'"
class="Notification" >
:compact="true" <Status
:statusoid="notification.status" class="Notification"
/> :compact="true"
<div v-else> :statusoid="notification.status"
/>
</article>
<article v-else>
<div <div
v-if="needMute && !unmuted" v-if="needMute && !unmuted"
class="Notification container -muted" class="Notification container -muted"
@ -226,7 +229,7 @@
</template> </template>
</div> </div>
</div> </div>
</div> </article>
</template> </template>
<script src="./notification.js"></script> <script src="./notification.js"></script>

6
src/components/notifications/notifications.vue
View File

@ -50,10 +50,14 @@
</button> </button>
<NotificationFilters class="rightside-button" /> <NotificationFilters class="rightside-button" />
</div> </div>
<div class="panel-body"> <div
class="panel-body"
role="list"
>
<div <div
v-for="notification in notificationsToDisplay" v-for="notification in notificationsToDisplay"
:key="notification.id" :key="notification.id"
role="listitem"
class="notification" class="notification"
:class="{unseen: !minimalMode && !notification.seen}" :class="{unseen: !minimalMode && !notification.seen}"
> >