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

   1 import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, LOCALE_ID, OnInit, Output } from '@angular/core'
   2 import { User } from '../users'
   3 import { Video } from './video.model'
   4 import { ServerService } from '@app/core'
   5 import { ServerConfig, VideoPrivacy, VideoState } from '../../../../../shared'
   6 import { I18n } from '@ngx-translate/i18n-polyfill'
   7 import { VideoActionsDisplayType } from '@app/shared/video/video-actions-dropdown.component'
   8 import { ScreenService } from '@app/shared/misc/screen.service'
   9
  10 export type OwnerDisplayType = 'account' | 'videoChannel' | 'auto'
  11 export type MiniatureDisplayOptions = {
  12   date?: boolean
  13   views?: boolean
  14   by?: boolean
  15   privacyLabel?: boolean
  16   privacyText?: boolean
  17   state?: boolean
  18   blacklistInfo?: boolean
  19   nsfw?: boolean
  20 }
  21
  22 @Component({
  23   selector: 'my-video-miniature',
  24   styleUrls: [ './video-miniature.component.scss' ],
  25   templateUrl: './video-miniature.component.html',
  26   changeDetection: ChangeDetectionStrategy.OnPush
  27 })
  28 export class VideoMiniatureComponent implements OnInit {
  29   @Input() user: User
  30   @Input() video: Video
  31
  32   @Input() ownerDisplayType: OwnerDisplayType = 'account'
  33   @Input() displayOptions: MiniatureDisplayOptions = {
  34     date: true,
  35     views: true,
  36     by: true,
  37     privacyLabel: false,
  38     privacyText: false,
  39     state: false,
  40     blacklistInfo: false
  41   }
  42   @Input() displayAsRow = false
  43   @Input() displayVideoActions = true
  44
  45   @Output() videoBlacklisted = new EventEmitter()
  46   @Output() videoUnblacklisted = new EventEmitter()
  47   @Output() videoRemoved = new EventEmitter()
  48
  49   videoActionsDisplayOptions: VideoActionsDisplayType = {
  50     playlist: true,
  51     download: false,
  52     update: true,
  53     blacklist: true,
  54     delete: true,
  55     report: true
  56   }
  57   showActions = false
  58   serverConfig: ServerConfig
  59
  60   private ownerDisplayTypeChosen: 'account' | 'videoChannel'
  61
  62   constructor (
  63     private screenService: ScreenService,
  64     private serverService: ServerService,
  65     private i18n: I18n,
  66     @Inject(LOCALE_ID) private localeId: string
  67   ) { }
  68
  69   get isVideoBlur () {
  70     return this.video.isVideoNSFWForUser(this.user, this.serverConfig)
  71   }
  72
  73   ngOnInit () {
  74     this.serverConfig = this.serverService.getTmpConfig()
  75     this.serverService.getConfig()
  76         .subscribe(config => this.serverConfig = config)
  77
  78     this.setUpBy()
  79
  80     // We rely on mouseenter to lazy load actions
  81     if (this.screenService.isInTouchScreen()) {
  82       this.loadActions()
  83     }
  84   }
  85
  86   displayOwnerAccount () {
  87     return this.ownerDisplayTypeChosen === 'account'
  88   }
  89
  90   displayOwnerVideoChannel () {
  91     return this.ownerDisplayTypeChosen === 'videoChannel'
  92   }
  93
  94   isUnlistedVideo () {
  95     return this.video.privacy.id === VideoPrivacy.UNLISTED
  96   }
  97
  98   isPrivateVideo () {
  99     return this.video.privacy.id === VideoPrivacy.PRIVATE
 100   }
 101
 102   getStateLabel (video: Video) {
 103     if (!video.state) return ''
 104
 105     if (video.privacy.id !== VideoPrivacy.PRIVATE && video.state.id === VideoState.PUBLISHED) {
 106       return this.i18n('Published')
 107     }
 108
 109     if (video.scheduledUpdate) {
 110       const updateAt = new Date(video.scheduledUpdate.updateAt.toString()).toLocaleString(this.localeId)
 111       return this.i18n('Publication scheduled on ') + updateAt
 112     }
 113
 114     if (video.state.id === VideoState.TO_TRANSCODE && video.waitTranscoding === true) {
 115       return this.i18n('Waiting transcoding')
 116     }
 117
 118     if (video.state.id === VideoState.TO_TRANSCODE) {
 119       return this.i18n('To transcode')
 120     }
 121
 122     if (video.state.id === VideoState.TO_IMPORT) {
 123       return this.i18n('To import')
 124     }
 125
 126     return ''
 127   }
 128
 129   loadActions () {
 130     if (this.displayVideoActions) this.showActions = true
 131   }
 132
 133   onVideoBlacklisted () {
 134     this.videoBlacklisted.emit()
 135   }
 136
 137   onVideoUnblacklisted () {
 138     this.videoUnblacklisted.emit()
 139   }
 140
 141   onVideoRemoved () {
 142     this.videoRemoved.emit()
 143   }
 144
 145   private setUpBy () {
 146     if (this.ownerDisplayType === 'account' || this.ownerDisplayType === 'videoChannel') {
 147       this.ownerDisplayTypeChosen = this.ownerDisplayType
 148       return
 149     }
 150
 151     // If the video channel name an UUID (not really displayable, we changed this behaviour in v1.0.0-beta.12)
 152     // -> Use the account name
 153     if (
 154       this.video.channel.name === `${this.video.account.name}_channel` ||
 155       this.video.channel.name.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/)
 156     ) {
 157       this.ownerDisplayTypeChosen = 'account'
 158     } else {
 159       this.ownerDisplayTypeChosen = 'videoChannel'
 160     }
 161   }
 162 }