mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2025-12-05 01:10:36 +00:00
Manage video playlist on thumbnail click
This commit is contained in:
@@ -2,8 +2,8 @@
|
||||
|
||||
<div class="playlist-info">
|
||||
<my-video-playlist-miniature
|
||||
*ngIf="playlist" [playlist]="playlist" [toManage]="false" [displayChannel]="true"
|
||||
[displayDescription]="true" [displayPrivacy]="true"
|
||||
*ngIf="playlist" [playlist]="playlist" toManage="false" displayChannel="true"
|
||||
displayDescription="true" displayPrivacy="true"
|
||||
></my-video-playlist-miniature>
|
||||
|
||||
<div class="playlist-buttons">
|
||||
|
||||
@@ -56,7 +56,7 @@
|
||||
</td>
|
||||
|
||||
<td *ngIf="table.isColumnDisplayed('videos')">
|
||||
<my-video-playlist-miniature [playlist]="playlist" thumbnailOnly="true"></my-video-playlist-miniature>
|
||||
<my-video-playlist-miniature [playlist]="playlist" thumbnailOnly="true" toManage="true"></my-video-playlist-miniature>
|
||||
</td>
|
||||
|
||||
<td *ngIf="table.isColumnDisplayed('name')">
|
||||
|
||||
@@ -73,7 +73,7 @@
|
||||
|
||||
<div *ngIf="isPlaylist(result)" class="entry video-playlist">
|
||||
<my-video-playlist-miniature
|
||||
[playlist]="result" [displayAsRow]="true" [displayChannel]="true"
|
||||
[playlist]="result" displayAsRow="true" displayChannel="true" toManage="false"
|
||||
[linkType]="getLinkType()"
|
||||
></my-video-playlist-miniature>
|
||||
</div>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
|
||||
<div class="playlists" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
|
||||
<div *ngFor="let playlist of videoPlaylists" class="playlist-wrapper">
|
||||
<my-video-playlist-miniature [playlist]="playlist" [toManage]="false" [displayAsRow]="displayAsRow()"></my-video-playlist-miniature>
|
||||
<my-video-playlist-miniature [playlist]="playlist" toManage="false" [displayAsRow]="displayAsRow()"></my-video-playlist-miniature>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
<my-video-playlist-miniature *ngIf="playlist" [playlist]="playlist">
|
||||
<my-video-playlist-miniature *ngIf="playlist" [playlist]="playlist" toManage="false">
|
||||
</my-video-playlist-miniature>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
[internalLink]="playlistRouterLink" [href]="playlistHref" [target]="playlistTarget" inheritParentStyle="true" inheritParentDimension="true"
|
||||
[title]="playlist().description" class="miniature-thumbnail" tabindex="-1"
|
||||
>
|
||||
<img alt="" [attr.aria-labelledby]="playlist().displayName" [attr.src]="playlist().thumbnailUrl" />
|
||||
<img alt="" [attr.aria-label]="playlist().displayName" [attr.src]="playlist().thumbnailUrl" />
|
||||
|
||||
<div class="miniature-playlist-info-overlay">
|
||||
<ng-container i18n>{playlist().videosLength, plural, =0 {No videos} =1 {1 video} other {{{ playlist().videosLength }} videos}}</ng-container>
|
||||
|
||||
@@ -17,7 +17,7 @@ export class VideoPlaylistMiniatureComponent implements OnInit {
|
||||
|
||||
readonly playlist = input<VideoPlaylist>(undefined)
|
||||
|
||||
readonly toManage = input(false)
|
||||
readonly toManage = input.required({ transform: booleanAttribute })
|
||||
|
||||
readonly thumbnailOnly = input(false, { transform: booleanAttribute })
|
||||
|
||||
|
||||
Reference in New Issue
Block a user