]>
Commit | Line | Data |
---|---|---|
fbdcd4ec | 1 | import { Component, Input } from '@angular/core' |
fbdcd4ec | 2 | import { Account } from '../shared-main/account/account.model' |
3 | ||
4 | @Component({ | |
5 | selector: 'my-account-avatar', | |
6 | styleUrls: [ './account-avatar.component.scss' ], | |
7 | templateUrl: './account-avatar.component.html' | |
8 | }) | |
9 | export class AccountAvatarComponent { | |
126a6352 C |
10 | @Input() account: { |
11 | name: string | |
12 | avatar?: { url?: string, path: string } | |
13 | url: string | |
fbdcd4ec | 14 | } |
126a6352 C |
15 | @Input() size: '25' | '34' | '36' | '40' | '120' = '36' |
16 | ||
17 | // Use an external link | |
18 | @Input() href: string | |
19 | // Use routerLink | |
20 | @Input() internalHref: string | string[] | |
21 | ||
fbdcd4ec | 22 | @Input() set title (value) { |
23 | this._title = value | |
24 | } | |
25 | ||
126a6352 | 26 | private _title: string |
fbdcd4ec | 27 | |
28 | get title () { | |
29 | return this._title || $localize`${this.account.name} (account page)` | |
30 | } | |
31 | ||
32 | get class () { | |
33 | return `avatar avatar-${this.size}` | |
34 | } | |
35 | ||
36 | get avatarUrl () { | |
126a6352 | 37 | return Account.GET_ACTOR_AVATAR_URL(this.account) |
fbdcd4ec | 38 | } |
39 | } |