diff options
Diffstat (limited to 'client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.html')
-rw-r--r-- | client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.html | 28 |
1 files changed, 24 insertions, 4 deletions
diff --git a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.html b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.html index da81006b9..2efc56ab2 100644 --- a/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.html +++ b/client/src/app/shared/shared-custom-markup/peertube-custom-tags/channel-miniature-markup.component.html | |||
@@ -1,8 +1,28 @@ | |||
1 | <div *ngIf="channel" class="channel"> | 1 | <div *ngIf="channel" class="channel"> |
2 | <my-actor-avatar [channel]="channel" size="34"></my-actor-avatar> | ||
3 | 2 | ||
4 | <div class="display-name">{{ channel.displayName }}</div> | 3 | <div class="channel-avatar-row"> |
5 | <div class="username">{{ channel.name }}</div> | 4 | <my-actor-avatar [channel]="channel" [internalHref]="getVideoChannelLink()" i18n-title title="See this video channel"></my-actor-avatar> |
6 | 5 | ||
7 | <div class="description">{{ channel.description }}</div> | 6 | <h6> |
7 | <a [routerLink]="getVideoChannelLink()" i18n-title title="See this video channel"> | ||
8 | {{ channel.displayName }} | ||
9 | </a> | ||
10 | </h6> | ||
11 | |||
12 | <div class="actor-counters"> | ||
13 | <div class="followers" i18n>{channel.followersCount, plural, =1 {1 subscriber} other {{{ channel.followersCount }} subscribers}}</div> | ||
14 | |||
15 | <span class="videos-count" *ngIf="totalVideos !== undefined" i18n> | ||
16 | {totalVideos, plural, =1 {1 videos} other {{{ totalVideos }} videos}} | ||
17 | </span> | ||
18 | </div> | ||
19 | |||
20 | <div *ngIf="displayDescription" class="description-html" [innerHTML]="descriptionHTML"></div> | ||
21 | </div> | ||
22 | |||
23 | <div class="video" *ngIf="video && displayLatestVideo"> | ||
24 | <div i18n class="video-label">Latest published video</div> | ||
25 | |||
26 | <my-video-miniature-markup [uuid]="video.uuid" [onlyDisplayTitle]="true"></my-video-miniature-markup> | ||
27 | </div> | ||
8 | </div> | 28 | </div> |