Begin video watch design
[oweals/peertube.git] / client / src / app / shared / video / video-miniature.component.html
1 <div class="video-miniature">
2   <my-video-thumbnail [video]="video" [nsfw]="isVideoNSFWForThisUser()"></my-video-thumbnail>
3
4   <div class="video-miniature-information">
5     <span class="video-miniature-name">
6       <a
7         class="video-miniature-name"
8         [routerLink]="['/videos/watch', video.uuid]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoNSFWForThisUser() }"
9       >
10           {{ video.name }}
11       </a>
12     </span>
13
14     <span class="video-miniature-created-at-views">{{ video.createdAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
15     <span class="video-miniature-account">{{ video.by }}</span>
16   </div>
17 </div>