]>
Commit | Line | Data |
---|---|---|
3a0fb65c | 1 | <div class="margin-content"> |
017c3dca | 2 | <div class="videos-header"> |
dd24f1bb C |
3 | <h1 *ngIf="displayTitle" class="title" placement="bottom" [ngbTooltip]="titleTooltip" container="body"> |
4 | {{ title }} | |
5 | </h1> | |
9b4b15f9 | 6 | |
389eb034 | 7 | <div [ngClass]="{ 'no-title': !displayTitle, invisible: !syndicationItems || syndicationItems.length === 0 }" class="title-subscription"> |
dd24f1bb C |
8 | <ng-container i18n>Subscribe to RSS feed "{{ title }}"</ng-container> |
9 | ||
10 | <my-feed [syndicationItems]="syndicationItems"></my-feed> | |
11 | </div> | |
205e4f56 | 12 | |
dd24f1bb C |
13 | <div class="action-block"> |
14 | <ng-container *ngFor="let action of headerActions"> | |
4c8749cb | 15 | <a *ngIf="action.routerLink" class="ms-2" [routerLink]="action.routerLink" routerLinkActive="active"> |
afff310e RK |
16 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> |
17 | </a> | |
7af5ded4 | 18 | |
d0fbc9fd | 19 | <button *ngIf="!action.routerLink && !action.href && action.click" class="ms-2 button-unstyle" (click)="action.click($event)" (key.enter)="action.click($event)"> |
afff310e | 20 | <ng-container *ngTemplateOutlet="actionContent; context:{ $implicit: action }"></ng-container> |
d0fbc9fd | 21 | </button> |
7af5ded4 | 22 | |
4c8749cb | 23 | <a *ngIf="!action.routerLink && action.href && action.click" class="ms-2" (click)="action.click($event)" (key.enter)="action.click($event)" [href]="action.href"> |
afff310e RK |
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> | |
13adf228 | 32 | </div> |
c30745f3 | 33 | </div> |
cf20596c | 34 | |
dd24f1bb | 35 | <my-video-filters-header |
1b206245 | 36 | *ngIf="displayFilters" [displayModerationBlock]="displayModerationBlock" [hideScope]="hideScopeFilter" |
6d210220 | 37 | [filters]="filters" |
dd24f1bb C |
38 | (filtersChanged)="onFiltersChanged(true)" |
39 | ></my-video-filters-header> | |
40 | ||
e6122097 | 41 | <div class="no-results" i18n *ngIf="hasDoneFirstQuery && videos.length === 0">No results.</div> |
c30745f3 | 42 | <div |
0af2a8c5 C |
43 | myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()" |
44 | [setAngularState]="true" [parentDisabled]="disabled" | |
dd24f1bb | 45 | class="videos" [ngClass]="{ 'display-as-row': displayAsRow }" |
bddab65a | 46 | > |
34c7f429 | 47 | <ng-container *ngFor="let video of videos; trackBy: videoById;"> |
c9e3565d | 48 | <h2 class="date-title" *ngIf="getCurrentGroupedDateLabel(video)"> |
34c7f429 | 49 | {{ getCurrentGroupedDateLabel(video) }} |
c9e3565d | 50 | </h2> |
34c7f429 | 51 | |
cf78883c C |
52 | <div class="video-wrapper"> |
53 | <my-video-miniature | |
dd24f1bb | 54 | [video]="video" [user]="userMiniature" [displayAsRow]="displayAsRow" |
cf78883c C |
55 | [displayVideoActions]="displayVideoActions" [displayOptions]="displayOptions" |
56 | (videoBlocked)="removeVideoFromArray(video)" (videoRemoved)="removeVideoFromArray(video)" | |
57 | > | |
58 | </my-video-miniature> | |
59 | </div> | |
34c7f429 | 60 | </ng-container> |
c30745f3 | 61 | </div> |
32294074 | 62 | </div> |