1 <div myInfiniteScroller [autoInit]=
"true" (nearOfBottom)=
"onNearOfBottom()" class=
"search-result">
2 <div class=
"results-header">
3 <div class=
"first-line">
4 <div class=
"results-counter" *
ngIf=
"pagination.totalItems">
5 <span i18n
>{{ pagination.totalItems | myNumberFormatter }} {pagination.totalItems, plural, =
1 {result} other {results}}
</span>
7 <span i18n *
ngIf=
"advancedSearch.searchTarget === 'local'">on this instance
</span>
8 <span i18n *
ngIf=
"advancedSearch.searchTarget === 'search-index'">on the vidiverse
</span>
10 <span *
ngIf=
"currentSearch" i18n
>
11 for
<span class=
"search-value">{{ currentSearch }}
</span>
16 class=
"results-filter-button ml-auto" (click)=
"isSearchFilterCollapsed = !isSearchFilterCollapsed" role=
"button"
17 [attr.aria-expanded]=
"!isSearchFilterCollapsed" aria-controls=
"collapseBasic"
19 <span class=
"icon icon-filter"></span>
22 <span *
ngIf=
"numberOfFilters() > 0" class=
"badge badge-secondary">{{ numberOfFilters() }}
</span>
27 <div class=
"results-filter collapse-transition" [ngbCollapse]=
"isSearchFilterCollapsed">
28 <my-search-filters [advancedSearch]=
"advancedSearch" (filtered)=
"onFiltered()"></my-search-filters>
32 <div i18n *
ngIf=
"pagination.totalItems === 0 && results.length === 0" class=
"no-results">
36 <ng-container *
ngFor=
"let result of results">
37 <div *
ngIf=
"isVideoChannel(result)" class=
"entry video-channel">
38 <a *
ngIf=
"!isExternalChannelUrl()" [routerLink]=
"getChannelUrl(result)">
39 <img [src]=
"result.avatarUrl" alt=
"Avatar" />
42 <a *
ngIf=
"isExternalChannelUrl()" [href]=
"getChannelUrl(result)" target=
"_blank">
43 <img [src]=
"result.avatarUrl" alt=
"Avatar" />
46 <div class=
"video-channel-info">
47 <a *
ngIf=
"!isExternalChannelUrl()" [routerLink]=
"getChannelUrl(result)" class=
"video-channel-names">
48 <ng-container *
ngTemplateOutlet=
"aContent"></ng-container>
51 <a *
ngIf=
"isExternalChannelUrl()" [href]=
"getChannelUrl(result)" target=
"_blank" class=
"video-channel-names">
52 <ng-container *
ngTemplateOutlet=
"aContent"></ng-container>
55 <ng-template #aContent
>
56 <div class=
"video-channel-display-name">{{ result.displayName }}
</div>
57 <div class=
"video-channel-name">{{ result.nameWithHost }}
</div>
60 <div i18n
class=
"video-channel-followers">{{ result.followersCount }} subscribers
</div>
63 <my-subscribe-button *
ngIf=
"!hideActions()" [videoChannels]=
"[result]"></my-subscribe-button>
66 <div *
ngIf=
"isVideo(result)" class=
"entry video">
68 [video]=
"result" [user]=
"userMiniature" [displayAsRow]=
"true" [displayVideoActions]=
"!hideActions()"
69 [displayOptions]=
"videoDisplayOptions" [videoLinkType]=
"getVideoLinkType()"
70 (videoBlocked)=
"removeVideoFromArray(result)" (videoRemoved)=
"removeVideoFromArray(result)"
71 ></my-video-miniature>