4 [infiniteScrollDistance]=
"0.5"
5 [infiniteScrollUpDistance]=
"1.5"
6 (scrolled)=
"onNearOfBottom()"
7 (scrolledUp)=
"onNearOfTop()"
9 <div class=
"video" *
ngFor=
"let video of videos; let i = index">
10 <div class=
"checkbox-container">
11 <input [id]=
"'video-check-' + i" type=
"checkbox" [(ngModel)]=
"checkedVideos[video.id]" />
12 <label [for]=
"'video-check-' + i"></label>
15 <my-video-thumbnail [video]=
"video"></my-video-thumbnail>
17 <div class=
"video-info">
18 <a class=
"video-info-name" [routerLink]=
"['/videos/watch', video.uuid]" [attr.title]=
"video.name">{{ video.name }}
</a>
19 <span class=
"video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
</span>
22 <!-- Display only once -->
23 <div class=
"action-selection-mode" *
ngIf=
"isInSelectionMode() === true && i === 0">
24 <div class=
"action-selection-mode-child">
25 <span class=
"action-button action-button-cancel-selection" (click)=
"abortSelectionMode()">
29 <span class=
"action-button action-button-delete-selection" (click)=
"deleteSelectedVideos()">
30 <span class=
"icon icon-delete-white"></span>
36 <div class=
"video-buttons" *
ngIf=
"isInSelectionMode() === false">
37 <my-delete-button (click)=
"deleteVideo(video)"></my-delete-button>
39 <my-edit-button [routerLink]=
"[ '/videos', 'edit', video.uuid ]"></my-edit-button>