X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-video-miniature%2Fvideo-miniature.component.ts;h=aac55a6e9e21547d0fef3dc4e1ac3f0b11fdfd08;hb=a1eda903a497857017495f37a1fd3593ba7ab23c;hp=cc5665ab1483cb0a0f8cd3324ad369124e64e056;hpb=4ec25ae825f8dee44d948b38d8216f9a239ff7b3;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 cc5665ab1..aac55a6e9 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 @@ -12,11 +12,11 @@ import { } from '@angular/core' import { AuthService, ScreenService, ServerService, User } from '@app/core' import { ServerConfig, VideoPlaylistType, VideoPrivacy, VideoState } from '@shared/models' +import { ActorAvatarSize } from '../shared-actor-image/actor-avatar.component' import { Video } from '../shared-main' import { VideoPlaylistService } from '../shared-video-playlist' import { VideoActionsDisplayType } from './video-actions-dropdown.component' -export type OwnerDisplayType = 'account' | 'videoChannel' | 'auto' export type MiniatureDisplayOptions = { date?: boolean views?: boolean @@ -40,7 +40,6 @@ export class VideoMiniatureComponent implements OnInit { @Input() user: User @Input() video: Video - @Input() ownerDisplayType: OwnerDisplayType = 'account' @Input() displayOptions: MiniatureDisplayOptions = { date: true, views: true, @@ -51,9 +50,11 @@ export class VideoMiniatureComponent implements OnInit { state: false, blacklistInfo: false } - @Input() displayAsRow = false @Input() displayVideoActions = true - @Input() fitWidth = false + + @Input() actorImageSize: ActorAvatarSize = '40' + + @Input() displayAsRow = false @Input() videoLinkType: VideoLinkType = 'internal' @@ -89,7 +90,7 @@ export class VideoMiniatureComponent implements OnInit { videoHref: string videoTarget: string - private ownerDisplayTypeChosen: 'account' | 'videoChannel' + private ownerDisplayType: 'account' | 'videoChannel' constructor ( private screenService: ScreenService, @@ -124,7 +125,7 @@ export class VideoMiniatureComponent implements OnInit { buildVideoLink () { if (this.videoLinkType === 'internal' || !this.video.url) { - this.videoRouterLink = [ '/videos/watch', this.video.uuid ] + this.videoRouterLink = [ '/w', this.video.uuid ] return } @@ -140,11 +141,11 @@ export class VideoMiniatureComponent implements OnInit { } displayOwnerAccount () { - return this.ownerDisplayTypeChosen === 'account' + return this.ownerDisplayType === 'account' } displayOwnerVideoChannel () { - return this.ownerDisplayTypeChosen === 'videoChannel' + return this.ownerDisplayType === 'videoChannel' } isUnlistedVideo () { @@ -182,14 +183,6 @@ export class VideoMiniatureComponent implements OnInit { return '' } - getAvatarUrl () { - if (this.ownerDisplayTypeChosen === 'account') { - return this.video.accountAvatarUrl - } - - return this.video.videoChannelAvatarUrl - } - loadActions () { if (this.displayVideoActions) this.showActions = true @@ -244,21 +237,26 @@ export class VideoMiniatureComponent implements OnInit { return this.displayVideoActions && this.isUserLoggedIn() && this.inWatchLaterPlaylist !== undefined } - private setUpBy () { - if (this.ownerDisplayType === 'account' || this.ownerDisplayType === 'videoChannel') { - this.ownerDisplayTypeChosen = this.ownerDisplayType - return + getClasses () { + return { + 'display-as-row': this.displayAsRow } + } + + private setUpBy () { + const accountName = this.video.account.name - // If the video channel name an UUID (not really displayable, we changed this behaviour in v1.0.0-beta.12) + // If the video channel name is an UUID (not really displayable, we changed this behaviour in v1.0.0-beta.12) + // Or has not been customized (default created channel display name) // -> Use the account name if ( - this.video.channel.name === `${this.video.account.name}_channel` || + this.video.channel.displayName === `Default ${accountName} channel` || + this.video.channel.displayName === `Main ${accountName} 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' + this.ownerDisplayType = 'account' } else { - this.ownerDisplayTypeChosen = 'videoChannel' + this.ownerDisplayType = 'videoChannel' } }