3 <my-global-icon iconName=
"subscriptions" aria-hidden=
"true"></my-global-icon>
4 <ng-container i18n
>My subscriptions
</ng-container>
5 <span *
ngIf=
"pagination.totalItems" class=
"pt-badge badge-secondary"> {{ pagination.totalItems }}
</span>
9 <div class=
"video-subscriptions-header">
10 <my-advanced-input-filter (search)=
"onSearch($event)"></my-advanced-input-filter>
13 <div class=
"no-results" i18n *
ngIf=
"pagination.totalItems === 0">You don't have any subscription yet.
</div>
15 <div class=
"actors" myInfiniteScroller (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
16 <div *
ngFor=
"let videoChannel of videoChannels" class=
"actor">
17 <my-actor-avatar [actor]=
"videoChannel" actorType=
"channel" [internalHref]=
"[ '/c', videoChannel.nameWithHost ]" size=
"80"></my-actor-avatar>
19 <div class=
"actor-info">
20 <a [routerLink]=
"[ '/c', videoChannel.nameWithHost ]" class=
"actor-names" i18n-title
title=
"Channel page">
21 <div class=
"actor-display-name">{{ videoChannel.displayName }}
</div>
22 <div class=
"actor-name">{{ videoChannel.nameWithHost }}
</div>
25 <div i18n
class=
"actor-followers">{{ videoChannel.followersCount }} subscribers
</div>
27 <a [routerLink]=
"[ '/a', videoChannel.ownerBy ]" i18n-title
title=
"Owner account page" class=
"actor-owner">
28 <span i18n
>Created by {{ videoChannel.ownerBy }}
</span>
30 <my-actor-avatar [actor]=
"videoChannel.ownerAccount" actorType=
"account" size=
"18"></my-actor-avatar>
34 <my-subscribe-button [videoChannels]=
"[videoChannel]"></my-subscribe-button>