]>
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 | ||
dd24f1bb | 7 | <div class="channels" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onChannelDataSubject.asObservable()"> |
900f7820 C |
8 | <div class="channel" *ngFor="let videoChannel of videoChannels"> |
9 | ||
10 | <div class="channel-avatar-row"> | |
746018f6 C |
11 | <my-actor-avatar |
12 | [channel]="videoChannel" [internalHref]="getVideoChannelLink(videoChannel)" | |
13 | i18n-title title="See this video channel" | |
14 | ></my-actor-avatar> | |
c8487f3f | 15 | |
900f7820 C |
16 | <h2> |
17 | <a [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel"> | |
18 | {{ videoChannel.displayName }} | |
19 | </a> | |
20 | </h2> | |
21 | ||
22 | <div class="actor-counters"> | |
9270ccf6 | 23 | <div class="followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> |
bc01017b | 24 | |
900f7820 | 25 | <span class="videos-count" *ngIf="getTotalVideosOf(videoChannel) !== undefined" i18n> |
733dbc53 | 26 | {getTotalVideosOf(videoChannel), plural, =1 {1 videos} other {{{ getTotalVideosOf(videoChannel) }} videos}} |
900f7820 C |
27 | </span> |
28 | </div> | |
29 | ||
30 | <div class="description-html" [innerHTML]="getChannelDescription(videoChannel)"></div> | |
c8487f3f C |
31 | </div> |
32 | ||
900f7820 C |
33 | <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button> |
34 | ||
35 | <a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a> | |
36 | ||
37 | <div class="videos"> | |
38 | <div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div> | |
fff77ba2 | 39 | |
bfbd9128 C |
40 | <my-video-miniature |
41 | *ngFor="let video of getVideosOf(videoChannel)" | |
900f7820 | 42 | [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions" |
bfbd9128 | 43 | ></my-video-miniature> |
dc890263 | 44 | |
900f7820 C |
45 | <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel"> |
46 | <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a> | |
47 | </div> | |
48 | </div> | |
c8487f3f C |
49 | </div> |
50 | </div> | |
51 | </div> |