]>
Commit | Line | Data |
---|---|---|
3a0fb65c | 1 | <div class="margin-content"> |
017c3dca | 2 | <div class="videos-header"> |
c9e3565d | 3 | <h1 *ngIf="titlePage" class="title-page title-page-single"> |
9b4b15f9 AB |
4 | <div placement="bottom" [ngbTooltip]="titleTooltip" container="body"> |
5 | {{ titlePage }} | |
6 | </div> | |
13adf228 | 7 | <my-feed *ngIf="titlePage" [syndicationItems]="syndicationItems"></my-feed> |
c9e3565d | 8 | </h1> |
9b4b15f9 | 9 | |
13adf228 RK |
10 | <div class="action-block" *ngIf="actions.length > 0"> |
11 | <a [routerLink]="action.routerLink" routerLinkActive="active" *ngFor="let action of actions"> | |
12 | <button class="btn"> | |
adcf9212 | 13 | <my-global-icon [iconName]="action.iconName" aria-hidden="true"></my-global-icon> |
fb770ff9 | 14 | <span>{{ action.label }}</span> |
13adf228 RK |
15 | </button> |
16 | </a> | |
17 | </div> | |
017c3dca C |
18 | |
19 | <div class="moderation-block" *ngIf="displayModerationBlock"> | |
20 | <my-peertube-checkbox | |
21 | (change)="toggleModerationDisplay()" | |
3a0fb65c | 22 | inputName="display-unlisted-private" i18n-labelText labelText="Display unlisted and private videos" |
017c3dca C |
23 | > |
24 | </my-peertube-checkbox> | |
25 | </div> | |
c30745f3 | 26 | </div> |
cf20596c | 27 | |
e6122097 | 28 | <div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">No results.</div> |
c30745f3 | 29 | <div |
ad453580 | 30 | myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onDataSubject.asObservable()" |
489290b8 | 31 | class="videos" |
bddab65a | 32 | > |
34c7f429 | 33 | <ng-container *ngFor="let video of videos; trackBy: videoById;"> |
c9e3565d | 34 | <h2 class="date-title" *ngIf="getCurrentGroupedDateLabel(video)"> |
34c7f429 | 35 | {{ getCurrentGroupedDateLabel(video) }} |
c9e3565d | 36 | </h2> |
34c7f429 | 37 | |
cf78883c C |
38 | <div class="video-wrapper"> |
39 | <my-video-miniature | |
40 | [fitWidth]="true" | |
5c20a455 | 41 | [video]="video" [user]="userMiniature" [ownerDisplayType]="ownerDisplayType" |
cf78883c C |
42 | [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions" |
43 | (videoBlocked)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)" | |
d473fd94 | 44 | (videoAccountMuted)="reloadVideos()" |
cf78883c C |
45 | > |
46 | </my-video-miniature> | |
47 | </div> | |
34c7f429 | 48 | </ng-container> |
c30745f3 | 49 | </div> |
32294074 | 50 | </div> |