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

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