diff options
Diffstat (limited to 'client/src/app/shared/shared-video-miniature/videos-list.component.html')
-rw-r--r-- | client/src/app/shared/shared-video-miniature/videos-list.component.html | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/client/src/app/shared/shared-video-miniature/videos-list.component.html b/client/src/app/shared/shared-video-miniature/videos-list.component.html new file mode 100644 index 000000000..4ccb4092c --- /dev/null +++ b/client/src/app/shared/shared-video-miniature/videos-list.component.html | |||
@@ -0,0 +1,61 @@ | |||
1 | <div class="margin-content"> | ||
2 | <div class="videos-header"> | ||
3 | <h1 *ngIf="displayTitle" class="title" placement="bottom" [ngbTooltip]="titleTooltip" container="body"> | ||
4 | {{ title }} | ||
5 | </h1> | ||
6 | |||
7 | <div *ngIf="syndicationItems" [ngClass]="{ 'no-title': !displayTitle }" class="title-subscription"> | ||
8 | <ng-container i18n>Subscribe to RSS feed "{{ title }}"</ng-container> | ||
9 | |||
10 | <my-feed [syndicationItems]="syndicationItems"></my-feed> | ||
11 | </div> | ||
12 | |||
13 | <div class="action-block"> | ||
14 | <ng-container *ngFor="let action of headerActions"> | ||
15 | <a *ngIf="action.routerLink" class="ml-2" [routerLink]="action.routerLink" routerLinkActive="active"> | ||
16 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> | ||
17 | </a> | ||
18 | |||
19 | <a *ngIf="!action.routerLink && !action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)"> | ||
20 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> | ||
21 | </a> | ||
22 | |||
23 | <a *ngIf="!action.routerLink && action.href && action.click" class="ml-2" (click)="action.click($event)" (key.enter)="action.click($event)" [href]="action.href"> | ||
24 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> | ||
25 | </a> | ||
26 | |||
27 | <ng-template #actionContent let-action> | ||
28 | <my-button *ngIf="!action.justIcon" [icon]="action.iconName" [label]="action.label"></my-button> | ||
29 | <my-button *ngIf="action.justIcon" [icon]="action.iconName" [ngbTooltip]="action.label"></my-button> | ||
30 | </ng-template> | ||
31 | </ng-container> | ||
32 | </div> | ||
33 | </div> | ||
34 | |||
35 | <my-video-filters-header | ||
36 | *ngIf="displayFilters" [displayModerationBlock]="displayModerationBlock" | ||
37 | [defaultSort]="defaultSort" [filters]="filters" | ||
38 | (filtersChanged)="onFiltersChanged(true)" | ||
39 | ></my-video-filters-header> | ||
40 | |||
41 | <div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">No results.</div> | ||
42 | <div | ||
43 | myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()" [setAngularState]="true" | ||
44 | class="videos" [ngClass]="{ 'display-as-row': displayAsRow }" | ||
45 | > | ||
46 | <ng-container *ngFor="let video of videos; trackBy: videoById;"> | ||
47 | <h2 class="date-title" *ngIf="getCurrentGroupedDateLabel(video)"> | ||
48 | {{ getCurrentGroupedDateLabel(video) }} | ||
49 | </h2> | ||
50 | |||
51 | <div class="video-wrapper"> | ||
52 | <my-video-miniature | ||
53 | [video]="video" [user]="userMiniature" [displayAsRow]="displayAsRow" | ||
54 | [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions" | ||
55 | (videoBlocked)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)" | ||
56 | > | ||
57 | </my-video-miniature> | ||
58 | </div> | ||
59 | </ng-container> | ||
60 | </div> | ||
61 | </div> | ||