1 <div class=
"video-miniature" [ngClass]=
"{ 'display-as-row': displayAsRow }" (mouseenter)=
"loadActions()">
3 [video]=
"video" [nsfw]=
"isVideoBlur"
4 [displayWatchLaterPlaylist]=
"isWatchLaterPlaylistDisplayed()" [inWatchLaterPlaylist]=
"inWatchLaterPlaylist" (watchLaterClick)=
"onWatchLaterClick($event)"
7 <div class=
"video-bottom">
8 <div class=
"video-miniature-information">
11 class=
"video-miniature-name"
12 [routerLink]=
"[ '/videos/watch', video.uuid ]" [attr.title]=
"video.name" [ngClass]=
"{ 'blur-filter': isVideoBlur }"
14 <ng-container *
ngIf=
"displayOptions.privacyLabel">
15 <span *
ngIf=
"isUnlistedVideo()" class=
"badge badge-warning" i18n
>Unlisted
</span>
16 <span *
ngIf=
"isPrivateVideo()" class=
"badge badge-danger" i18n
>Private
</span>
22 <span class=
"video-miniature-created-at-views">
23 <my-date-toggle *
ngIf=
"displayOptions.date" [date]=
"video.publishedAt"></my-date-toggle>
26 <ng-container *
ngIf=
"displayOptions.date && displayOptions.views"> •
</ng-container>
27 <ng-container i18n *
ngIf=
"displayOptions.views">{{ video.views | myNumberFormatter }} views
</ng-container>
31 <a tabindex=
"-1" *
ngIf=
"displayOptions.by && displayOwnerAccount()" class=
"video-miniature-account" [routerLink]=
"[ '/accounts', video.byAccount ]">
34 <a tabindex=
"-1" *
ngIf=
"displayOptions.by && displayOwnerVideoChannel()" class=
"video-miniature-channel" [routerLink]=
"[ '/video-channels', video.byVideoChannel ]">
35 {{ video.byVideoChannel }}
38 <div class=
"video-info-privacy">
39 <ng-container *
ngIf=
"displayOptions.privacyText">{{ video.privacy.label }}
</ng-container>
40 <ng-container *
ngIf=
"displayOptions.privacyText && displayOptions.state && getStateLabel(video)"> -
</ng-container>
41 <ng-container *
ngIf=
"displayOptions.state">{{ getStateLabel(video) }}
</ng-container>
44 <div *
ngIf=
"displayOptions.blacklistInfo && video.blacklisted" class=
"video-info-blacklisted">
45 <span class=
"blacklisted-label" i18n
>Blacklisted
</span>
46 <span class=
"blacklisted-reason" *
ngIf=
"video.blacklistedReason">{{ video.blacklistedReason }}
</span>
49 <div i18n *
ngIf=
"displayOptions.nsfw && video.nsfw" class=
"video-info-nsfw">
54 <div class=
"video-actions">
55 <!-- FIXME: remove bottom placement when overflow is fixed in bootstrap dropdown -->
56 <my-video-actions-dropdown
57 *
ngIf=
"showActions" [video]=
"video" [displayOptions]=
"videoActionsDisplayOptions" placement=
"bottom-left bottom-right left"
58 (videoRemoved)=
"onVideoRemoved()" (videoBlacklisted)=
"onVideoBlacklisted()" (videoUnblacklisted)=
"onVideoUnblacklisted()"
59 ></my-video-actions-dropdown>