1 <div i18n *
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 i18n
class=
"video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
</span>
21 <div class=
"video-info-private">{{ video.privacy.label }} - {{ getStateLabel(video) }}
</div>
24 <!-- Display only once -->
25 <div class=
"action-selection-mode" *
ngIf=
"isInSelectionMode() === true && i === 0 && j === 0">
26 <div class=
"action-selection-mode-child">
27 <span i18n
class=
"action-button action-button-cancel-selection" (click)=
"abortSelectionMode()">
31 <span i18n
class=
"action-button action-button-delete-selection" (click)=
"deleteSelectedVideos()">
32 <span class=
"icon icon-delete-white"></span>
38 <div class=
"video-buttons" *
ngIf=
"isInSelectionMode() === false">
39 <my-delete-button (click)=
"deleteVideo(video)"></my-delete-button>
41 <my-edit-button [routerLink]=
"[ '/videos', 'update', video.uuid ]"></my-edit-button>