]>
Commit | Line | Data |
---|---|---|
c9e3565d | 1 | <h1 class="sr-only" i18n>Video channels</h1> |
900f7820 | 2 | |
c8487f3f | 3 | <div class="margin-content"> |
d3e91a5f | 4 | |
57cfff78 C |
5 | <div class="no-results" i18n *ngIf="channelPagination.totalItems === 0">This account does not have channels.</div> |
6 | ||
ad453580 | 7 | <div class="channels" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onChannelDataSubject.asObservable()"> |
900f7820 C |
8 | <div class="channel" *ngFor="let videoChannel of videoChannels"> |
9 | ||
10 | <div class="channel-avatar-row"> | |
11 | <a class="avatar-link" [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel"> | |
c8487f3f | 12 | <img [src]="videoChannel.avatarUrl" alt="Avatar" /> |
900f7820 | 13 | </a> |
c8487f3f | 14 | |
900f7820 C |
15 | <h2> |
16 | <a [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel"> | |
17 | {{ videoChannel.displayName }} | |
18 | </a> | |
19 | </h2> | |
20 | ||
21 | <div class="actor-counters"> | |
9270ccf6 | 22 | <div class="followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> |
bc01017b | 23 | |
900f7820 C |
24 | <span class="videos-count" *ngIf="getTotalVideosOf(videoChannel) !== undefined" i18n> |
25 | {getTotalVideosOf(videoChannel), splural, =1 {1 videos} other {{{ getTotalVideosOf(videoChannel) }} videos}} | |
26 | </span> | |
27 | </div> | |
28 | ||
29 | <div class="description-html" [innerHTML]="getChannelDescription(videoChannel)"></div> | |
c8487f3f C |
30 | </div> |
31 | ||
900f7820 C |
32 | <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button> |
33 | ||
34 | <a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a> | |
35 | ||
36 | <div class="videos"> | |
37 | <div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div> | |
fff77ba2 | 38 | |
bfbd9128 C |
39 | <my-video-miniature |
40 | *ngFor="let video of getVideosOf(videoChannel)" | |
900f7820 | 41 | [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions" |
bfbd9128 | 42 | ></my-video-miniature> |
dc890263 | 43 | |
900f7820 C |
44 | <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel"> |
45 | <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a> | |
46 | </div> | |
47 | </div> | |
c8487f3f C |
48 | </div> |
49 | </div> | |
50 | </div> |