]>
Commit | Line | Data |
---|---|---|
1 | <h1 class="sr-only" i18n>Video channels</h1> | |
2 | ||
3 | <div class="margin-content"> | |
4 | ||
5 | <div class="no-results" i18n *ngIf="channelPagination.totalItems === 0">This account does not have channels.</div> | |
6 | ||
7 | <div class="channels" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onChannelDataSubject.asObservable()"> | |
8 | <div class="channel" *ngFor="let videoChannel of videoChannels"> | |
9 | ||
10 | <div class="channel-avatar-row"> | |
11 | <my-actor-avatar | |
12 | [channel]="videoChannel" [internalHref]="getVideoChannelLink(videoChannel)" | |
13 | i18n-title title="See this video channel" | |
14 | ></my-actor-avatar> | |
15 | ||
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"> | |
23 | <div class="followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> | |
24 | ||
25 | <span class="videos-count" *ngIf="getTotalVideosOf(videoChannel) !== undefined" i18n> | |
26 | {getTotalVideosOf(videoChannel), plural, =1 {1 videos} other {{{ getTotalVideosOf(videoChannel) }} videos}} | |
27 | </span> | |
28 | </div> | |
29 | ||
30 | <div class="description-html" [innerHTML]="getChannelDescription(videoChannel)"></div> | |
31 | </div> | |
32 | ||
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> | |
39 | ||
40 | <my-video-miniature | |
41 | *ngFor="let video of getVideosOf(videoChannel)" | |
42 | [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions" | |
43 | ></my-video-miniature> | |
44 | ||
45 | <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel"> | |
46 | <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a> | |
47 | </div> | |
48 | </div> | |
49 | </div> | |
50 | </div> | |
51 | </div> |