X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fmenu%2Favatar-notification.component.ts;h=989a11849d38515a2e9010f57b896566f7744fa3;hb=0736b2735f3dcbaa17304fa229f0973e70f763b8;hp=a77a001ca4255f083d68cc7badc2e63e2f39a42a;hpb=b28e4e5e080646ec67363cb0a16c9bd97ccffb35;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/menu/avatar-notification.component.ts b/client/src/app/menu/avatar-notification.component.ts index a77a001ca..989a11849 100644 --- a/client/src/app/menu/avatar-notification.component.ts +++ b/client/src/app/menu/avatar-notification.component.ts @@ -1,11 +1,12 @@ import { Component, Input, OnDestroy, OnInit, ViewChild } from '@angular/core' import { User } from '../shared/users/user.model' import { UserNotificationService } from '@app/shared/users/user-notification.service' -import { Subscription } from 'rxjs' +import { Subject, Subscription } from 'rxjs' import { Notifier, UserNotificationSocket } from '@app/core' import { NgbPopover } from '@ng-bootstrap/ng-bootstrap' import { NavigationEnd, Router } from '@angular/router' import { filter } from 'rxjs/operators' +import { UserNotificationsComponent } from '@app/shared' @Component({ selector: 'my-avatar-notification', @@ -13,12 +14,15 @@ import { filter } from 'rxjs/operators' styleUrls: [ './avatar-notification.component.scss' ] }) export class AvatarNotificationComponent implements OnInit, OnDestroy { - @ViewChild('popover') popover: NgbPopover + @ViewChild('popover', { static: true }) popover: NgbPopover + @Input() user: User unreadNotifications = 0 loaded = false + markAllAsReadSubject = new Subject() + private notificationSub: Subscription private routeSub: Subscription @@ -63,6 +67,10 @@ export class AvatarNotificationComponent implements OnInit, OnDestroy { this.loaded = true } + markAllAsRead () { + this.markAllAsReadSubject.next(true) + } + private async subscribeToNotifications () { const obs = await this.userNotificationSocket.getMyNotificationsSocket()