1 <div class=
"margin-content">
2 <div class=
"videos-header">
3 <h1 *
ngIf=
"displayTitle" class=
"title" placement=
"bottom" [ngbTooltip]=
"titleTooltip" container=
"body">
7 <div [ngClass]=
"{ 'no-title': !displayTitle, invisible: !syndicationItems || syndicationItems.length === 0 }" class=
"title-subscription">
8 <ng-container i18n
>Subscribe to RSS feed "{{ title }}"
</ng-container>
10 <my-feed [syndicationItems]=
"syndicationItems"></my-feed>
13 <div class=
"action-block">
14 <ng-container *
ngFor=
"let action of headerActions">
15 <a *
ngIf=
"action.routerLink" class=
"ms-2" [routerLink]=
"action.routerLink" routerLinkActive=
"active">
16 <ng-container *
ngTemplateOutlet=
"actionContent; context:{ $implicit: action }"></ng-container>
19 <a *
ngIf=
"!action.routerLink && !action.href && action.click" class=
"ms-2" (click)=
"action.click($event)" (key.enter)=
"action.click($event)">
20 <ng-container *
ngTemplateOutlet=
"actionContent; context:{ $implicit: action }"></ng-container>
23 <a *
ngIf=
"!action.routerLink && action.href && action.click" class=
"ms-2" (click)=
"action.click($event)" (key.enter)=
"action.click($event)" [href]=
"action.href">
24 <ng-container *
ngTemplateOutlet=
"actionContent; context:{ $implicit: action }"></ng-container>
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>
35 <my-video-filters-header
36 *
ngIf=
"displayFilters" [displayModerationBlock]=
"displayModerationBlock" [hideScope]=
"hideScopeFilter"
38 (filtersChanged)=
"onFiltersChanged(true)"
39 ></my-video-filters-header>
41 <div class=
"no-results" i18n *
ngIf=
"hasDoneFirstQuery && videos.length === 0">No results.
</div>
43 myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()"
44 [setAngularState]=
"true" [parentDisabled]=
"disabled"
45 class=
"videos" [ngClass]=
"{ 'display-as-row': displayAsRow }"
47 <ng-container *
ngFor=
"let video of videos; trackBy: videoById;">
48 <h2 class=
"date-title" *
ngIf=
"getCurrentGroupedDateLabel(video)">
49 {{ getCurrentGroupedDateLabel(video) }}
52 <div class=
"video-wrapper">
54 [video]=
"video" [user]=
"userMiniature" [displayAsRow]=
"displayAsRow"
55 [displayVideoActions]=
"displayVideoActions" [displayOptions]=
"displayOptions"
56 (videoBlocked)=
"removeVideoFromArray(video)" (videoRemoved)=
"removeVideoFromArray(video)"