]>
Commit | Line | Data |
---|---|---|
1 | <div class="row"> | |
2 | ||
3 | <div class="playlist-info col-xs-12 col-md-5 col-xl-3"> | |
4 | <my-video-playlist-miniature | |
5 | *ngIf="playlist" [playlist]="playlist" [toManage]="false" [displayChannel]="true" | |
6 | [displayDescription]="true" [displayPrivacy]="true" | |
7 | ></my-video-playlist-miniature> | |
8 | </div> | |
9 | ||
10 | <div class="playlist-elements col-xs-12 col-md-7 col-xl-9"> | |
11 | <div i18n class="no-results" *ngIf="pagination.totalItems === 0">No videos in this playlist.</div> | |
12 | ||
13 | <div | |
14 | class="videos" myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" | |
15 | cdkDropList (cdkDropListDropped)="drop($event)" [dataObservable]="onDataSubject.asObservable()" | |
16 | > | |
17 | <div class="video" *ngFor="let playlistElement of playlistElements; trackBy: trackByFn" cdkDrag [cdkDragStartDelay]="getDragStartDelay()"> | |
18 | <my-video-playlist-element-miniature | |
19 | [playlistElement]="playlistElement" [playlist]="playlist" [owned]="true" (elementRemoved)="onElementRemoved($event)" | |
20 | [position]="playlistElement.position" | |
21 | > | |
22 | </my-video-playlist-element-miniature> | |
23 | </div> | |
24 | </div> | |
25 | </div> | |
26 | </div> |