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.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.component.html')
-rw-r--r-- | client/src/app/videos/+video-watch/video-watch.component.html | 29 |
1 files changed, 4 insertions, 25 deletions
diff --git a/client/src/app/videos/+video-watch/video-watch.component.html b/client/src/app/videos/+video-watch/video-watch.component.html index 7e9b89dd0..7da74b57e 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.html +++ b/client/src/app/videos/+video-watch/video-watch.component.html | |||
@@ -9,31 +9,10 @@ | |||
9 | 9 | ||
10 | <div id="videojs-wrapper"></div> | 10 | <div id="videojs-wrapper"></div> |
11 | 11 | ||
12 | <div *ngIf="playlist && video" class="playlist" myInfiniteScroller [autoInit]="true" [onItself]="true" (nearOfBottom)="onPlaylistVideosNearOfBottom()"> | 12 | <my-video-watch-playlist |
13 | <div class="playlist-info"> | 13 | #videoWatchPlaylist |
14 | <div class="playlist-display-name"> | 14 | [video]="video" [playlist]="playlist" class="playlist" |
15 | {{ playlist.displayName }} | 15 | ></my-video-watch-playlist> |
16 | |||
17 | <span *ngIf="isUnlistedPlaylist()" class="badge badge-warning" i18n>Unlisted</span> | ||
18 | <span *ngIf="isPrivatePlaylist()" class="badge badge-danger" i18n>Private</span> | ||
19 | <span *ngIf="isPublicPlaylist()" class="badge badge-info" i18n>Public</span> | ||
20 | </div> | ||
21 | |||
22 | <div class="playlist-by-index"> | ||
23 | <div class="playlist-by">{{ playlist.ownerBy }}</div> | ||
24 | <div class="playlist-index"> | ||
25 | <span>{{ currentPlaylistPosition }}</span><span>{{ playlistPagination.totalItems }}</span> | ||
26 | </div> | ||
27 | </div> | ||
28 | </div> | ||
29 | |||
30 | <div *ngFor="let playlistVideo of playlistVideos"> | ||
31 | <my-video-playlist-element-miniature | ||
32 | [video]="playlistVideo" [playlist]="playlist" [owned]="isPlaylistOwned()" (elementRemoved)="onElementRemoved($event)" | ||
33 | [playing]="currentPlaylistPosition === playlistVideo.playlistElement.position" [accountLink]="false" [position]="playlistVideo.playlistElement.position" | ||
34 | ></my-video-playlist-element-miniature> | ||
35 | </div> | ||
36 | </div> | ||
37 | </div> | 16 | </div> |
38 | 17 | ||
39 | <div class="row"> | 18 | <div class="row"> |