1 <div *
ngIf=
"videoChannel" class=
"row">
5 <img [src]=
"videoChannel.avatarUrl" alt=
"Avatar" />
7 <div class=
"actor-info">
8 <div class=
"actor-names">
9 <div class=
"actor-display-name">{{ videoChannel.displayName }}
</div>
10 <div class=
"actor-name">{{ videoChannel.nameWithHost }}
11 <button ngxClipboard [cbContent]=
"videoChannel.nameWithHost" (click)=
"activateCopiedMessage()"
12 class=
"btn btn-outline-secondary btn-sm copy-button"
14 <span class=
"glyphicon glyphicon-copy"></span>
18 <div class=
"right-buttons">
19 <a *
ngIf=
"isChannelManageable" [routerLink]=
"[ '/my-account/video-channels/update', videoChannel.nameWithHost ]" class=
"btn btn-outline-tertiary mr-2" i18n
>Manage
</a>
20 <my-subscribe-button #subscribeButton [videoChannels]=
"[videoChannel]"></my-subscribe-button>
23 <div class=
"actor-followers" i18n
>{videoChannel.followersCount, plural, =
1 {
1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}
</div>
25 <a [routerLink]=
"[ '/accounts', videoChannel.ownerBy ]" i18n-title
title=
"Go the owner account page" class=
"actor-owner">
26 <span i18n
>Created by {{ videoChannel.ownerBy }}
</span>
27 <img [src]=
"videoChannel.ownerAvatarUrl" alt=
"Owner account avatar" />
33 <a i18n
routerLink=
"videos" routerLinkActive=
"active" class=
"title-page">Videos
</a>
34 <a i18n
routerLink=
"video-playlists" routerLinkActive=
"active" class=
"title-page">Video playlists
</a>
35 <a i18n
routerLink=
"about" routerLinkActive=
"active" class=
"title-page">About
</a>
39 <div class=
"margin-content">
40 <router-outlet></router-outlet>