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

   1 <div class="margin-content">
   2   <div class="videos-header">
   3     <ng-template #videoListHeader></ng-template>
   4
   5     <div class="action-block">
   6       <my-feed *ngIf="syndicationItems" [syndicationItems]="syndicationItems"></my-feed>
   7       <ng-container *ngFor="let action of actions">
   8         <a *ngIf="action.routerLink" class="ml-2" [routerLink]="action.routerLink" routerLinkActive="active">
   9           <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container>
  10         </a>
  11
  12         <a *ngIf="!action.routerLink && !action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)">
  13           <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container>
  14         </a>
  15
  16         <a *ngIf="!action.routerLink && action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)" [href]="action.href">
  17           <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container>
  18         </a>
  19
  20         <ng-template #actionContent let-action>
  21           <my-button *ngIf="!action.justIcon" [icon]="action.iconName" [label]="action.label"></my-button>
  22           <my-button *ngIf="action.justIcon" [icon]="action.iconName" [ngbTooltip]="action.label"></my-button>
  23         </ng-template>
  24       </ng-container>
  25     </div>
  26
  27     <div class="moderation-block" *ngIf="displayModerationBlock">
  28       <div class="c-hand" ngbDropdown placement="bottom-right auto">
  29         <my-global-icon iconName="cog" ngbDropdownToggle></my-global-icon>
  30
  31         <div role="menu" class="dropdown-menu" ngbDropdownMenu>
  32           <div class="dropdown-item">
  33             <my-peertube-checkbox
  34               (change)="toggleModerationDisplay()"
  35               inputName="display-unlisted-private" i18n-labelText labelText="Display all videos (private, unlisted or not yet published)"
  36             ></my-peertube-checkbox>
  37           </div>
  38         </div>
  39       </div>
  40     </div>
  41   </div>
  42
  43   <div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">No results.</div>
  44   <div
  45     myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()"
  46     class="videos"
  47   >
  48     <ng-container *ngFor="let video of videos; trackBy: videoById;">
  49       <h2 class="date-title" *ngIf="getCurrentGroupedDateLabel(video)">
  50         {{ getCurrentGroupedDateLabel(video) }}
  51       </h2>
  52
  53       <div class="video-wrapper">
  54         <my-video-miniature
  55           [fitWidth]="true" [video]="video" [user]="userMiniature"
  56           [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions"
  57           (videoBlocked)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)"
  58         >
  59         </my-video-miniature>
  60       </div>
  61     </ng-container>
  62   </div>
  63 </div>