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