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 <input type=
"checkbox" [(ngModel)]=
"checkedVideos[video.id]" />
12 <my-video-thumbnail [video]=
"video"></my-video-thumbnail>
14 <div class=
"video-info">
15 <a class=
"video-info-name" [routerLink]=
"['/videos/watch', video.uuid]" [attr.title]=
"video.name">{{ video.name }}
</a>
16 <span class=
"video-info-date-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views
</span>
19 <!-- Display only once -->
20 <div class=
"action-selection-mode" *
ngIf=
"isInSelectionMode() === true && i === 0">
21 <div class=
"action-selection-mode-child">
22 <span class=
"action-button action-button-cancel-selection" (click)=
"abortSelectionMode()">
26 <span class=
"action-button action-button-delete-selection" (click)=
"deleteSelectedVideos()">
27 <span class=
"icon icon-delete-white"></span>
33 <div class=
"video-buttons" *
ngIf=
"isInSelectionMode() === false">
34 <my-delete-button (click)=
"deleteVideo(video)"></my-delete-button>
36 <my-edit-button [routerLink]=
"[ '/videos', 'edit', video.uuid ]"></my-edit-button>