]>
Commit | Line | Data |
---|---|---|
1 | <h1 class="sr-only" i18n>Video channels</h1> | |
2 | <div class="margin-content"> | |
3 | ||
4 | <div class="no-results" i18n *ngIf="channelPagination.totalItems === 0">This account does not have channels.</div> | |
5 | ||
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" /> | |
11 | ||
12 | <h2 class="section-title">{{ videoChannel.displayName }}</h2> | |
13 | <div class="followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> | |
14 | </a> | |
15 | ||
16 | <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button> | |
17 | </div> | |
18 | ||
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> | |
21 | ||
22 | <my-video-miniature | |
23 | *ngFor="let video of getVideosOf(videoChannel)" | |
24 | [video]="video" [user]="user" [displayVideoActions]="true" | |
25 | ></my-video-miniature> | |
26 | </div> | |
27 | ||
28 | <a *ngIf="getVideosOf(videoChannel).length !== 0" class="show-more" i18n [routerLink]="getVideoChannelLink(videoChannel)"> | |
29 | SHOW THIS CHANNEL | |
30 | </a> | |
31 | </div> | |
32 | </div> | |
33 | </div> |