2 <my-global-icon iconName=
"channel" aria-hidden=
"true"></my-global-icon>
3 <ng-container i18n
>My channels
</ng-container>
4 <span class=
"badge badge-secondary">{{ totalItems }}
</span>
7 <div class=
"video-channels-header d-flex justify-content-between">
8 <div class=
"has-feedback has-clear">
9 <input type=
"text" placeholder=
"Search your channels" i18n-placeholder [(ngModel)]=
"channelsSearch"
10 (ngModelChange)=
"onChannelsSearchChanged()" />
11 <a class=
"glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)=
"resetSearch()"></a>
12 <span class=
"sr-only" i18n
>Clear filters
</span>
15 <a class=
"create-button" routerLink=
"create">
16 <my-global-icon iconName=
"add" aria-hidden=
"true"></my-global-icon>
17 <ng-container i18n
>Create video channel
</ng-container>
21 <div class=
"video-channels">
22 <div *
ngFor=
"let videoChannel of videoChannels; let i = index" class=
"video-channel">
23 <my-actor-avatar [channel]=
"videoChannel" [internalHref]=
"[ '/video-channels', videoChannel.nameWithHost ]"></my-actor-avatar>
25 <div class=
"video-channel-info">
26 <a [routerLink]=
"[ '/video-channels', videoChannel.nameWithHost ]" class=
"video-channel-names" i18n-title
title=
"Channel page">
27 <div class=
"video-channel-display-name">{{ videoChannel.displayName }}
</div>
28 <div class=
"video-channel-name">{{ videoChannel.nameWithHost }}
</div>
31 <div i18n
class=
"video-channel-followers">{videoChannel.followersCount, plural, =
1 {
1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}
</div>
33 <div i18n
class=
"video-channel-videos">{videoChannel.videosCount, plural, =
0 {No videos} =
1 {
1 video} other {{{ videoChannel.videosCount }} videos}}
</div>
35 <div class=
"video-channel-buttons">
36 <my-edit-button label [routerLink]=
"[ 'update', videoChannel.nameWithHost ]"></my-edit-button>
37 <my-delete-button label (click)=
"deleteVideoChannel(videoChannel)"></my-delete-button>
40 <div *
ngIf=
"!isInSmallView" class=
"w-100 d-flex justify-content-end">
41 <p-chart *
ngIf=
"chartOptions && videoChannelsChartData && videoChannelsChartData[i]" type=
"line" [data]=
"videoChannelsChartData[i]" [options]=
"chartOptions" width=
"40vw" height=
"100px"></p-chart>