]>
Commit | Line | Data |
---|---|---|
89724816 | 1 | import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core' |
b1fa3eba C |
2 | import { User } from '../users' |
3 | import { Video } from './video.model' | |
0883b324 | 4 | import { ServerService } from '@app/core' |
501bc6c2 | 5 | |
22a16e36 C |
6 | export type OwnerDisplayType = 'account' | 'videoChannel' | 'auto' |
7 | ||
501bc6c2 C |
8 | @Component({ |
9 | selector: 'my-video-miniature', | |
ec8d8440 | 10 | styleUrls: [ './video-miniature.component.scss' ], |
89724816 C |
11 | templateUrl: './video-miniature.component.html', |
12 | changeDetection: ChangeDetectionStrategy.OnPush | |
501bc6c2 | 13 | }) |
22a16e36 | 14 | export class VideoMiniatureComponent implements OnInit { |
df98563e C |
15 | @Input() user: User |
16 | @Input() video: Video | |
22a16e36 C |
17 | @Input() ownerDisplayType: OwnerDisplayType = 'account' |
18 | ||
19 | private ownerDisplayTypeChosen: 'account' | 'videoChannel' | |
501bc6c2 | 20 | |
0883b324 C |
21 | constructor (private serverService: ServerService) { } |
22 | ||
d1a63fc7 C |
23 | get isVideoBlur () { |
24 | return this.video.isVideoNSFWForUser(this.user, this.serverService.getConfig()) | |
25 | } | |
26 | ||
22a16e36 C |
27 | ngOnInit () { |
28 | if (this.ownerDisplayType === 'account' || this.ownerDisplayType === 'videoChannel') { | |
29 | this.ownerDisplayTypeChosen = this.ownerDisplayType | |
30 | return | |
31 | } | |
32 | ||
33 | // If the video channel name an UUID (not really displayable, we changed this behaviour in v1.0.0-beta.12) | |
34 | // -> Use the account name | |
35 | if ( | |
36 | this.video.channel.name === `${this.video.account.name}_channel` || | |
37 | 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}$/) | |
38 | ) { | |
39 | this.ownerDisplayTypeChosen = 'account' | |
40 | } else { | |
41 | this.ownerDisplayTypeChosen = 'videoChannel' | |
42 | } | |
92fb909c | 43 | } |
22a16e36 C |
44 | |
45 | displayOwnerAccount () { | |
46 | return this.ownerDisplayTypeChosen === 'account' | |
47 | } | |
48 | ||
49 | displayOwnerVideoChannel () { | |
50 | return this.ownerDisplayTypeChosen === 'videoChannel' | |
51 | } | |
501bc6c2 | 52 | } |