X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fvideo-miniature.component.ts;h=69f00fb1017d79d844b8e41ba81338a7551dafcf;hb=7399a79f73cc2015e64fad49361439a322ee1d3b;hp=b58c118beac7e35706c46c98ebe1a56abeed90de;hpb=06ec4bdd15cdd1e938ec1744784cd2993aed9809;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.ts b/client/src/app/shared/shared-video-miniature/video-miniature.component.ts index b58c118be..69f00fb10 100644 --- a/client/src/app/shared/shared-video-miniature/video-miniature.component.ts +++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.ts @@ -11,7 +11,8 @@ import { Output } from '@angular/core' import { AuthService, ScreenService, ServerService, User } from '@app/core' -import { ServerConfig, VideoPlaylistType, VideoPrivacy, VideoState } from '@shared/models' +import { HTMLServerConfig, VideoPlaylistType, VideoPrivacy, VideoState } from '@shared/models' +import { LinkType } from '../../../types/link.type' import { ActorAvatarSize } from '../shared-actor-image/actor-avatar.component' import { Video } from '../shared-main' import { VideoPlaylistService } from '../shared-video-playlist' @@ -28,8 +29,6 @@ export type MiniatureDisplayOptions = { blacklistInfo?: boolean nsfw?: boolean } -export type VideoLinkType = 'internal' | 'lazy-load' | 'external' - @Component({ selector: 'my-video-miniature', styleUrls: [ './video-miniature.component.scss' ], @@ -56,7 +55,7 @@ export class VideoMiniatureComponent implements OnInit { @Input() displayAsRow = false - @Input() videoLinkType: VideoLinkType = 'internal' + @Input() videoLinkType: LinkType = 'internal' @Output() videoBlocked = new EventEmitter() @Output() videoUnblocked = new EventEmitter() @@ -74,7 +73,7 @@ export class VideoMiniatureComponent implements OnInit { mute: true } showActions = false - serverConfig: ServerConfig + serverConfig: HTMLServerConfig addToWatchLaterText: string addedToWatchLaterText: string @@ -86,7 +85,7 @@ export class VideoMiniatureComponent implements OnInit { playlistElementId?: number } - videoRouterLink: any[] = [] + videoRouterLink: string | any[] = [] videoHref: string videoTarget: string @@ -101,17 +100,21 @@ export class VideoMiniatureComponent implements OnInit { @Inject(LOCALE_ID) private localeId: string ) {} + get authorAccount () { + return this.serverConfig.client.videos.miniature.showAuthorDisplayName ? this.video.account.displayName : this.video.byAccount + } + + get authorChannel () { + return this.serverConfig.client.videos.miniature.showAuthorDisplayName ? this.video.channel.displayName : this.video.byVideoChannel + } + get isVideoBlur () { return this.video.isVideoNSFWForUser(this.user, this.serverConfig) } ngOnInit () { - this.serverConfig = this.serverService.getTmpConfig() - this.serverService.getConfig() - .subscribe(config => { - this.serverConfig = config - this.buildVideoLink() - }) + this.serverConfig = this.serverService.getHTMLConfig() + this.buildVideoLink() this.setUpBy() @@ -125,7 +128,7 @@ export class VideoMiniatureComponent implements OnInit { buildVideoLink () { if (this.videoLinkType === 'internal' || !this.video.url) { - this.videoRouterLink = [ '/videos/watch', this.video.uuid ] + this.videoRouterLink = Video.buildWatchUrl(this.video) return } @@ -219,11 +222,12 @@ export class VideoMiniatureComponent implements OnInit { addToWatchLater () { const body = { videoId: this.video.id } - this.videoPlaylistService.addVideoInPlaylist(this.watchLaterPlaylist.id, body).subscribe( - res => { - this.watchLaterPlaylist.playlistElementId = res.videoPlaylistElement.id - } - ) + this.videoPlaylistService.addVideoInPlaylist(this.watchLaterPlaylist.id, body) + .subscribe( + res => { + this.watchLaterPlaylist.playlistElementId = res.videoPlaylistElement.id + } + ) } removeFromWatchLater () {