]>
Commit | Line | Data |
---|---|---|
c8487f3f | 1 | <div class="margin-content"> |
d3e91a5f | 2 | |
57cfff78 C |
3 | <div class="no-results" i18n *ngIf="channelPagination.totalItems === 0">This account does not have channels.</div> |
4 | ||
ad453580 | 5 | <div class="channels" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onChannelDataSubject.asObservable()"> |
c8487f3f C |
6 | <div class="section channel" *ngFor="let videoChannel of videoChannels"> |
7 | <div class="section-title"> | |
dc890263 | 8 | <a [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel"> |
c8487f3f C |
9 | <img [src]="videoChannel.avatarUrl" alt="Avatar" /> |
10 | ||
11 | <div>{{ videoChannel.displayName }}</div> | |
41eb700f RK |
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> | |
16 | </div> | |
c8487f3f | 17 | </a> |
bc01017b | 18 | |
41eb700f | 19 | <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button> |
c8487f3f C |
20 | </div> |
21 | ||
fff77ba2 | 22 | <div *ngIf="getVideosOf(videoChannel)" class="videos"> |
41eb700f | 23 | <div class="no-results my-5" i18n *ngIf="getVideosOf(videoChannel).length === 0">This channel doesn't have any videos.</div> |
fff77ba2 | 24 | |
bfbd9128 C |
25 | <my-video-miniature |
26 | *ngFor="let video of getVideosOf(videoChannel)" | |
27 | [video]="video" [user]="user" [displayVideoActions]="true" | |
28 | ></my-video-miniature> | |
fff77ba2 | 29 | </div> |
dc890263 | 30 | |
bfbd9128 | 31 | <a *ngIf="getVideosOf(videoChannel).length !== 0" class="show-more" i18n [routerLink]="getVideoChannelLink(videoChannel)"> |
dc890263 C |
32 | Show this channel |
33 | </a> | |
c8487f3f C |
34 | </div> |
35 | </div> | |
36 | </div> |