1 <h1 class=
"visually-hidden" 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()" [dataObservable]=
"onChannelDataSubject.asObservable()">
8 <div class=
"channel" *
ngFor=
"let videoChannel of videoChannels">
10 <div class=
"channel-avatar-row">
12 [actor]=
"videoChannel" actorType=
"channel"
13 [internalHref]=
"getVideoChannelLink(videoChannel)"
15 title=
"See this video channel"
20 <a [routerLink]=
"getVideoChannelLink(videoChannel)" i18n-title
title=
"See this video channel">
21 {{ videoChannel.displayName }}
25 <div class=
"actor-counters">
26 <div class=
"followers" i18n
>{videoChannel.followersCount, plural, =
0 {No subscribers} =
1 {
1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}
</div>
28 <span class=
"videos-count" *
ngIf=
"getTotalVideosOf(videoChannel) !== undefined" i18n
>
29 {getTotalVideosOf(videoChannel), plural, =
0 {No videos} =
1 {
1 video} other {{{ getTotalVideosOf(videoChannel) }} videos}}
33 <div class=
"description-html" [innerHTML]=
"getChannelDescription(videoChannel)"></div>
36 <my-subscribe-button [videoChannels]=
"[videoChannel]"></my-subscribe-button>
38 <a i18n
class=
"button-show-channel peertube-button-link orange-button-inverted" [routerLink]=
"getVideoChannelLink(videoChannel)">Show this channel
</a>
41 <div class=
"no-results" i18n *
ngIf=
"getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.
</div>
44 *
ngFor=
"let video of getVideosOf(videoChannel)"
45 [video]=
"video" [user]=
"userMiniature" [displayVideoActions]=
"true" [displayOptions]=
"miniatureDisplayOptions"
46 ></my-video-miniature>
48 <div *
ngIf=
"getTotalVideosOf(videoChannel)" class=
"miniature-show-channel">
49 <a i18n [routerLink]=
"getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL
></a>