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


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

<div class="margin-content">
  <div class="videos-header">
    <div *ngIf="titlePage" class="title-page title-page-single">
      <div placement="bottom" [ngbTooltip]="titleTooltip" container="body">
        {{ titlePage }}
      </div>
    </div>

    <my-feed *ngIf="titlePage" [syndicationItems]="syndicationItems"></my-feed>

    <div class="moderation-block" *ngIf="displayModerationBlock">
      <my-peertube-checkbox
        (change)="toggleModerationDisplay()"
        inputName="display-unlisted-private" i18n-labelText labelText="Display unlisted and private videos"
      >
      </my-peertube-checkbox>
    </div>
  </div>

  <div class="no-results" i18n *ngIf="pagination.totalItems === 0">No results.</div>
  <div
    myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true"
    class="videos"
  >
    <ng-container *ngFor="let video of videos; trackBy: videoById;">
      <div class="date-title" *ngIf="getCurrentGroupedDateLabel(video)">
        {{ getCurrentGroupedDateLabel(video) }}
      </div>

      <my-video-miniature
        [video]="video" [user]="user" [ownerDisplayType]="ownerDisplayType"
        [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions"
        (videoBlacklisted)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)"
      >
      </my-video-miniature>
    </ng-container>
  </div>
</div>