<div class="section-label" i18n>OWNER ACCOUNT</div>
<div class="avatar-row">
- <my-actor-avatar class="account-avatar" [account]="ownerAccount" [internalHref]="getAccountUrl()" size="48"></my-actor-avatar>
+ <my-actor-avatar class="account-avatar" [actor]="ownerAccount" actorType="account" [internalHref]="getAccountUrl()"></my-actor-avatar>
<div class="actor-info">
<h4>
</ng-template>
<div class="channel-avatar-row">
- <my-actor-avatar class="main-avatar" [channel]="videoChannel" size="120"></my-actor-avatar>
+ <my-actor-avatar class="main-avatar" [actor]="videoChannel" actorType="channel"></my-actor-avatar>
<div>
<div class="section-label" i18n>VIDEO CHANNEL</div>
<button [cdkCopyToClipboard]="videoChannel.nameWithHostForced" (click)="activateCopiedMessage()"
class="btn btn-outline-secondary btn-sm copy-button" title="Copy channel handle" i18n-title
>
- <span class="glyphicon glyphicon-duplicate"></span>
+ <my-global-icon iconName="copy"></my-global-icon>
</button>
</div>
<div class="actor-counters">
- <span i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</span>
+ <span i18n>{videoChannel.followersCount, plural, =0 {No subscribers} =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</span>
<span class="videos-count" *ngIf="channelVideosCount !== undefined" i18n>
- {channelVideosCount, plural, =1 {1 videos} other {{{ channelVideosCount }} videos}}
+ {channelVideosCount, plural, =0 {No videos} =1 {1 video} other {{{ channelVideosCount }} videos}}
</span>
</div>
</div>
<div class="links">
<ng-template #linkTemplate let-item="item">
- <a [routerLink]="item.routerLink" routerLinkActive="active" class="title-page">{{ item.label }}</a>
+ <a [routerLink]="item.routerLink" routerLinkActive="active" class="sub-menu-entry">{{ item.label }}</a>
</ng-template>
<my-list-overflow [items]="links" [itemTemplate]="linkTemplate"></my-list-overflow>