client/src/app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component.html

   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>
  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>