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 }}
</div>
12 <my-subscribe-button #subscribeButton *
ngIf=
"isUserLoggedIn()" [videoChannel]=
"videoChannel"></my-subscribe-button>
14 <div i18n
class=
"actor-followers">{{ videoChannel.followersCount }} subscribers
</div>
16 <a [routerLink]=
"[ '/accounts', videoChannel.ownerBy ]" i18n-title
title=
"Go the owner account page" class=
"actor-owner">
17 <span i18n
>Created by {{ videoChannel.ownerBy }}
</span>
18 <img [src]=
"videoChannel.ownerAvatarUrl" alt=
"Owner account avatar" />
24 <a i18n
routerLink=
"videos" routerLinkActive=
"active" class=
"title-page">Videos
</a>
25 <a i18n
routerLink=
"about" routerLinkActive=
"active" class=
"title-page">About
</a>
29 <div class=
"margin-content">
30 <router-outlet></router-outlet>