></my-video-playlist-miniature>
</div>
- <div class="col-xs-12 col-md-7 col-xl-9">
+ <div class="playlist-elements col-xs-12 col-md-7 col-xl-9">
<div i18n class="no-results" *ngIf="pagination.totalItems === 0">No videos in this playlist.</div>
<div
class="videos" myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()"
- cdkDropList (cdkDropListDropped)="drop($event)"
+ cdkDropList (cdkDropListDropped)="drop($event)" [dataObservable]="onDataSubject.asObservable()"
>
- <div class="video" *ngFor="let video of videos; trackBy: trackByFn" cdkDrag (cdkDragMoved)="onDragMove($event)">
+ <div class="video" *ngFor="let playlistElement of playlistElements; trackBy: trackByFn" cdkDrag [cdkDragStartDelay]="getDragStartDelay()">
<my-video-playlist-element-miniature
- [video]="video" [playlist]="playlist" [owned]="true" (elementRemoved)="onElementRemoved($event)"
- [position]="video.playlistElement.position"
+ [playlistElement]="playlistElement" [playlist]="playlist" [owned]="true" (elementRemoved)="onElementRemoved($event)"
+ [position]="playlistElement.position"
>
</my-video-playlist-element-miniature>
</div>