import { Component, Input } from '@angular/core'
-import { SafeResourceUrl } from '@angular/platform-browser'
import { VideoChannel } from '../shared-main'
import { Account } from '../shared-main/account/account.model'
url: string
}
+export type ActorAvatarSize = '18' | '25' | '32' | '34' | '36' | '40' | '100' | '120'
+
@Component({
selector: 'my-actor-avatar',
styleUrls: [ './actor-avatar.component.scss' ],
templateUrl: './actor-avatar.component.html'
})
export class ActorAvatarComponent {
+ private _title: string
+
@Input() account: ActorInput
@Input() channel: ActorInput
- @Input() previewImage: SafeResourceUrl
+ @Input() previewImage: string
- @Input() size: '18' | '25' | '32' | '34' | '36' | '40' | '100' | '120'
+ @Input() size: ActorAvatarSize
// Use an external link
@Input() href: string
this._title = value
}
- private _title: string
-
get title () {
if (this._title) return this._title
if (this.account) return $localize`${this.account.name} (account page)`
return ''
}
- getClass (type: 'avatar' | 'initial') {
- const base = [ 'avatar' ]
-
- if (this.size) base.push(`avatar-${this.size}`)
-
- if (this.account) base.push('account')
- else base.push('channel')
-
- if (type === 'initial' && this.initial) {
- base.push('initial')
- base.push(this.getColorTheme())
- }
-
- return base
- }
-
get defaultAvatarUrl () {
- if (this.account) Account.GET_DEFAULT_AVATAR_URL()
if (this.channel) return VideoChannel.GET_DEFAULT_AVATAR_URL()
- return ''
+ return Account.GET_DEFAULT_AVATAR_URL()
}
get avatarUrl () {
return name.slice(0, 1)
}
+ getClass (type: 'avatar' | 'initial') {
+ const base = [ 'avatar' ]
+
+ if (this.size) base.push(`avatar-${this.size}`)
+
+ if (this.channel) base.push('channel')
+ else base.push('account')
+
+ if (type === 'initial' && this.initial) {
+ base.push('initial')
+ base.push(this.getColorTheme())
+ }
+
+ return base
+ }
+
hasActor () {
return !!this.account || !!this.channel
}
jkl: 'gray',
mno: 'yellow',
pqr: 'orange',
- stv: 'red',
+ stvu: 'red',
wxyz: 'dark-blue'
}