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>
6 <div class=
"top-buttons">
8 <div class=
"input-group has-feedback has-clear">
10 type=
"text" name=
"history-search" id=
"history-search" i18n-placeholder
placeholder=
"Search your history"
11 (keyup)=
"onSearch($event)"
13 <a class=
"glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)=
"resetSearch()"></a>
14 <span class=
"sr-only" i18n
>Clear filters
</span>
18 <div class=
"history-switch ml-auto mr-3">
19 <my-input-switch [(ngModel)]=
"videosHistoryEnabled" (ngModelChange)=
"onVideosHistoryChange()"></my-input-switch>
20 <label i18n
>Track watch history
</label>
23 <button class=
"delete-history" (click)=
"deleteHistory()" i18n
>
24 <my-global-icon iconName=
"delete" aria-hidden=
"true"></my-global-icon>
30 <div class=
"no-history" i18n *
ngIf=
"hasDoneFirstQuery && videos.length === 0">You don't have any video in your watch history yet.
</div>
32 <div myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [autoInit]=
"true" [dataObservable]=
"onDataSubject.asObservable()" class=
"videos">
33 <div class=
"video" *
ngFor=
"let video of videos">
35 [video]=
"video" [displayAsRow]=
"true"
36 (videoRemoved)=
"removeVideoFromArray(video)" (videoBlocked)=
"removeVideoFromArray(video)"
37 ></my-video-miniature>