1 <div *
ngIf=
"account" class=
"row">
5 <img [src]=
"account.avatarUrl" alt=
"Avatar" />
7 <div class=
"actor-info">
8 <div class=
"actor-names">
9 <div class=
"actor-display-name">{{ account.displayName }}
</div>
10 <div class=
"actor-name">
11 <span>{{ account.nameWithHost }}
</span>
12 <button [cdkCopyToClipboard]=
"account.nameWithHostForced" (click)=
"activateCopiedMessage()"
13 class=
"btn btn-outline-secondary btn-sm copy-button"
15 <span class=
"glyphicon glyphicon-copy"></span>
18 <span *
ngIf=
"accountUser?.blocked" [ngbTooltip]=
"accountUser.blockedReason" class=
"badge badge-danger" i18n
>Banned
</span>
19 <span *
ngIf=
"account.mutedByUser" class=
"badge badge-danger" i18n
>Muted
</span>
20 <span *
ngIf=
"account.mutedServerByUser" class=
"badge badge-danger" i18n
>Instance muted
</span>
21 <span *
ngIf=
"account.mutedByInstance" class=
"badge badge-danger" i18n
>Muted by your instance
</span>
22 <span *
ngIf=
"account.mutedServerByInstance" class=
"badge badge-danger" i18n
>Instance muted by your instance
</span>
24 <my-user-moderation-dropdown
25 buttonSize=
"small" [account]=
"account" [user]=
"accountUser" placement=
"bottom-left auto"
26 (userChanged)=
"onUserChanged()" (userDeleted)=
"onUserDeleted()"
27 ></my-user-moderation-dropdown>
29 <div class=
"actor-followers" [title]=
"accountFollowerTitle">
30 {{ subscribersDisplayFor(naiveAggregatedSubscribers) }}
34 <div class=
"right-buttons">
35 <a *
ngIf=
"isAccountManageable && !isInSmallView" routerLink=
"/my-account" class=
"btn btn-outline-tertiary mr-2" i18n
>Manage account
</a>
36 <my-subscribe-button *
ngIf=
"videoChannels" [account]=
"account" [videoChannels]=
"videoChannels"></my-subscribe-button>
40 <div class=
"links w-100">
41 <ng-template #linkTemplate
let-item=
"item">
42 <a [routerLink]=
"item.routerLink" routerLinkActive=
"active" class=
"title-page">{{ item.label }}
</a>
45 <list-overflow [items]=
"links" [itemTemplate]=
"linkTemplate"></list-overflow>
49 <div class=
"margin-content">
50 <router-outlet></router-outlet>