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