Merge branch 'release/v1.2.0'
[oweals/peertube.git] / client / src / app / shared / video / abstract-video-list.html
1 <div [ngClass]="{ 'margin-content': marginContent }">
2   <div class="videos-header">
3     <div *ngIf="titlePage" class="title-page title-page-single">
4       <div placement="bottom" [ngbTooltip]="titleTooltip" container="body">
5         {{ titlePage }}
6       </div>
7     </div>
8
9     <my-feed [syndicationItems]="syndicationItems"></my-feed>
10
11     <div class="moderation-block" *ngIf="displayModerationBlock">
12       <my-peertube-checkbox
13         (change)="toggleModerationDisplay()"
14         inputName="display-unlisted-private"  i18n-labelText labelText="Display unlisted and private videos"
15       >
16       </my-peertube-checkbox>
17     </div>
18   </div>
19
20   <div class="no-results" i18n *ngIf="pagination.totalItems === 0">No results.</div>
21   <div
22     myInfiniteScroller
23     [pageHeight]="pageHeight" [firstLoadedPage]="firstLoadedPage"
24     (nearOfTop)="onNearOfTop()" (nearOfBottom)="onNearOfBottom()" (pageChanged)="onPageChanged($event)"
25     class="videos" #videosElement
26   >
27     <div *ngFor="let videos of videoPages; trackBy: pageByVideoId" class="videos-page">
28       <my-video-miniature *ngFor="let video of videos; trackBy: videoById" [video]="video" [user]="user" [ownerDisplayType]="ownerDisplayType"></my-video-miniature>
29     </div>
30   </div>
31 </div>