2 *
ngIf=
"playlist && (currentPlaylistPosition || noPlaylistVideos)" class=
"playlist"
3 myInfiniteScroller [onItself]=
"true" (nearOfBottom)=
"onPlaylistVideosNearOfBottom()"
5 <div class=
"playlist-info">
6 <div class=
"playlist-display-name">
7 {{ playlist.displayName }}
9 <span *
ngIf=
"isUnlistedPlaylist()" class=
"pt-badge badge-warning" i18n
>Unlisted
</span>
10 <span *
ngIf=
"isPrivatePlaylist()" class=
"pt-badge badge-danger" i18n
>Private
</span>
11 <span *
ngIf=
"isPublicPlaylist()" class=
"pt-badge badge-info" i18n
>Public
</span>
14 <div class=
"playlist-by-index">
15 <div class=
"playlist-by">{{ playlist.ownerBy }}
</div>
16 <div class=
"playlist-index">
17 <span>{{ currentPlaylistPosition }}
</span><span>{{ playlistPagination.totalItems }}
</span>
21 <div class=
"playlist-controls">
24 [class.active]=
"autoPlayNextVideoPlaylist"
25 (click)=
"switchAutoPlayNextVideoPlaylist()"
26 [ngbTooltip]=
"autoPlayNextVideoPlaylistSwitchText"
27 placement=
"bottom auto"
33 [class.active]=
"loopPlaylist"
34 (click)=
"switchLoopPlaylist()"
35 [ngbTooltip]=
"loopPlaylistSwitchText"
36 placement=
"bottom auto"
42 <div *
ngFor=
"let playlistElement of playlistElements" [ngClass]=
"'element-' + playlistElement.position">
43 <my-video-playlist-element-miniature
44 [playlistElement]=
"playlistElement" [playlist]=
"playlist" [owned]=
"isPlaylistOwned()" (elementRemoved)=
"onElementRemoved($event)"
45 [playing]=
"currentPlaylistPosition === playlistElement.position" [accountLink]=
"false" [position]=
"playlistElement.position"
46 [touchScreenEditButton]=
"true"
47 ></my-video-playlist-element-miniature>