2019-04-05 08:52:27 +00:00
|
|
|
<div class="margin-content">
|
2018-10-10 12:35:55 +00:00
|
|
|
<div class="videos-header">
|
2021-01-21 23:12:44 +00:00
|
|
|
<ng-template #videoListHeader></ng-template>
|
2019-01-14 08:06:48 +00:00
|
|
|
|
2020-07-02 14:25:16 +00:00
|
|
|
<div class="action-block">
|
2021-01-21 23:12:44 +00:00
|
|
|
<my-feed *ngIf="syndicationItems" [syndicationItems]="syndicationItems"></my-feed>
|
2021-04-15 13:31:03 +00:00
|
|
|
|
2020-08-13 13:07:23 +00:00
|
|
|
<ng-container *ngFor="let action of actions">
|
|
|
|
<a *ngIf="action.routerLink" class="ml-2" [routerLink]="action.routerLink" routerLinkActive="active">
|
|
|
|
<ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container>
|
|
|
|
</a>
|
2021-01-15 09:19:12 +00:00
|
|
|
|
|
|
|
<a *ngIf="!action.routerLink && !action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)">
|
2020-08-13 13:07:23 +00:00
|
|
|
<ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container>
|
|
|
|
</a>
|
2021-01-15 09:19:12 +00:00
|
|
|
|
|
|
|
<a *ngIf="!action.routerLink && action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)" [href]="action.href">
|
2020-08-13 13:07:23 +00:00
|
|
|
<ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
<ng-template #actionContent let-action>
|
|
|
|
<my-button *ngIf="!action.justIcon" [icon]="action.iconName" [label]="action.label"></my-button>
|
|
|
|
<my-button *ngIf="action.justIcon" [icon]="action.iconName" [ngbTooltip]="action.label"></my-button>
|
|
|
|
</ng-template>
|
|
|
|
</ng-container>
|
2020-01-07 11:12:39 +00:00
|
|
|
</div>
|
2018-10-10 12:35:55 +00:00
|
|
|
|
|
|
|
<div class="moderation-block" *ngIf="displayModerationBlock">
|
2020-07-03 08:28:19 +00:00
|
|
|
<div class="c-hand" ngbDropdown placement="bottom-right auto">
|
2020-07-02 17:45:21 +00:00
|
|
|
<my-global-icon iconName="cog" ngbDropdownToggle></my-global-icon>
|
|
|
|
|
|
|
|
<div role="menu" class="dropdown-menu" ngbDropdownMenu>
|
|
|
|
<div class="dropdown-item">
|
|
|
|
<my-peertube-checkbox
|
|
|
|
(change)="toggleModerationDisplay()"
|
2020-11-18 14:29:38 +00:00
|
|
|
inputName="display-unlisted-private" i18n-labelText labelText="Display all videos (private, unlisted or not yet published)"
|
2020-07-02 17:45:21 +00:00
|
|
|
></my-peertube-checkbox>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
2018-10-10 12:35:55 +00:00
|
|
|
</div>
|
2017-12-01 16:38:26 +00:00
|
|
|
</div>
|
2016-05-23 09:07:42 +00:00
|
|
|
|
2020-01-08 14:11:38 +00:00
|
|
|
<div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">No results.</div>
|
2017-12-01 16:38:26 +00:00
|
|
|
<div
|
2019-08-02 12:49:25 +00:00
|
|
|
myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()"
|
2021-04-01 14:14:34 +00:00
|
|
|
class="videos" [ngClass]="{ 'display-as-row': displayAsRow() }"
|
2016-07-18 13:39:10 +00:00
|
|
|
>
|
2019-05-31 09:14:38 +00:00
|
|
|
<ng-container *ngFor="let video of videos; trackBy: videoById;">
|
2020-06-12 22:53:56 +00:00
|
|
|
<h2 class="date-title" *ngIf="getCurrentGroupedDateLabel(video)">
|
2019-05-31 09:14:38 +00:00
|
|
|
{{ getCurrentGroupedDateLabel(video) }}
|
2020-06-12 22:53:56 +00:00
|
|
|
</h2>
|
2019-05-31 09:14:38 +00:00
|
|
|
|
2020-06-11 12:33:33 +00:00
|
|
|
<div class="video-wrapper">
|
|
|
|
<my-video-miniature
|
2021-04-01 14:14:34 +00:00
|
|
|
[video]="video" [user]="userMiniature" [displayAsRow]="displayAsRow()"
|
2020-06-11 12:33:33 +00:00
|
|
|
[displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions"
|
|
|
|
(videoBlocked)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)"
|
|
|
|
>
|
|
|
|
</my-video-miniature>
|
|
|
|
</div>
|
2019-05-31 09:14:38 +00:00
|
|
|
</ng-container>
|
2017-12-01 16:38:26 +00:00
|
|
|
</div>
|
2016-05-22 08:43:06 +00:00
|
|
|
</div>
|