]>
Commit | Line | Data |
---|---|---|
ed5bb517 K |
1 | <h1> |
2 | <my-global-icon iconName="history" aria-hidden="true"></my-global-icon> | |
4c8749cb C |
3 | <ng-container i18n>My watch history</ng-container> |
4 | <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary">{{ pagination.totalItems }}</span> | |
ed5bb517 K |
5 | </h1> |
6 | ||
276d9652 | 7 | <div class="top-buttons"> |
0f7407d9 | 8 | <div class="search-wrapper"> |
dd24f1bb | 9 | <my-advanced-input-filter [emitOnInit]="false" (search)="onSearch($event)"></my-advanced-input-filter> |
d8b34ee5 RK |
10 | </div> |
11 | ||
0f7407d9 | 12 | <div class="history-switch"> |
4f926722 | 13 | <my-input-switch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></my-input-switch> |
d8b34ee5 | 14 | <label i18n>Track watch history</label> |
276d9652 C |
15 | </div> |
16 | ||
7177b46c | 17 | <button class="delete-history" (click)="clearAllHistory()" i18n> |
6ad971d5 | 18 | <my-global-icon iconName="delete" aria-hidden="true"></my-global-icon> |
7177b46c | 19 | Clear all history |
d01b2fb9 | 20 | </button> |
276d9652 C |
21 | </div> |
22 | ||
2e46eb97 C |
23 | <my-videos-selection |
24 | [pagination]="pagination" | |
25 | [(videosModel)]="videos" | |
26 | [miniatureDisplayOptions]="miniatureDisplayOptions" | |
27 | [titlePage]="titlePage" | |
28 | [getVideosObservableFunction]="getVideosObservableFunction" | |
29 | [user]="user" | |
5b0ec7cd | 30 | [noResultMessage]="getNoResultMessage()" |
2e46eb97 | 31 | [enableSelection]="false" |
dd24f1bb | 32 | [disabled]="disabled" |
2e46eb97 | 33 | #videosSelection |
7177b46c C |
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> |