]>
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> | |
4 | <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary">{{ pagination.totalItems }}</span> | |
5 | </h1> | |
6 | ||
7 | <div class="top-buttons"> | |
8 | <div class="search-wrapper"> | |
9 | <my-advanced-input-filter [emitOnInit]="false" (search)="onSearch($event)"></my-advanced-input-filter> | |
10 | </div> | |
11 | ||
12 | <div class="history-switch"> | |
13 | <my-input-switch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></my-input-switch> | |
14 | <label i18n>Track watch history</label> | |
15 | </div> | |
16 | ||
17 | <button class="delete-history" (click)="clearAllHistory()" i18n> | |
18 | <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon> | |
19 | Clear all history | |
20 | </button> | |
21 | </div> | |
22 | ||
23 | <my-videos-selection | |
24 | [pagination]="pagination" | |
25 | [(videosModel)]="videos" | |
26 | [miniatureDisplayOptions]="miniatureDisplayOptions" | |
27 | [titlePage]="titlePage" | |
28 | [getVideosObservableFunction]="getVideosObservableFunction" | |
29 | [user]="user" | |
30 | [noResultMessage]="getNoResultMessage()" | |
31 | [enableSelection]="false" | |
32 | [disabled]="disabled" | |
33 | #videosSelection | |
34 | > | |
35 | <ng-template ptTemplate="rowButtons" let-video> | |
36 | <div class="action-button"> | |
37 | <my-delete-button i18n-label label="Delete from history" (click)="deleteHistoryElement(video)"></my-delete-button> | |
38 | </div> | |
39 | </ng-template> | |
40 | </my-videos-selection> |