1 <h1 class=
"d-flex justify-content-between">
3 <my-global-icon iconName=
"subscriptions" aria-hidden=
"true"></my-global-icon>
4 <ng-container i18n
>My subscriptions
</ng-container>
5 <span class=
"badge badge-secondary"> {{ pagination.totalItems }}
</span>
8 <div class=
"has-feedback has-clear">
9 <input type=
"text" placeholder=
"Search your subscriptions" i18n-placeholder [(ngModel)]=
"subscriptionsSearch" (ngModelChange)=
"onSubscriptionsSearchChanged()" />
10 <a class=
"glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)=
"resetSearch()"></a>
11 <span class=
"sr-only" i18n
>Clear filters
</span>
15 <div class=
"no-results" i18n *
ngIf=
"pagination.totalItems === 0">You don't have any subscriptions yet.
</div>
17 <div class=
"video-channels" myInfiniteScroller [autoInit]=
"true" (nearOfBottom)=
"onNearOfBottom()" [dataObservable]=
"onDataSubject.asObservable()">
18 <div *
ngFor=
"let videoChannel of videoChannels" class=
"video-channel">
19 <a [routerLink]=
"[ '/video-channels', videoChannel.nameWithHost ]">
20 <img [src]=
"videoChannel.avatarUrl" alt=
"Avatar" />
23 <div class=
"video-channel-info">
24 <a [routerLink]=
"[ '/video-channels', videoChannel.nameWithHost ]" class=
"video-channel-names" i18n-title
title=
"Channel page">
25 <div class=
"video-channel-display-name">{{ videoChannel.displayName }}
</div>
26 <div class=
"video-channel-name">{{ videoChannel.nameWithHost }}
</div>
29 <div i18n
class=
"video-channel-followers">{{ videoChannel.followersCount }} subscribers
</div>
31 <a [routerLink]=
"[ '/accounts', videoChannel.ownerBy ]" i18n-title
title=
"Owner account page" class=
"actor-owner">
32 <span i18n
>Created by {{ videoChannel.ownerBy }}
</span>
33 <img [src]=
"videoChannel.ownerAvatarUrl" alt=
"Owner account avatar" />
37 <my-subscribe-button [videoChannels]=
"[videoChannel]"></my-subscribe-button>