client/src/app/videos/video-list/shared/video-miniature.component.html

   1 <div class="video-miniature">
   2   <a
   3     [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.description"
   4     class="video-miniature-thumbnail"
   5   >
   6     <img [attr.src]="video.thumbnailUrl" alt="video thumbnail" [ngClass]="{ 'blur-filter': isVideoNSFWForThisUser() }" />
   7
   8     <div class="video-miniature-thumbnail-overlay">
   9       {{ video.durationLabel }}
  10     </div>
  11   </a>
  12
  13   <div class="video-miniature-information">
  14     <span class="video-miniature-name">
  15       <a
  16         class="video-miniature-name"
  17         [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoNSFWForThisUser() }"
  18       >
  19           {{ video.name }}
  20       </a>
  21     </span>
  22
  23     <span class="video-miniature-created-at-views">{{ video.createdAt | fromNow }} - {{ video.views | numberFormatter }} views</span>
  24     <span class="video-miniature-account">{{ video.by }}</span>
  25   </div>
  26 </div>