1 <ng-template #notificationNumber
>
2 <div *
ngIf=
"unreadNotifications > 0 && unreadNotifications < 100" class=
"unread-notifications">{{ unreadNotifications }}
</div>
3 <div *
ngIf=
"unreadNotifications >= 100" class=
"unread-notifications">99+
</div>
7 [ngbPopover]=
"popContent" autoClose=
"outside" placement=
"bottom" container={this}
popoverClass=
"popover-notifications"
8 i18n-title
title=
"View your notifications" [ngClass]=
"{ 'notification-inbox-popover': true, 'shown': opened, 'hidden': isInMobileView }"
9 #
popover=
"ngbPopover" (shown)=
"onPopoverShown()" (hidden)=
"onPopoverHidden()"
11 <ng-container *
ngTemplateOutlet=
"notificationNumber"></ng-container>
13 <my-global-icon iconName=
"bell"></my-global-icon>
16 <div *
ngIf=
"isInMobileView" i18n-title
title=
"View your notifications" class=
"notification-inbox-link">
17 <ng-container *
ngTemplateOutlet=
"notificationNumber"></ng-container>
19 <a routerLink=
"/my-account/notifications" routerLinkActive=
"active" #link (click)=
"onNavigate(link)">
20 <my-global-icon iconName=
"bell"></my-global-icon>
24 <ng-template #popContent
>
25 <div class=
"content" [ngClass]=
"{ loaded: loaded }">
26 <div class=
"notifications-header">
27 <div i18n
>Notifications
</div>
31 *
ngIf=
"unreadNotifications"
32 i18n-title
title=
"Mark all as read" class=
"me-2"
33 (click)=
"markAllAsRead()"
35 <my-global-icon iconName=
"tick"></my-global-icon>
39 i18n-title
title=
"Update your notification preferences"
40 routerLink=
"/my-account/settings" fragment=
"notifications"
41 #settingsNotifications (click)=
"onNavigate(settingsNotifications)"
43 <my-global-icon iconName=
"cog"></my-global-icon>
48 <div *
ngIf=
"!loaded" class=
"loader mt-4">
49 <my-loader size=
"xl" [loading]=
"!loaded"></my-loader>
52 <my-user-notifications
53 [ignoreLoadingBar]=
"true" [infiniteScroll]=
"false" [itemsPerPage]=
"10"
54 [markAllAsReadSubject]=
"markAllAsReadSubject" (notificationsLoaded)=
"onNotificationLoaded()"
55 ></my-user-notifications>
57 <a *
ngIf=
"loaded" class=
"all-notifications" routerLink=
"/my-account/notifications" #notifications (click)=
"onNavigate(notifications)">
58 <my-global-icon class=
"me-1" iconName=
"bell" aria-hidden=
"true"></my-global-icon>
59 <span i18n
>See all your notifications
</span>