diff options
author | Chocobozzz <me@florianbigard.com> | 2019-05-13 11:18:24 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2019-05-13 11:19:29 +0200 |
commit | 72675ebe0181ab2389fb2f75a3b2acdca6e09c07 (patch) | |
tree | 65af2f9b50346175a83b3fa9e91d5f2dc0aee8eb /client/src/app/videos/+video-watch/video-watch-playlist.component.html | |
parent | 722bca907b6aa69c3b617221870451ccf436921a (diff) | |
download | PeerTube-72675ebe0181ab2389fb2f75a3b2acdca6e09c07.tar.gz PeerTube-72675ebe0181ab2389fb2f75a3b2acdca6e09c07.tar.zst PeerTube-72675ebe0181ab2389fb2f75a3b2acdca6e09c07.zip |
Move video watch playlist in its own component
Diffstat (limited to 'client/src/app/videos/+video-watch/video-watch-playlist.component.html')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch-playlist.component.html | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch-playlist.component.html b/client/src/app/videos/+video-watch/video-watch-playlist.component.html new file mode 100644 index 000000000..c168a3130 --- /dev/null +++ b/client/src/app/videos/+video-watch/video-watch-playlist.component.html | |||
@@ -0,0 +1,25 @@ | |||
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 | </div> | ||
18 | |||
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> | ||
24 | </div> | ||
25 | </div> | ||