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

   1 <h1 class="sr-only" i18n>Notifications</h1>
   2 <div class="header">
   3   <a routerLink="/my-account/settings" fragment="notifications" i18n>
   4     <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
   5     Notification preferences
   6   </a>
   7
   8   <button class="btn" [disabled]="!hasUnreadNotifications()" (click)="markAllAsRead()">
   9     <ng-container *ngIf="hasUnreadNotifications()">
  10       <my-global-icon iconName="inbox-full" aria-hidden="true"></my-global-icon>
  11
  12       <span i18n>Mark all as read</span>
  13     </ng-container>
  14
  15     <ng-container *ngIf="!hasUnreadNotifications()">
  16       <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon>
  17
  18       <span i18n>All read</span>
  19     </ng-container>
  20   </button>
  21 </div>
  22
  23 <my-user-notifications #userNotification></my-user-notifications>