]>
Commit | Line | Data |
---|---|---|
0f7407d9 | 1 | <div class="root"> |
f0a39880 | 2 | |
0f7407d9 | 3 | <div class="playlist-info"> |
bce47964 C |
4 | <my-video-playlist-miniature |
5 | *ngIf="playlist" [playlist]="playlist" [toManage]="false" [displayChannel]="true" | |
6 | [displayDescription]="true" [displayPrivacy]="true" | |
7 | ></my-video-playlist-miniature> | |
82f443de C |
8 | |
9 | <div class="playlist-buttons"> | |
10 | <button (click)="showShareModal()" class="action-button share-button"> | |
11 | <my-global-icon iconName="share" aria-hidden="true"></my-global-icon> | |
12 | <span class="icon-text" i18n>Share</span> | |
13 | </button> | |
14 | ||
15 | <my-action-dropdown | |
16 | *ngIf="isRegularPlaylist(playlist)" | |
17 | [entry]="playlist" [actions]="playlistActions" label="More" | |
18 | ></my-action-dropdown> | |
19 | </div> | |
20 | ||
bce47964 C |
21 | </div> |
22 | ||
0f7407d9 | 23 | <div class="playlist-elements"> |
82f443de C |
24 | <div class="no-results" *ngIf="pagination.totalItems === 0"> |
25 | <div i18n>No videos in this playlist.</div> | |
26 | ||
27 | <div i18n> | |
28 | Browse videos on PeerTube to add them in your playlist. | |
29 | </div> | |
30 | ||
31 | <div i18n> | |
c5c95361 | 32 | See the <a target="_blank" href="https://docs.joinpeertube.org/use/library?id=playlist">documentation</a> for more information. |
82f443de C |
33 | </div> |
34 | </div> | |
bce47964 C |
35 | |
36 | <div | |
dd24f1bb | 37 | class="videos" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" |
ad453580 | 38 | cdkDropList (cdkDropListDropped)="drop($event)" [dataObservable]="onDataSubject.asObservable()" |
bce47964 | 39 | > |
0c695c5c | 40 | <div class="video" *ngFor="let playlistElement of playlistElements; trackBy: trackByFn" cdkDrag [cdkDragStartDelay]="getDragStartDelay()"> |
bce47964 | 41 | <my-video-playlist-element-miniature |
bfbd9128 C |
42 | [playlistElement]="playlistElement" [playlist]="playlist" [owned]="true" (elementRemoved)="onElementRemoved($event)" |
43 | [position]="playlistElement.position" | |
bce47964 C |
44 | > |
45 | </my-video-playlist-element-miniature> | |
46 | </div> | |
47 | </div> | |
f0a39880 C |
48 | </div> |
49 | </div> | |
82f443de C |
50 | |
51 | <my-video-share #videoShareModal [playlist]="playlist"></my-video-share> |