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

   1 <h1 class="visually-hidden" i18n>Notifications</h1>
   2
   3 <div class="header">
   4   <a class="peertube-button-link grey-button" routerLink="/my-account/settings" fragment="notifications">
   5     <my-global-icon iconName="cog" aria-hidden="true"></my-global-icon>
   6     <span i18n>Notification preferences</span>
   7   </a>
   8
   9   <div class="peertube-select-container peertube-select-button ms-2 me-2">
  10     <select [(ngModel)]="notificationSortType" (ngModelChange)="onChangeSortColumn()" class="form-control">
  11       <option value="undefined" disabled>Sort by</option>
  12       <option value="createdAt" i18n>Newest first</option>
  13       <option value="read" [disabled]="!hasUnreadNotifications()" i18n>Unread first</option>
  14     </select>
  15   </div>
  16
  17   <button class="ms-auto peertube-button grey-button" [disabled]="!hasUnreadNotifications()" (click)="markAllAsRead()">
  18     <ng-container *ngIf="hasUnreadNotifications()">
  19       <my-global-icon iconName="tick" aria-hidden="true"></my-global-icon>
  20
  21       <span i18n>Mark all as read</span>
  22     </ng-container>
  23
  24     <ng-container *ngIf="!hasUnreadNotifications()">
  25       <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon>
  26
  27       <span i18n>All read</span>
  28     </ng-container>
  29   </button>
  30 </div>
  31
  32 <my-user-notifications #userNotification></my-user-notifications>