X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-thumbnail%2Fvideo-thumbnail.component.html;h=4fea0cc1c9a8b1dc5c12bdd177d0c0b563a40936;hb=474542d7ac60f7860daf9ea34d1c31968f43ab29;hp=0cb0f321bb9813f98d6f555426e01cb96a8164d7;hpb=0bdad52fbbad81e7654adc495088da56a00437df;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html
index 0cb0f321b..4fea0cc1c 100644
--- a/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html
+++ b/client/src/app/shared/shared-thumbnail/video-thumbnail.component.html
@@ -26,7 +26,11 @@
   <div class="video-thumbnail-label-overlay warning"><ng-content select="label-warning"></ng-content></div>
   <div class="video-thumbnail-label-overlay danger"><ng-content select="label-danger"></ng-content></div>
 
-  <div class="video-thumbnail-duration-overlay">{{ video.durationLabel }}</div>
+  <div class="video-thumbnail-duration-overlay" *ngIf="!video.isLive">{{ video.durationLabel }}</div>
+  <div  class="video-thumbnail-live-overlay" [ngClass]="{ 'live-ended': isLiveEnded() }" *ngIf="video.isLive">
+    <ng-container i18n *ngIf="!isLiveEnded()">LIVE</ng-container>
+    <ng-container i18n *ngIf="isLiveEnded()">LIVE ENDED</ng-container>
+  </div>
 
   <div class="play-overlay">
     <div class="icon"></div>