2 [ngbPopover]=
"popContent" autoClose=
"outside" placement=
"bottom-left" container=
"body" popoverClass=
"popover-notifications"
3 i18n-title
title=
"View your notifications" class=
"notification-avatar" #
popover=
"ngbPopover" (hidden)=
"onPopoverHidden()"
5 <div *
ngIf=
"unreadNotifications > 0" class=
"unread-notifications">{{ unreadNotifications }}
</div>
7 <img [src]=
"user.accountAvatarUrl" alt=
"Avatar" />
10 <ng-template #popContent
>
11 <div class=
"content" [ngClass]=
"{ loaded: loaded }">
12 <div class=
"notifications-header">
13 <div i18n
>Notifications
</div>
17 *
ngIf=
"unreadNotifications"
18 i18n-title
title=
"Mark all as read" class=
"glyphicon glyphicon-inbox mr-2"
19 (click)=
"markAllAsRead()"
22 i18n-title
title=
"Update your notification preferences" class=
"glyphicon glyphicon-cog"
23 routerLink=
"/my-account/settings" fragment=
"notifications"
28 <div *
ngIf=
"!loaded" class=
"loader mt-4">
29 <my-loader [loading]=
"!loaded"></my-loader>
32 <my-user-notifications
33 [ignoreLoadingBar]=
"true" [infiniteScroll]=
"false" itemsPerPage=
"10"
34 (notificationsLoaded)=
"onNotificationLoaded()"
35 ></my-user-notifications>
37 <a *
ngIf=
"loaded" class=
"all-notifications" routerLink=
"/my-account/notifications">
38 <my-global-icon class=
"mr-1" iconName=
"inbox-full"></my-global-icon>
39 <span i18n
>See all your notifications
</span>