284694b7fd1339d0049d008b8b3e6b5cad091761
[oweals/peertube.git] /
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)"
16     >
17       <div class="video" *ngFor="let video of videos; trackBy: trackByFn" cdkDrag (cdkDragMoved)="onDragMove($event)">
18         <my-video-playlist-element-miniature
19           [video]="video" [playlist]="playlist" [owned]="true" (elementRemoved)="onElementRemoved($event)"
20           [position]="video.playlistElement.position"
21         >
22         </my-video-playlist-element-miniature>
23       </div>
24     </div>
25   </div>
26 </div>