client/src/app/+videos/+video-watch/video-watch-playlist.component.html

   1 <div *ngIf="playlist && video" class="playlist" myInfiniteScroller [autoInit]="true" [onItself]="true" (nearOfBottom)="onPlaylistVideosNearOfBottom()">
   2   <div class="playlist-info">
   3     <div class="playlist-display-name">
   4       {{ playlist.displayName }}
   5
   6       <span *ngIf="isUnlistedPlaylist()" class="badge badge-warning" i18n>Unlisted</span>
   7       <span *ngIf="isPrivatePlaylist()" class="badge badge-danger" i18n>Private</span>
   8       <span *ngIf="isPublicPlaylist()" class="badge badge-info" i18n>Public</span>
   9     </div>
  10
  11     <div class="playlist-by-index">
  12       <div class="playlist-by">{{ playlist.ownerBy }}</div>
  13       <div class="playlist-index">
  14         <span>{{ currentPlaylistPosition }}</span><span>{{ playlistPagination.totalItems }}</span>
  15       </div>
  16     </div>
  17
  18     <div class="playlist-controls">
  19       <my-global-icon
  20         iconName="videos"
  21         [class.active]="autoPlayNextVideoPlaylist"
  22         (click)="switchAutoPlayNextVideoPlaylist()"
  23         [ngbTooltip]="autoPlayNextVideoPlaylistSwitchText"
  24         placement="bottom auto"
  25         container="body"
  26       ></my-global-icon>
  27
  28       <my-global-icon
  29         iconName="repeat"
  30         [class.active]="loopPlaylist"
  31         (click)="switchLoopPlaylist()"
  32         [ngbTooltip]="loopPlaylistSwitchText"
  33         placement="bottom auto"
  34         container="body"
  35       ></my-global-icon>
  36     </div>
  37   </div>
  38
  39   <div *ngFor="let playlistElement of playlistElements">
  40     <my-video-playlist-element-miniature
  41       [playlistElement]="playlistElement" [playlist]="playlist" [owned]="isPlaylistOwned()" (elementRemoved)="onElementRemoved($event)"
  42       [playing]="currentPlaylistPosition === playlistElement.position" [accountLink]="false" [position]="playlistElement.position"
  43       [touchScreenEditButton]="true"
  44     ></my-video-playlist-element-miniature>
  45   </div>
  46 </div>