X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-custom-markup%2Fpeertube-custom-tags%2Fchannel-miniature-markup.component.html;h=52a4023297bc621d01396ccfa7381afbebaa8839;hb=ab4b8974997777373a6032073f9c1aaf33ba9931;hp=da81006b9e80ca9253495f87cdd4d0c0fb269243;hpb=8ee25e17b88b970703f4df9e74cb4726bbffd837;p=github%2FChocobozzz%2FPeerTube.git

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..52a402329 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 @@
 <div *ngIf="channel" class="channel">
-  <my-actor-avatar [channel]="channel" size="34"></my-actor-avatar>
 
-  <div class="display-name">{{ channel.displayName }}</div>
-  <div class="username">{{ channel.name }}</div>
+  <div class="channel-avatar-row">
+    <my-actor-avatar [channel]="channel" [internalHref]="getVideoChannelLink()" i18n-title title="See this video channel" size="75"></my-actor-avatar>
 
-  <div class="description">{{ channel.description }}</div>
+    <h6>
+      <a [routerLink]="getVideoChannelLink()" i18n-title title="See this video channel">
+        {{ channel.displayName }}
+      </a>
+    </h6>
+
+    <div class="actor-counters">
+      <div class="followers" i18n>{channel.followersCount, plural, =1 {1 subscriber} other {{{ channel.followersCount }} subscribers}}</div>
+
+      <span class="videos-count" *ngIf="totalVideos !== undefined" i18n>
+        {totalVideos, plural, =1 {1 videos} other {{{ totalVideos }} videos}}
+      </span>
+    </div>
+
+    <div *ngIf="displayDescription" class="description-html" [innerHTML]="descriptionHTML"></div>
+  </div>
+
+  <div class="video" *ngIf="video && displayLatestVideo">
+    <div i18n class="video-label">Latest published video</div>
+
+    <my-video-miniature-markup [video]="video" [onlyDisplayTitle]="true"></my-video-miniature-markup>
+  </div>
 </div>