1 <ng-container *
ngIf=
"actor">
4 <img [src]=
"actor.avatarUrl" alt=
"Avatar" />
6 <div class=
"actor-img-edit-container">
8 <div *
ngIf=
"!hasAvatar()" class=
"actor-img-edit-button" [ngbTooltip]=
"avatarFormat" placement=
"right" container=
"body">
9 <my-global-icon iconName=
"upload"></my-global-icon>
10 <label class=
"sr-only" for=
"avatarfile" i18n
>Upload a new avatar
</label>
11 <input #avatarfileInput
type=
"file" title=
" " name=
"avatarfile" id=
"avatarfile" [accept]=
"avatarExtensions" (change)=
"onAvatarChange(avatarfileInput)"/>
14 <div *
ngIf=
"hasAvatar()" class=
"actor-img-edit-button" #
avatarPopover=
"ngbPopover" [ngbPopover]=
"avatarEditContent" popoverClass=
"popover-avatar-info" autoClose=
"outside" placement=
"right">
15 <my-global-icon iconName=
"edit"></my-global-icon>
16 <label class=
"sr-only" for=
"avatarMenu" i18n
>Change your avatar
</label>
23 <div class=
"actor-info">
24 <div class=
"actor-info-names">
25 <div class=
"actor-info-display-name">{{ actor.displayName }}
</div>
26 <div class=
"actor-info-username">{{ actor.name }}
</div>
28 <div i18n
class=
"actor-info-followers">{{ actor.followersCount }} subscribers
</div>
33 <ng-template #avatarEditContent
>
34 <div class=
"dropdown-item c-hand" [ngbTooltip]=
"avatarFormat" placement=
"right" container=
"body">
35 <my-global-icon iconName=
"upload"></my-global-icon>
36 <span for=
"avatarfile" i18n
>Upload a new avatar
</span>
37 <input #avatarfileInput
type=
"file" title=
" " name=
"avatarfile" id=
"avatarfile" [accept]=
"avatarExtensions" (change)=
"onAvatarChange(avatarfileInput)"/>
39 <div class=
"dropdown-item c-hand" (click)=
"deleteAvatar()" (key.enter)=
"deleteAvatar()">
40 <my-global-icon iconName=
"delete"></my-global-icon>
41 <span i18n
>Remove avatar
</span>