Bumped to version v5.2.1

[github/Chocobozzz/PeerTube.git] / client / src / app / +video-channels / video-channel-playlists / video-channel-playlists.component.html

diff --git a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html
index 0d9fba3756f037f13f6f9a4d00ddf9390ade4694..dd0b10d665315307963a872c54ab7efe02b0706f 100644 (file)
--- a/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html
+++ b/client/src/app/+video-channels/video-channel-playlists/video-channel-playlists.component.html
@@ -1,11 +1,13 @@
-<div i18n class="title-page title-page-single">
-  Created {{pagination.totalItems}} playlists
-</div>
+<div class="margin-content">
+  <h1 i18n class="title-page" *ngIf="pagination.totalItems">
+    Created {pagination.totalItems, plural, =1 {1 playlist} other {{{ pagination.totalItems }} playlists}}
+  </h1>
 
-<div i18n class="no-results" *ngIf="pagination.totalItems === 0">This channel does not have playlists.</div>
+  <div i18n class="no-results" *ngIf="pagination.totalItems === 0">This channel does not have playlists.</div>
 
-<div class="video-playlist" myInfiniteScroller (nearOfBottom)="onNearOfBottom()">
-  <div *ngFor="let playlist of videoPlaylists">
-    <my-video-playlist-miniature [playlist]="playlist" [toManage]="false"></my-video-playlist-miniature>
+  <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>
+    </div>
   </div>
 </div>