1 <div *
ngIf=
"account" class=
"root">
2 <div class=
"account-info">
4 <div class=
"account-avatar-row">
5 <my-actor-avatar class=
"main-avatar" [account]=
"account"></my-actor-avatar>
8 <div class=
"section-label" i18n
>ACCOUNT
</div>
10 <div class=
"actor-info">
12 <div class=
"actor-display-name">
13 <h1 i18n-title [title]=
"'Created on ' + (account.createdAt | date)">{{ account.displayName }}
</h1>
15 <my-user-moderation-dropdown
16 [prependActions]=
"prependModerationActions"
17 buttonSize=
"small" [account]=
"account" [user]=
"accountUser" placement=
"bottom-left auto"
18 (userChanged)=
"onUserChanged()" (userDeleted)=
"onUserDeleted()"
19 ></my-user-moderation-dropdown>
21 <span *
ngIf=
"accountUser?.blocked" [ngbTooltip]=
"accountUser.blockedReason" class=
"badge badge-danger" i18n
>Banned
</span>
22 <span *
ngIf=
"account.mutedByUser" class=
"badge badge-danger" i18n
>Muted
</span>
23 <span *
ngIf=
"account.mutedServerByUser" class=
"badge badge-danger" i18n
>Instance muted
</span>
24 <span *
ngIf=
"account.mutedByInstance" class=
"badge badge-danger" i18n
>Muted by your instance
</span>
25 <span *
ngIf=
"account.mutedServerByInstance" class=
"badge badge-danger" i18n
>Instance muted by your instance
</span>
28 <div class=
"actor-handle">
29 <span>@{{ account.nameWithHost }}
</span>
30 <button [cdkCopyToClipboard]=
"account.nameWithHostForced" (click)=
"activateCopiedMessage()"
31 class=
"btn btn-outline-secondary btn-sm copy-button" title=
"Copy account handle" i18n-title
33 <span class=
"glyphicon glyphicon-duplicate"></span>
37 <div class=
"actor-counters">
38 <span i18n
>{naiveAggregatedSubscribers(), plural, =
1 {
1 subscriber} other {{{ naiveAggregatedSubscribers() }} subscribers}}
</span>
40 <span class=
"videos-count" *
ngIf=
"accountVideosCount !== undefined" i18n
>
41 {accountVideosCount, plural, =
1 {
1 videos} other {{{ accountVideosCount }} videos}}
49 <div class=
"description" [ngClass]=
"{ expanded: accountDescriptionExpanded }">
50 <div class=
"description-html" [innerHTML]=
"accountDescriptionHTML"></div>
53 <div *
ngIf=
"hasShowMoreDescription()" class=
"show-more" role=
"button"
54 (click)=
"accountDescriptionExpanded = !accountDescriptionExpanded"
55 title=
"Show the complete description" i18n-title i18n
61 <a *
ngIf=
"isManageable()" routerLink=
"/my-account" class=
"peertube-button-link orange-button" i18n
>
65 <my-subscribe-button *
ngIf=
"hasVideoChannels() && !isManageable()" [account]=
"account" [videoChannels]=
"videoChannels"></my-subscribe-button>
70 <ng-template #linkTemplate
let-item=
"item">
71 <a [routerLink]=
"item.routerLink" routerLinkActive=
"active" class=
"title-page">{{ item.label }}
</a>
74 <list-overflow [hidden]=
"hideMenu" [items]=
"links" [itemTemplate]=
"linkTemplate"></list-overflow>
77 [alwaysShow]=
"!isInSmallView()" (searchChanged)=
"searchChanged($event)"
78 (inputDisplayChanged)=
"onSearchInputDisplayChanged($event)" name=
"search-videos"
79 i18n-iconTitle
icon-title=
"Search account videos"
80 i18n-placeholder
placeholder=
"Search account videos"
81 ></simple-search-input>
84 <router-outlet (activate)=
"onOutletLoaded($event)"></router-outlet>
87 <ng-container *
ngIf=
"prependModerationActions">
88 <my-account-report #accountReportModal [account]=
"account"></my-account-report>