]>
Commit | Line | Data |
---|---|---|
1 | <div class="video-miniature col-md-4" (mouseenter)="onHover()" (mouseleave)="onBlur()"> | |
2 | <a | |
3 | [routerLink]="['VideosWatch', { id: video.id }]" [attr.title]="video.description" | |
4 | class="video-miniature-thumbnail" | |
5 | > | |
6 | <img [attr.src]="video.thumbnailPath" alt="video thumbnail" /> | |
7 | <span class="video-miniature-duration">{{ video.duration }}</span> | |
8 | </a> | |
9 | <span | |
10 | *ngIf="displayRemoveIcon()" (click)="removeVideo(video.id)" | |
11 | class="video-miniature-remove glyphicon glyphicon-remove" | |
12 | ></span> | |
13 | ||
14 | <div class="video-miniature-informations"> | |
15 | <a [routerLink]="['VideosWatch', { id: video.id }]" class="video-miniature-name"> | |
16 | <span>{{ video.name }}</span> | |
17 | </a> | |
18 | ||
19 | <span class="video-miniature-author">by {{ video.by }}</span> | |
20 | <span class="video-miniature-created-date">on {{ video.createdDate | date:'short' }}</span> | |
21 | </div> | |
22 | </div> |