1 <div class=
"video-channels-header">
2 <a class=
"create-button" routerLink=
"create">
3 <my-global-icon iconName=
"add"></my-global-icon>
4 <ng-container i18n
>Create video channel
</ng-container>
8 <div class=
"video-channels">
9 <div *
ngFor=
"let videoChannel of videoChannels; let i = index" class=
"video-channel">
10 <a [routerLink]=
"[ '/video-channels', videoChannel.nameWithHost ]">
11 <img [src]=
"videoChannel.avatarUrl" alt=
"Avatar" />
14 <div class=
"video-channel-info">
15 <a [routerLink]=
"[ '/video-channels', videoChannel.nameWithHost ]" class=
"video-channel-names" i18n-title
title=
"Go to the channel">
16 <div class=
"video-channel-display-name">{{ videoChannel.displayName }}
</div>
17 <div class=
"video-channel-name">{{ videoChannel.nameWithHost }}
</div>
20 <div i18n
class=
"video-channel-followers">{videoChannel.followersCount, plural, =
1 {
1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}
</div>
22 <div *
ngIf=
"!isInSmallView" class=
"w-100 d-flex justify-content-end">
23 <p-chart *
ngIf=
"videoChannelsChartData && videoChannelsChartData[i]" type=
"line" [data]=
"videoChannelsChartData[i]" [options]=
"chartOptions" width=
"40vw" height=
"100px"></p-chart>
27 <div class=
"video-channel-buttons">
28 <my-edit-button [routerLink]=
"[ 'update', videoChannel.nameWithHost ]"></my-edit-button>
29 <my-delete-button (click)=
"deleteVideoChannel(videoChannel)"></my-delete-button>