1 <div class=
"actor" *
ngIf=
"actor">
3 <my-actor-avatar [channel]=
"getChannel()" [account]=
"getAccount()" [previewImage]=
"preview" size=
"100"></my-actor-avatar>
5 <div class=
"actor-img-edit-container">
7 <div *
ngIf=
"editable && !hasAvatar()" class=
"actor-img-edit-button" [ngbTooltip]=
"avatarFormat" placement=
"right" container=
"body">
8 <my-global-icon iconName=
"upload"></my-global-icon>
9 <label class=
"sr-only" for=
"avatarfile" i18n
>Upload a new avatar
</label>
10 <input #avatarfileInput
type=
"file" name=
"avatarfile" id=
"avatarfile" [accept]=
"avatarExtensions" (change)=
"onAvatarChange(avatarfileInput)"/>
14 *
ngIf=
"editable && hasAvatar()" class=
"actor-img-edit-button"
15 #
avatarPopover=
"ngbPopover" [ngbPopover]=
"avatarEditContent" popoverClass=
"popover-image-info" autoClose=
"outside" placement=
"right"
17 <my-global-icon iconName=
"edit"></my-global-icon>
18 <label class=
"sr-only" for=
"avatarMenu" i18n
>Change your avatar
</label>
24 <div class=
"actor-info">
25 <div class=
"actor-info-display-name">{{ actor.displayName }}
</div>
26 <div *
ngIf=
"displayUsername" class=
"actor-info-username">{{ actor.name }}
</div>
27 <div *
ngIf=
"displaySubscribers" i18n
class=
"actor-info-followers">{{ actor.followersCount }} subscribers
</div>
31 <ng-template #avatarEditContent
>
32 <div class=
"dropdown-item c-hand" [ngbTooltip]=
"avatarFormat" placement=
"right" container=
"body">
33 <my-global-icon iconName=
"upload"></my-global-icon>
34 <span for=
"avatarfile" i18n
>Upload a new avatar
</span>
35 <input #avatarfileInput
type=
"file" name=
"avatarfile" id=
"avatarfile" [accept]=
"avatarExtensions" (change)=
"onAvatarChange(avatarfileInput)"/>
38 <div class=
"dropdown-item c-hand" (click)=
"deleteAvatar()" (key.enter)=
"deleteAvatar()">
39 <my-global-icon iconName=
"delete"></my-global-icon>
40 <span i18n
>Remove avatar
</span>