1 <div class=
"actor" *
ngIf=
"actor">
2 <div class=
"position-relative me-3">
3 <my-actor-avatar [actor]=
"actor" [actorType]=
"getActorType()" [previewImage]=
"preview" size=
"100"></my-actor-avatar>
5 <div *
ngIf=
"editable && !hasAvatar()" class=
"actor-img-edit-button" [ngbTooltip]=
"avatarFormat" placement=
"right" container=
"body">
6 <my-global-icon iconName=
"upload"></my-global-icon>
7 <label class=
"visually-hidden" for=
"avatarfile" i18n
>Upload a new avatar
</label>
8 <input #avatarfileInput
type=
"file" name=
"avatarfile" id=
"avatarfile" [accept]=
"avatarExtensions" (change)=
"onAvatarChange(avatarfileInput)"/>
11 <div *
ngIf=
"editable && hasAvatar()" ngbDropdown
placement=
"right">
12 <div class=
"actor-img-edit-button" ngbDropdownToggle
>
13 <my-global-icon iconName=
"edit"></my-global-icon>
14 <label class=
"visually-hidden" for=
"avatarMenu" i18n
>Change your avatar
</label>
18 <div class=
"dropdown-item c-hand dropdown-file" [ngbTooltip]=
"avatarFormat">
19 <my-global-icon iconName=
"upload"></my-global-icon>
20 <span for=
"avatarfile" i18n
>Upload a new avatar
</span>
21 <input #avatarfileInput
type=
"file" name=
"avatarfile" id=
"avatarfile" [accept]=
"avatarExtensions" (change)=
"onAvatarChange(avatarfileInput)"/>
24 <div class=
"dropdown-item c-hand" (click)=
"deleteAvatar()" (key.enter)=
"deleteAvatar()">
25 <my-global-icon iconName=
"delete"></my-global-icon>
26 <span i18n
>Remove avatar
</span>
33 <div class=
"actor-info">
34 <div class=
"actor-info-display-name">{{ actor.displayName }}
</div>
35 <div *
ngIf=
"displayUsername" class=
"actor-info-username">{{ actor.name }}
</div>
36 <div *
ngIf=
"displaySubscribers" i18n
class=
"actor-info-followers">{{ actor.followersCount }} subscribers
</div>