WIP : Indicate to users how "trending" works (#1458)
[oweals/peertube.git] / client / src / app / shared / video / video-miniature.component.html
1 <div class="video-miniature">
2   <my-video-thumbnail [video]="video" [nsfw]="isVideoBlur"></my-video-thumbnail>
3
4   <div class="video-miniature-information">
5     <a
6       tabindex="-1"
7       class="video-miniature-name"
8       [routerLink]="[ '/videos/watch', video.uuid ]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoBlur }"
9     >
10       <span *ngIf="isUnlistedVideo()" class="badge badge-warning" i18n>Unlisted</span>
11       <span *ngIf="isPrivateVideo()" class="badge badge-danger" i18n>Private</span>
12
13       {{ video.name }}
14     </a>
15
16     <span i18n class="video-miniature-created-at-views">{{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>
17
18     <a tabindex="-1" *ngIf="displayOwnerAccount()" class="video-miniature-account" [routerLink]="[ '/accounts', video.byAccount ]">
19       {{ video.byAccount }}
20     </a>
21     <a tabindex="-1" *ngIf="displayOwnerVideoChannel()" class="video-miniature-channel" [routerLink]="[ '/video-channels', video.byVideoChannel ]">
22       {{ video.byVideoChannel }}
23     </a>
24   </div>
25 </div>