]>
Commit | Line | Data |
---|---|---|
3a0fb65c | 1 | <div class="margin-content"> |
017c3dca | 2 | <div class="videos-header"> |
5bcbcbe3 | 3 | <ng-template #videoListHeader></ng-template> |
9b4b15f9 | 4 | |
2d011d94 | 5 | <div class="action-block"> |
5bcbcbe3 | 6 | <my-feed *ngIf="syndicationItems" [syndicationItems]="syndicationItems"></my-feed> |
afff310e RK |
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> | |
7af5ded4 C |
11 | |
12 | <a *ngIf="!action.routerLink && !action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)"> | |
afff310e RK |
13 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> |
14 | </a> | |
7af5ded4 C |
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"> | |
afff310e RK |
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> | |
13adf228 | 25 | </div> |
017c3dca C |
26 | |
27 | <div class="moderation-block" *ngIf="displayModerationBlock"> | |
ea7337cf | 28 | <div class="c-hand" ngbDropdown placement="bottom-right auto"> |
2b587cad RK |
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()" | |
0aa52e17 | 35 | inputName="display-unlisted-private" i18n-labelText labelText="Display all videos (private, unlisted or not yet published)" |
2b587cad RK |
36 | ></my-peertube-checkbox> |
37 | </div> | |
38 | </div> | |
39 | </div> | |
017c3dca | 40 | </div> |
c30745f3 | 41 | </div> |
cf20596c | 42 | |
e6122097 | 43 | <div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">No results.</div> |
c30745f3 | 44 | <div |
ad453580 | 45 | myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()" |
489290b8 | 46 | class="videos" |
bddab65a | 47 | > |
34c7f429 | 48 | <ng-container *ngFor="let video of videos; trackBy: videoById;"> |
c9e3565d | 49 | <h2 class="date-title" *ngIf="getCurrentGroupedDateLabel(video)"> |
34c7f429 | 50 | {{ getCurrentGroupedDateLabel(video) }} |
c9e3565d | 51 | </h2> |
34c7f429 | 52 | |
cf78883c C |
53 | <div class="video-wrapper"> |
54 | <my-video-miniature | |
55 | [fitWidth]="true" | |
5c20a455 | 56 | [video]="video" [user]="userMiniature" [ownerDisplayType]="ownerDisplayType" |
cf78883c C |
57 | [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions" |
58 | (videoBlocked)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)" | |
59 | > | |
60 | </my-video-miniature> | |
61 | </div> | |
34c7f429 | 62 | </ng-container> |
c30745f3 | 63 | </div> |
32294074 | 64 | </div> |