]>
Commit | Line | Data |
---|---|---|
1 | <h1 class="visually-hidden" 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 | <div class="peertube-select-container peertube-select-button ms-2 me-2"> | |
9 | <select [(ngModel)]="notificationSortType" (ngModelChange)="onChangeSortColumn()" class="form-control"> | |
10 | <option value="undefined" disabled>Sort by</option> | |
11 | <option value="createdAt" i18n>Newest first</option> | |
12 | <option value="read" [disabled]="!hasUnreadNotifications()" i18n>Unread first</option> | |
13 | </select> | |
14 | </div> | |
15 | ||
16 | <button class="btn ms-auto" [disabled]="!hasUnreadNotifications()" (click)="markAllAsRead()"> | |
17 | <ng-container *ngIf="hasUnreadNotifications()"> | |
18 | <my-global-icon iconName="tick" aria-hidden="true"></my-global-icon> | |
19 | ||
20 | <span i18n>Mark all as read</span> | |
21 | </ng-container> | |
22 | ||
23 | <ng-container *ngIf="!hasUnreadNotifications()"> | |
24 | <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon> | |
25 | ||
26 | <span i18n>All read</span> | |
27 | </ng-container> | |
28 | </button> | |
29 | </div> | |
30 | ||
31 | <my-user-notifications #userNotification></my-user-notifications> |