X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2Fshared%2Fshared-main%2Fvideo-channel%2Fvideo-channel.model.ts;h=32376bf625d554f93daee5adb56436c742aa4f3f;hb=ab623c0e0b4815bd69a94887241a69aaa857ed26;hp=1ba3fcc0e651bac6de069ade7b712443c0b872fc;hpb=27ec473f5306621643fcb169be7cfe6b15136265;p=github%2FChocobozzz%2FPeerTube.git diff --git a/client/src/app/shared/shared-main/video-channel/video-channel.model.ts b/client/src/app/shared/shared-main/video-channel/video-channel.model.ts index 1ba3fcc0e..32376bf62 100644 --- a/client/src/app/shared/shared-main/video-channel/video-channel.model.ts +++ b/client/src/app/shared/shared-main/video-channel/video-channel.model.ts @@ -1,6 +1,5 @@ import { getAbsoluteAPIUrl } from '@app/helpers' import { Account as ServerAccount, ActorImage, VideoChannel as ServerVideoChannel, ViewsPerDate } from '@shared/models' -import { Account } from '../account/account.model' import { Actor } from '../account/actor.model' export class VideoChannel extends Actor implements ServerVideoChannel { @@ -13,35 +12,44 @@ export class VideoChannel extends Actor implements ServerVideoChannel { nameWithHost: string nameWithHostForced: string - banner: ActorImage + // TODO: remove, deprecated in 4.2 + banner: never + + banners: ActorImage[] + bannerUrl: string + updatedAt: Date | string + ownerAccount?: ServerAccount ownerBy?: string - ownerAvatarUrl?: string videosCount?: number viewsPerDay?: ViewsPerDate[] - static GET_ACTOR_AVATAR_URL (actor: object) { - return Actor.GET_ACTOR_AVATAR_URL(actor) || this.GET_DEFAULT_AVATAR_URL() + static GET_ACTOR_AVATAR_URL (actor: { avatars: { width: number, url?: string, path: string }[] }, size: number) { + return Actor.GET_ACTOR_AVATAR_URL(actor, size) } static GET_ACTOR_BANNER_URL (channel: ServerVideoChannel) { - if (channel?.banner?.url) return channel.banner.url - - if (channel && channel.banner) { - const absoluteAPIUrl = getAbsoluteAPIUrl() - - return absoluteAPIUrl + channel.banner.path + if (!channel || channel.banners.length === 0) { + return '' } - return '' + const banner = channel.banners[0] + if (!banner) return '' + + if (banner.url) return banner.url + return getAbsoluteAPIUrl() + banner.path } - static GET_DEFAULT_AVATAR_URL () { - return `${window.location.origin}/client/assets/images/default-avatar-videochannel.png` + static GET_DEFAULT_AVATAR_URL (size: number) { + if (size <= 48) { + return `${window.location.origin}/client/assets/images/default-avatar-video-channel-48x48.png` + } + + return `${window.location.origin}/client/assets/images/default-avatar-video-channel.png` } constructor (hash: Partial) { @@ -51,7 +59,7 @@ export class VideoChannel extends Actor implements ServerVideoChannel { this.description = hash.description this.support = hash.support - this.banner = hash.banner + this.banners = hash.banners || [] this.isLocal = hash.isLocal @@ -60,6 +68,8 @@ export class VideoChannel extends Actor implements ServerVideoChannel { this.videosCount = hash.videosCount + if (hash.updatedAt) this.updatedAt = new Date(hash.updatedAt.toString()) + if (hash.viewsPerDay) { this.viewsPerDay = hash.viewsPerDay.map(v => ({ ...v, date: new Date(v.date) })) } @@ -67,34 +77,32 @@ export class VideoChannel extends Actor implements ServerVideoChannel { if (hash.ownerAccount) { this.ownerAccount = hash.ownerAccount this.ownerBy = Actor.CREATE_BY_STRING(hash.ownerAccount.name, hash.ownerAccount.host) - this.ownerAvatarUrl = Account.GET_ACTOR_AVATAR_URL(this.ownerAccount) } this.updateComputedAttributes() } - updateAvatar (newAvatar: ActorImage) { - this.avatar = newAvatar + updateAvatar (newAvatars: ActorImage[]) { + this.avatars = newAvatars this.updateComputedAttributes() } resetAvatar () { - this.updateAvatar(null) + this.updateAvatar([]) } - updateBanner (newBanner: ActorImage) { - this.banner = newBanner + updateBanner (newBanners: ActorImage[]) { + this.banners = newBanners this.updateComputedAttributes() } resetBanner () { - this.updateBanner(null) + this.updateBanner([]) } updateComputedAttributes () { - this.avatarUrl = VideoChannel.GET_ACTOR_AVATAR_URL(this) this.bannerUrl = VideoChannel.GET_ACTOR_BANNER_URL(this) } }