client/src/app/shared/shared-account-avatar/account-avatar.component.ts

   1 import { Component, Input } from '@angular/core'
   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 {
  10   @Input() account: {
  11     name: string
  12     avatar?: { url?: string, path: string }
  13     url: string
  14   }
  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
  22   @Input() set title (value) {
  23     this._title = value
  24   }
  25
  26   private _title: string
  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 () {
  37     return Account.GET_ACTOR_AVATAR_URL(this.account)
  38   }
  39 }