1 <div *
ngIf=
"pagination.totalItems === 0">No results.
</div>
6 [infiniteScrollDistance]=
"0.5"
7 [infiniteScrollUpDistance]=
"1.5"
8 (scrolled)=
"onNearOfBottom()"
9 (scrolledUp)=
"onNearOfTop()"
11 <div class=
"video" *
ngFor=
"let video of videos; let i = index">
12 <div class=
"checkbox-container">
13 <input [id]=
"'video-check-' + i" type=
"checkbox" [(ngModel)]=
"checkedVideos[video.id]" />
14 <label [for]=
"'video-check-' + i"></label>
17 <my-video-thumbnail [video]=
"video"></my-video-thumbnail>
19 <div class=
"video-info">
20 <a class=
"video-info-name" [routerLink]=
"['/videos/watch', video.uuid]" [attr.title]=
"video.name">{{ video.name }}
</a>
21 <span class=
"video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
</span>
24 <!-- Display only once -->
25 <div class=
"action-selection-mode" *
ngIf=
"isInSelectionMode() === true && i === 0">
26 <div class=
"action-selection-mode-child">
27 <span class=
"action-button action-button-cancel-selection" (click)=
"abortSelectionMode()">
31 <span 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', 'edit', video.uuid ]"></my-edit-button>