1 <div *
ngIf=
"pagination.totalItems === 0">No results.
</div>
5 [pageHeight]=
"pageHeight"
6 (nearOfTop)=
"onNearOfTop()" (nearOfBottom)=
"onNearOfBottom()" (pageChanged)=
"onPageChanged($event)"
7 class=
"videos" #videosElement
9 <div *
ngFor=
"let videos of videoPages; let i = index" class=
"videos-page">
10 <div class=
"video" *
ngFor=
"let video of videos; let j = index">
11 <div class=
"checkbox-container">
12 <input [id]=
"'video-check-' + video.id" type=
"checkbox" [(ngModel)]=
"checkedVideos[video.id]" />
13 <label [for]=
"'video-check-' + video.id"></label>
16 <my-video-thumbnail [video]=
"video"></my-video-thumbnail>
18 <div class=
"video-info">
19 <a class=
"video-info-name" [routerLink]=
"['/videos/watch', video.uuid]" [attr.title]=
"video.name">{{ video.name }}
</a>
20 <span class=
"video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
</span>
23 <!-- Display only once -->
24 <div class=
"action-selection-mode" *
ngIf=
"isInSelectionMode() === true && i === 0 && j === 0">
25 <div class=
"action-selection-mode-child">
26 <span class=
"action-button action-button-cancel-selection" (click)=
"abortSelectionMode()">
30 <span class=
"action-button action-button-delete-selection" (click)=
"deleteSelectedVideos()">
31 <span class=
"icon icon-delete-white"></span>
37 <div class=
"video-buttons" *
ngIf=
"isInSelectionMode() === false">
38 <my-delete-button (click)=
"deleteVideo(video)"></my-delete-button>
40 <my-edit-button [routerLink]=
"[ '/videos', 'edit', video.uuid ]"></my-edit-button>