1 <h1 class=
"sr-only" i18n
>Video channels
</h1>
2 <div class=
"margin-content">
4 <div class=
"no-results" i18n *
ngIf=
"channelPagination.totalItems === 0">This account does not have channels.
</div>
6 <div class=
"channels" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [autoInit]=
"true" [dataObservable]=
"onChannelDataSubject.asObservable()">
7 <div class=
"section channel" *
ngFor=
"let videoChannel of videoChannels">
8 <div class=
"section-title">
9 <a [routerLink]=
"getVideoChannelLink(videoChannel)" i18n-title
title=
"See this video channel">
10 <img [src]=
"videoChannel.avatarUrl" alt=
"Avatar" />
12 <h2 class=
"section-title">{{ videoChannel.displayName }}
</h2>
13 <div class=
"followers" i18n
>{videoChannel.followersCount, plural, =
1 {
1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}
</div>
16 <my-subscribe-button [videoChannels]=
"[videoChannel]"></my-subscribe-button>
19 <div *
ngIf=
"getVideosOf(videoChannel)" class=
"videos">
20 <div class=
"no-results my-5" i18n *
ngIf=
"getVideosOf(videoChannel).length === 0">This channel doesn't have any videos.
</div>
23 *
ngFor=
"let video of getVideosOf(videoChannel)"
24 [video]=
"video" [user]=
"userMiniature" [displayVideoActions]=
"true"
25 ></my-video-miniature>
28 <a *
ngIf=
"getVideosOf(videoChannel).length !== 0" class=
"show-more" i18n [routerLink]=
"getVideoChannelLink(videoChannel)">