]>
Commit | Line | Data |
---|---|---|
1 | <h1> | |
2 | <my-global-icon iconName="history" aria-hidden="true"></my-global-icon> | |
3 | <ng-container i18n>My watch history</ng-container> <span class="badge badge-secondary">{{ pagination.totalItems }}</span> | |
4 | </h1> | |
5 | ||
6 | <div class="top-buttons"> | |
7 | <div class="search-wrapper"> | |
8 | <my-advanced-input-filter (search)="onSearch($event)"></my-advanced-input-filter> | |
9 | </div> | |
10 | ||
11 | <div class="history-switch"> | |
12 | <my-input-switch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></my-input-switch> | |
13 | <label i18n>Track watch history</label> | |
14 | </div> | |
15 | ||
16 | <button class="delete-history" (click)="deleteHistory()" i18n> | |
17 | <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon> | |
18 | Delete history | |
19 | </button> | |
20 | </div> | |
21 | ||
22 | <my-videos-selection | |
23 | [pagination]="pagination" | |
24 | [(videosModel)]="videos" | |
25 | [miniatureDisplayOptions]="miniatureDisplayOptions" | |
26 | [titlePage]="titlePage" | |
27 | [getVideosObservableFunction]="getVideosObservableFunction" | |
28 | [user]="user" | |
29 | [loadOnInit]="false" | |
30 | i18n-noResultMessage noResultMessage="You don't have any video in your watch history yet." | |
31 | [enableSelection]="false" | |
32 | #videosSelection | |
33 | ></my-videos-selection> |