fix incorrect title + add counter

This commit is contained in:
Henry Jameson 2023-12-13 20:37:40 +02:00
parent bcdf336242
commit 4e8bb80dbd
3 changed files with 15 additions and 2 deletions

View File

@ -57,6 +57,12 @@ const MobileNav = {
unseenNotificationsCount () { unseenNotificationsCount () {
return this.unseenNotifications.length + countExtraNotifications(this.$store) return this.unseenNotifications.length + countExtraNotifications(this.$store)
}, },
unseenCount () {
return this.unseenNotifications.length
},
unseenCountBadgeText () {
return `${this.unseenCount ? this.unseenCount : ''}${this.extraNotificationsCount ? '*' : ''}`
},
hideSitename () { return this.$store.state.instance.hideSitename }, hideSitename () { return this.$store.state.instance.hideSitename },
sitename () { return this.$store.state.instance.name }, sitename () { return this.$store.state.instance.name },
isChat () { isChat () {

View File

@ -50,7 +50,13 @@
@touchmove.stop="notificationsTouchMove" @touchmove.stop="notificationsTouchMove"
> >
<div class="mobile-notifications-header"> <div class="mobile-notifications-header">
<span class="title">{{ $t('notifications.notifications') }}</span> <span class="title">
{{ $t('notifications.notifications') }}
<span
v-if="unseenCountBadgeText"
class="badge badge-notification unseen-count"
>{{ unseenCountBadgeText }}</span>
</span>
<span class="spacer" /> <span class="spacer" />
<button <button
v-if="notificationsAtTop" v-if="notificationsAtTop"
@ -69,7 +75,7 @@
<button <button
v-if="!closingDrawerMarksAsSeen" v-if="!closingDrawerMarksAsSeen"
class="button-unstyled mobile-nav-button" class="button-unstyled mobile-nav-button"
:title="$t('nav.mobile_notifications_close')" :title="$t('nav.mobile_notifications_mark_as_seen')"
@click.stop.prevent="markNotificationsAsSeen()" @click.stop.prevent="markNotificationsAsSeen()"
> >
<FAIcon <FAIcon

View File

@ -189,6 +189,7 @@
"mobile_notifications": "Open notifications", "mobile_notifications": "Open notifications",
"mobile_notifications": "Open notifications (there are unread ones)", "mobile_notifications": "Open notifications (there are unread ones)",
"mobile_notifications_close": "Close notifications", "mobile_notifications_close": "Close notifications",
"mobile_notifications_mark_as_seen": "Mark all as seen",
"announcements": "Announcements" "announcements": "Announcements"
}, },
"notifications": { "notifications": {