<h1>
<my-global-icon iconName="history" aria-hidden="true"></my-global-icon>
- <ng-container i18n>My history</ng-container>
+ <ng-container i18n>My watch history</ng-container> <span class="badge badge-secondary">{{ pagination.totalItems }}</span>
</h1>
<div class="top-buttons">
+ <div class="search-wrapper">
+ <my-advanced-input-filter [emitOnInit]="false" (search)="onSearch($event)"></my-advanced-input-filter>
+ </div>
+
<div class="history-switch">
- <p-inputSwitch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></p-inputSwitch>
- <label i18n>Video history</label>
+ <my-input-switch [(ngModel)]="videosHistoryEnabled" (ngModelChange)="onVideosHistoryChange()"></my-input-switch>
+ <label i18n>Track watch history</label>
</div>
<button class="delete-history" (click)="deleteHistory()" i18n>
</button>
</div>
-
-<div class="no-history" i18n *ngIf="pagination.totalItems === 0">You don't have any video history yet.</div>
-
-<div myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()" class="videos">
- <div class="video" *ngFor="let video of videos">
- <my-video-miniature
- [video]="video" [displayAsRow]="true"
- (videoRemoved)="removeVideoFromArray(video)" (videoBlocked)="removeVideoFromArray(video)"
- ></my-video-miniature>
- </div>
-</div>
+<my-videos-selection
+ [pagination]="pagination"
+ [(videosModel)]="videos"
+ [miniatureDisplayOptions]="miniatureDisplayOptions"
+ [titlePage]="titlePage"
+ [getVideosObservableFunction]="getVideosObservableFunction"
+ [user]="user"
+ i18n-noResultMessage noResultMessage="You don't have any video in your watch history yet."
+ [enableSelection]="false"
+ [disabled]="disabled"
+ #videosSelection
+></my-videos-selection>