diff options
author | Chocobozzz <me@florianbigard.com> | 2021-06-29 17:18:30 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2021-06-29 17:18:39 +0200 |
commit | 911186dae411d78788ccede093c251303187589a (patch) | |
tree | 967a07cd985ae4e2ea5249855726455fe929471d /client/src/app/+videos/+video-watch/video-watch-playlist.component.html | |
parent | b0c43e36dbdc2c964f6828a78b146faebfb75b21 (diff) | |
download | PeerTube-911186dae411d78788ccede093c251303187589a.tar.gz PeerTube-911186dae411d78788ccede093c251303187589a.tar.zst PeerTube-911186dae411d78788ccede093c251303187589a.zip |
Reorganize watch components
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 | 49 |
1 files changed, 0 insertions, 49 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 deleted file mode 100644 index c270142a3..000000000 --- a/client/src/app/+videos/+video-watch/video-watch-playlist.component.html +++ /dev/null | |||
@@ -1,49 +0,0 @@ | |||
1 | <div | ||
2 | *ngIf="playlist && currentPlaylistPosition" class="playlist" | ||
3 | myInfiniteScroller [autoInit]="true" [onItself]="true" (nearOfBottom)="onPlaylistVideosNearOfBottom()" | ||
4 | > | ||
5 | <div class="playlist-info"> | ||
6 | <div class="playlist-display-name"> | ||
7 | {{ playlist.displayName }} | ||
8 | |||
9 | <span *ngIf="isUnlistedPlaylist()" class="badge badge-warning" i18n>Unlisted</span> | ||
10 | <span *ngIf="isPrivatePlaylist()" class="badge badge-danger" i18n>Private</span> | ||
11 | <span *ngIf="isPublicPlaylist()" class="badge badge-info" i18n>Public</span> | ||
12 | </div> | ||
13 | |||
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> | ||
18 | </div> | ||
19 | </div> | ||
20 | |||
21 | <div class="playlist-controls"> | ||
22 | <my-global-icon | ||
23 | iconName="videos" | ||
24 | [class.active]="autoPlayNextVideoPlaylist" | ||
25 | (click)="switchAutoPlayNextVideoPlaylist()" | ||
26 | [ngbTooltip]="autoPlayNextVideoPlaylistSwitchText" | ||
27 | placement="bottom auto" | ||
28 | container="body" | ||
29 | ></my-global-icon> | ||
30 | |||
31 | <my-global-icon | ||
32 | iconName="repeat" | ||
33 | [class.active]="loopPlaylist" | ||
34 | (click)="switchLoopPlaylist()" | ||
35 | [ngbTooltip]="loopPlaylistSwitchText" | ||
36 | placement="bottom auto" | ||
37 | container="body" | ||
38 | ></my-global-icon> | ||
39 | </div> | ||
40 | </div> | ||
41 | |||
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> | ||
48 | </div> | ||
49 | </div> | ||