client/src/app/shared/video/video-miniature.component.html

   1 <div class="video-miniature" [ngClass]="{ 'display-as-row': displayAsRow }">
   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       <ng-container *ngIf="displayOptions.privacyLabel">
  11         <span *ngIf="isUnlistedVideo()" class="badge badge-warning" i18n>Unlisted</span>
  12         <span *ngIf="isPrivateVideo()" class="badge badge-danger" i18n>Private</span>
  13       </ng-container>
  14
  15       {{ video.name }}
  16     </a>
  17
  18     <span class="video-miniature-created-at-views">
  19       <ng-container *ngIf="displayOptions.date">{{ video.publishedAt | myFromNow }}</ng-container>
  20       <ng-container *ngIf="displayOptions.date && displayOptions.views"> - </ng-container>
  21       <ng-container i18n *ngIf="displayOptions.views">{{ video.views | myNumberFormatter }} views</ng-container>
  22     </span>
  23
  24     <a tabindex="-1" *ngIf="displayOptions.by && displayOwnerAccount()" class="video-miniature-account" [routerLink]="[ '/accounts', video.byAccount ]">
  25       {{ video.byAccount }}
  26     </a>
  27     <a tabindex="-1" *ngIf="displayOptions.by && displayOwnerVideoChannel()" class="video-miniature-channel" [routerLink]="[ '/video-channels', video.byVideoChannel ]">
  28       {{ video.byVideoChannel }}
  29     </a>
  30
  31     <div class="video-info-privacy">
  32       <ng-container *ngIf="displayOptions.privacyText">{{ video.privacy.label }}</ng-container>
  33       <ng-container *ngIf="displayOptions.privacyText && displayOptions.state"> - </ng-container>
  34       <ng-container *ngIf="displayOptions.state">{{ getStateLabel(video) }}</ng-container>
  35     </div>
  36
  37     <div *ngIf="displayOptions.blacklistInfo && video.blacklisted" class="video-info-blacklisted">
  38       <span class="blacklisted-label" i18n>Blacklisted</span>
  39       <span class="blacklisted-reason" *ngIf="video.blacklistedReason">{{ video.blacklistedReason }}</span>
  40     </div>
  41
  42     <div i18n *ngIf="displayOptions.nsfw && video.nsfw" class="video-info-nsfw">
  43       Sensitive
  44     </div>
  45
  46   </div>
  47 </div>