Use popover for help component

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / video / video-miniature.component.html

<div class="video-miniature">
  <my-video-thumbnail [video]="video" [nsfw]="isVideoNSFWForThisUser()"></my-video-thumbnail>

  <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.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
    <span class="video-miniature-account">{{ video.by }}</span>
  </div>
</div>