1 <div class=
"margin-content">
3 <div class=
"no-results" i18n *
ngIf=
"channelPagination.totalItems === 0">This account does not have channels.
</div>
5 <div class=
"channels" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [autoInit]=
"true" [dataObservable]=
"onChannelDataSubject.asObservable()">
6 <div class=
"section channel" *
ngFor=
"let videoChannel of videoChannels">
7 <div class=
"section-title">
8 <a [routerLink]=
"getVideoChannelLink(videoChannel)" i18n-title
title=
"See this video channel">
9 <img [src]=
"videoChannel.avatarUrl" alt=
"Avatar" />
11 <div>{{ videoChannel.displayName }}
</div>
12 <div class=
"followers">{{ videoChannel.followersCount }}
13 <ng-container *
ngIf=
"videoChannel.followersCount === 1; then single; else multiple"></ng-container>
14 <ng-template i18n #single
>subscriber
</ng-template>
15 <ng-template i18n #multiple
>subscribers
</ng-template>
19 <my-subscribe-button [videoChannels]=
"[videoChannel]"></my-subscribe-button>
22 <div *
ngIf=
"getVideosOf(videoChannel)" class=
"videos">
23 <div class=
"no-results my-5" i18n *
ngIf=
"getVideosOf(videoChannel).length === 0">This channel doesn't have any videos.
</div>
26 *
ngFor=
"let video of getVideosOf(videoChannel)"
27 [video]=
"video" [user]=
"user" [displayVideoActions]=
"true"
28 ></my-video-miniature>
31 <a *
ngIf=
"getVideosOf(videoChannel).length !== 0" class=
"show-more" i18n [routerLink]=
"getVideoChannelLink(videoChannel)">