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 }}
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>
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>
18 <div class=
"playlist-controls">
21 [class.active]=
"autoPlayNextVideoPlaylist"
22 (click)=
"switchAutoPlayNextVideoPlaylist()"
23 [ngbTooltip]=
"autoPlayNextVideoPlaylistSwitchText"
24 placement=
"bottom auto"
30 [class.active]=
"loopPlaylist"
31 (click)=
"switchLoopPlaylist()"
32 [ngbTooltip]=
"loopPlaylistSwitchText"
33 placement=
"bottom auto"
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>