2018-09-20 12:21:57 +00:00
|
|
|
import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core'
|
2017-12-06 16:15:59 +00:00
|
|
|
import { User } from '../users'
|
|
|
|
import { Video } from './video.model'
|
2018-04-19 09:01:34 +00:00
|
|
|
import { ServerService } from '@app/core'
|
2018-10-10 12:35:55 +00:00
|
|
|
import { VideoPrivacy } from '../../../../../shared'
|
2016-05-21 16:03:34 +00:00
|
|
|
|
2018-08-21 14:18:59 +00:00
|
|
|
export type OwnerDisplayType = 'account' | 'videoChannel' | 'auto'
|
|
|
|
|
2016-05-21 16:03:34 +00:00
|
|
|
@Component({
|
|
|
|
selector: 'my-video-miniature',
|
2016-09-19 20:49:31 +00:00
|
|
|
styleUrls: [ './video-miniature.component.scss' ],
|
2018-09-20 12:21:57 +00:00
|
|
|
templateUrl: './video-miniature.component.html',
|
|
|
|
changeDetection: ChangeDetectionStrategy.OnPush
|
2016-05-21 16:03:34 +00:00
|
|
|
})
|
2018-08-21 14:18:59 +00:00
|
|
|
export class VideoMiniatureComponent implements OnInit {
|
2017-06-16 12:32:15 +00:00
|
|
|
@Input() user: User
|
|
|
|
@Input() video: Video
|
2018-08-21 14:18:59 +00:00
|
|
|
@Input() ownerDisplayType: OwnerDisplayType = 'account'
|
|
|
|
|
|
|
|
private ownerDisplayTypeChosen: 'account' | 'videoChannel'
|
2016-05-21 16:03:34 +00:00
|
|
|
|
2018-04-19 09:01:34 +00:00
|
|
|
constructor (private serverService: ServerService) { }
|
|
|
|
|
2018-09-21 12:08:14 +00:00
|
|
|
get isVideoBlur () {
|
|
|
|
return this.video.isVideoNSFWForUser(this.user, this.serverService.getConfig())
|
|
|
|
}
|
|
|
|
|
2018-08-21 14:18:59 +00:00
|
|
|
ngOnInit () {
|
|
|
|
if (this.ownerDisplayType === 'account' || this.ownerDisplayType === 'videoChannel') {
|
|
|
|
this.ownerDisplayTypeChosen = this.ownerDisplayType
|
|
|
|
return
|
|
|
|
}
|
|
|
|
|
|
|
|
// If the video channel name an UUID (not really displayable, we changed this behaviour in v1.0.0-beta.12)
|
|
|
|
// -> Use the account name
|
|
|
|
if (
|
|
|
|
this.video.channel.name === `${this.video.account.name}_channel` ||
|
|
|
|
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}$/)
|
|
|
|
) {
|
|
|
|
this.ownerDisplayTypeChosen = 'account'
|
|
|
|
} else {
|
|
|
|
this.ownerDisplayTypeChosen = 'videoChannel'
|
|
|
|
}
|
2017-04-04 19:37:03 +00:00
|
|
|
}
|
2018-08-21 14:18:59 +00:00
|
|
|
|
|
|
|
displayOwnerAccount () {
|
|
|
|
return this.ownerDisplayTypeChosen === 'account'
|
|
|
|
}
|
|
|
|
|
|
|
|
displayOwnerVideoChannel () {
|
|
|
|
return this.ownerDisplayTypeChosen === 'videoChannel'
|
|
|
|
}
|
2018-10-10 12:35:55 +00:00
|
|
|
|
|
|
|
isUnlistedVideo () {
|
|
|
|
return this.video.privacy.id === VideoPrivacy.UNLISTED
|
|
|
|
}
|
|
|
|
|
|
|
|
isPrivateVideo () {
|
|
|
|
return this.video.privacy.id === VideoPrivacy.PRIVATE
|
|
|
|
}
|
2016-05-21 16:03:34 +00:00
|
|
|
}
|