1 <h1 class=
"sr-only" i18n
>Video channels
</h1>
3 <div class=
"margin-content">
5 <div class=
"no-results" i18n *
ngIf=
"channelPagination.totalItems === 0">This account does not have channels.
</div>
7 <div class=
"channels" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [autoInit]=
"true" [dataObservable]=
"onChannelDataSubject.asObservable()">
8 <div class=
"channel" *
ngFor=
"let videoChannel of videoChannels">
10 <div class=
"channel-avatar-row">
11 <a class=
"avatar-link" [routerLink]=
"getVideoChannelLink(videoChannel)" i18n-title
title=
"See this video channel">
12 <img [src]=
"videoChannel.avatarUrl" alt=
"Avatar" />
16 <a [routerLink]=
"getVideoChannelLink(videoChannel)" i18n-title
title=
"See this video channel">
17 {{ videoChannel.displayName }}
21 <div class=
"actor-counters">
22 <div class=
"followers" i18n
>{videoChannel.followersCount, plural, =
1 {
1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}
</div>
24 <span class=
"videos-count" *
ngIf=
"getTotalVideosOf(videoChannel) !== undefined" i18n
>
25 {getTotalVideosOf(videoChannel), plural, =
1 {
1 videos} other {{{ getTotalVideosOf(videoChannel) }} videos}}
29 <div class=
"description-html" [innerHTML]=
"getChannelDescription(videoChannel)"></div>
32 <my-subscribe-button [videoChannels]=
"[videoChannel]"></my-subscribe-button>
34 <a i18n
class=
"button-show-channel peertube-button-link orange-button-inverted" [routerLink]=
"getVideoChannelLink(videoChannel)">Show this channel
</a>
37 <div class=
"no-results" i18n *
ngIf=
"getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.
</div>
40 *
ngFor=
"let video of getVideosOf(videoChannel)"
41 [video]=
"video" [user]=
"userMiniature" [displayVideoActions]=
"true" [displayOptions]=
"miniatureDisplayOptions"
42 ></my-video-miniature>
44 <div *
ngIf=
"getTotalVideosOf(videoChannel)" class=
"miniature-show-channel">
45 <a i18n [routerLink]=
"getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL
></a>