client/src/app/+my-account/my-account-notifications/my-account-notifications.component.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

<div class="header">
  <a routerLink="/my-account/settings" fragment="notifications" i18n>
    <my-global-icon iconName="cog"></my-global-icon>
    Notification preferences
  </a>

  <button class="btn" [disabled]="!getUnreadNotifications()" (click)="markAllAsRead()">
    <my-global-icon *ngIf="getUnreadNotifications()" iconName="inbox-full"></my-global-icon>
    <span i18n *ngIf="getUnreadNotifications()">Mark all as read</span>

    <my-global-icon *ngIf="!getUnreadNotifications()" iconName="circle-tick"></my-global-icon>
    <span i18n *ngIf="!getUnreadNotifications()">All read</span>
  </button>
</div>

<my-user-notifications #userNotification></my-user-notifications>