]>
Commit | Line | Data |
---|---|---|
72675ebe C |
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> | |
bee29df8 RK |
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> | |
88a7f93f RK |
27 | |
28 | <my-global-icon | |
29 | iconName="repeat" | |
30 | [class.active]="loopPlaylist" | |
31 | (click)="switchLoopPlaylist()" | |
96f6278f | 32 | [ngbTooltip]="loopPlaylistSwitchText" |
88a7f93f RK |
33 | placement="bottom auto" |
34 | container="body" | |
35 | ></my-global-icon> | |
bee29df8 | 36 | </div> |
72675ebe C |
37 | </div> |
38 | ||
bfbd9128 | 39 | <div *ngFor="let playlistElement of playlistElements"> |
72675ebe | 40 | <my-video-playlist-element-miniature |
bfbd9128 C |
41 | [playlistElement]="playlistElement" [playlist]="playlist" [owned]="isPlaylistOwned()" (elementRemoved)="onElementRemoved($event)" |
42 | [playing]="currentPlaylistPosition === playlistElement.position" [accountLink]="false" [position]="playlistElement.position" | |
72675ebe C |
43 | ></my-video-playlist-element-miniature> |
44 | </div> | |
45 | </div> |