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>
19 <div *
ngFor=
"let playlistVideo of playlistVideos">
20 <my-video-playlist-element-miniature
21 [video]=
"playlistVideo" [playlist]=
"playlist" [owned]=
"isPlaylistOwned()" (elementRemoved)=
"onElementRemoved($event)"
22 [playing]=
"currentPlaylistPosition === playlistVideo.playlistElement.position" [accountLink]=
"false" [position]=
"playlistVideo.playlistElement.position"
23 ></my-video-playlist-element-miniature>