client/src/app/+accounts/account-video-channels/account-video-channels.component.html

   1 <h1 class="sr-only" i18n>Video channels</h1>
   2 <div class="margin-content">
   3
   4   <div class="no-results" i18n *ngIf="channelPagination.totalItems === 0">This account does not have channels.</div>
   5
   6   <div class="channels" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onChannelDataSubject.asObservable()">
   7     <div class="section channel" *ngFor="let videoChannel of videoChannels">
   8       <div class="section-title">
   9         <a [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel">
  10           <img [src]="videoChannel.avatarUrl" alt="Avatar" />
  11
  12           <h2 class="section-title">{{ videoChannel.displayName }}</h2>
  13           <div class="followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div>
  14         </a>
  15
  16         <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button>
  17       </div>
  18
  19       <div *ngIf="getVideosOf(videoChannel)" class="videos">
  20         <div class="no-results my-5" i18n *ngIf="getVideosOf(videoChannel).length === 0">This channel doesn't have any videos.</div>
  21
  22         <my-video-miniature
  23           *ngFor="let video of getVideosOf(videoChannel)"
  24           [video]="video" [user]="userMiniature" [displayVideoActions]="true"
  25         ></my-video-miniature>
  26       </div>
  27
  28       <a *ngIf="getVideosOf(videoChannel).length !== 0" class="show-more" i18n [routerLink]="getVideoChannelLink(videoChannel)">
  29         SHOW THIS CHANNEL
  30       </a>
  31     </div>
  32   </div>
  33 </div>