aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/shared/video/video-miniature.component.html
blob: 2c635fa2f7b50c1c600025f80c84d716736c3be8 (plain) (tree)
1
2
3
4
5
6
7
8
9
                             
                                                                                
 
                                           
      
                   
                                  
                                                                                                                         
     

                                                                                      

                      
        
 
                                                                                                                                                
 
                                                                                                                                   

                           
                                                                                                                                                   

                                

        
<div class="video-miniature">
  <my-video-thumbnail [video]="video" [nsfw]="isVideoBlur"></my-video-thumbnail>

  <div class="video-miniature-information">
    <a
      tabindex="-1"
      class="video-miniature-name"
      [routerLink]="[ '/videos/watch', video.uuid ]" [attr.title]="video.name" [ngClass]="{ 'blur-filter': isVideoBlur }"
    >
      <span *ngIf="isUnlistedVideo()" class="badge badge-warning" i18n>Unlisted</span>
      <span *ngIf="isPrivateVideo()" class="badge badge-danger" i18n>Private</span>

      {{ video.name }}
    </a>

    <span i18n class="video-miniature-created-at-views">{{ video.publishedAt | myFromNow }} - {{ video.views | myNumberFormatter }} views</span>

    <a tabindex="-1" *ngIf="displayOwnerAccount()" class="video-miniature-account" [routerLink]="[ '/accounts', video.byAccount ]">
      {{ video.byAccount }}
    </a>
    <a tabindex="-1" *ngIf="displayOwnerVideoChannel()" class="video-miniature-channel" [routerLink]="[ '/video-channels', video.byVideoChannel ]">
      {{ video.byVideoChannel }}
    </a>
  </div>
</div>