client/src/app/shared/video/abstract-video-list.html

   1 <div class="margin-content">
   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 *ngIf="titlePage" [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 (nearOfBottom)="onNearOfBottom()" [autoInit]="true"
  23     class="videos"
  24   >
  25     <ng-container *ngFor="let video of videos; trackBy: videoById;">
  26       <div class="date-title" *ngIf="getCurrentGroupedDateLabel(video)">
  27         {{ getCurrentGroupedDateLabel(video) }}
  28       </div>
  29
  30       <my-video-miniature
  31         [video]="video" [user]="user" [ownerDisplayType]="ownerDisplayType"
  32         [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions"
  33         (videoBlacklisted)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)"
  34       >
  35       </my-video-miniature>
  36     </ng-container>
  37   </div>
  38 </div>