aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/videos/video-list/shared/video-miniature.component.html
blob: aea85b6c6b2449b19b921bffd7a22d39cb9d190b (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<div class="video-miniature">
  <a
    [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.description"
    class="video-miniature-thumbnail"
  >
    <img [attr.src]="video.thumbnailUrl" alt="video thumbnail" [ngClass]="{ 'blur-filter': isVideoNSFWForThisUser() }" />

    <div class="video-miniature-thumbnail-overlay">
      {{ video.durationLabel }}
    </div>
  </a>

  <div class="video-miniature-information">
    <span class="video-miniature-name">
      <a
        class="video-miniature-name"
        [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoNSFWForThisUser() }"
      >
          {{ video.name }}
      </a>
    </span>

    <span class="video-miniature-created-at-views">{{ video.createdAt | fromNow }} - {{ video.views | numberFormatter }} views</span>
    <span class="video-miniature-account">{{ video.by }}</span>
  </div>
</div>