Manage video playlist on thumbnail click

This commit is contained in:
Chocobozzz
2025-08-20 10:48:10 +02:00
parent aaae2910e7
commit 8f852e3153
7 changed files with 8 additions and 8 deletions

View File

@@ -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">

View File

@@ -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')">

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 })