]>
Commit | Line | Data |
---|---|---|
bce47964 | 1 | <div class="row"> |
f0a39880 | 2 | |
bce47964 C |
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 | ||
3143ae17 | 10 | <div class="playlist-elements col-xs-12 col-md-7 col-xl-9"> |
bce47964 C |
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()" | |
ad453580 | 15 | cdkDropList (cdkDropListDropped)="drop($event)" [dataObservable]="onDataSubject.asObservable()" |
bce47964 | 16 | > |
0c695c5c | 17 | <div class="video" *ngFor="let playlistElement of playlistElements; trackBy: trackByFn" cdkDrag [cdkDragStartDelay]="getDragStartDelay()"> |
bce47964 | 18 | <my-video-playlist-element-miniature |
bfbd9128 C |
19 | [playlistElement]="playlistElement" [playlist]="playlist" [owned]="true" (elementRemoved)="onElementRemoved($event)" |
20 | [position]="playlistElement.position" | |
bce47964 C |
21 | > |
22 | </my-video-playlist-element-miniature> | |
23 | </div> | |
24 | </div> | |
f0a39880 C |
25 | </div> |
26 | </div> |