]>
Commit | Line | Data |
---|---|---|
1 | <h1 class="visually-hidden" 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 | [actor]="videoChannel" actorType="channel" | |
13 | [internalHref]="getVideoChannelLink(videoChannel)" | |
14 | i18n-title | |
15 | title="See this video channel" | |
16 | size="75" | |
17 | ></my-actor-avatar> | |
18 | ||
19 | <h2> | |
20 | <a [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel"> | |
21 | {{ videoChannel.displayName }} | |
22 | </a> | |
23 | </h2> | |
24 | ||
25 | <div class="actor-counters"> | |
26 | <div class="followers" i18n>{videoChannel.followersCount, plural, =0 {No subscribers} =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div> | |
27 | ||
28 | <span class="videos-count" *ngIf="getTotalVideosOf(videoChannel) !== undefined" i18n> | |
29 | {getTotalVideosOf(videoChannel), plural, =0 {No videos} =1 {1 video} other {{{ getTotalVideosOf(videoChannel) }} videos}} | |
30 | </span> | |
31 | </div> | |
32 | ||
33 | <div class="description-html" [innerHTML]="getChannelDescription(videoChannel)"></div> | |
34 | </div> | |
35 | ||
36 | <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button> | |
37 | ||
38 | <a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a> | |
39 | ||
40 | <div class="videos"> | |
41 | <div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div> | |
42 | ||
43 | <my-video-miniature | |
44 | *ngFor="let video of getVideosOf(videoChannel)" | |
45 | [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions" | |
46 | ></my-video-miniature> | |
47 | ||
48 | <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel"> | |
49 | <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a> | |
50 | </div> | |
51 | </div> | |
52 | </div> | |
53 | </div> | |
54 | </div> |