client/src/app/+my-account/my-account-subscriptions/my-account-subscriptions.component.html

   1 <h1 class="sr-only" i18n>Subscriptions</h1>
   2 <div class="no-results" i18n *ngIf="pagination.totalItems === 0">You don't have any subscriptions yet.</div>
   3
   4 <div class="video-channels" myInfiniteScroller [autoInit]="true" (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
   5   <div *ngFor="let videoChannel of videoChannels" class="video-channel">
   6     <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]">
   7       <img [src]="videoChannel.avatarUrl" alt="Avatar" />
   8     </a>
   9
  10     <div class="video-channel-info">
  11       <a [routerLink]="[ '/video-channels', videoChannel.nameWithHost ]" class="video-channel-names" i18n-title title="Go to the channel">
  12         <div class="video-channel-display-name">{{ videoChannel.displayName }}</div>
  13         <div class="video-channel-name">{{ videoChannel.nameWithHost }}</div>
  14       </a>
  15
  16       <div i18n class="video-channel-followers">{{ videoChannel.followersCount }} subscribers</div>
  17
  18       <a [routerLink]="[ '/accounts', videoChannel.ownerBy ]" i18n-title title="Go the owner account page" class="actor-owner">
  19         <span i18n>Created by {{ videoChannel.ownerBy }}</span>
  20         <img [src]="videoChannel.ownerAvatarUrl" alt="Owner account avatar" />
  21       </a>
  22     </div>
  23
  24     <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button>
  25   </div>
  26 </div>