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

   1 <div class="margin-content">
   2
   3   <div class="no-results" i18n *ngIf="channelPagination.totalItems === 0">This account does not have channels.</div>
   4
   5   <div class="channels" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [autoInit]="true" [dataObservable]="onChannelDataSubject.asObservable()">
   6     <div class="section channel" *ngFor="let videoChannel of videoChannels">
   7       <div class="section-title">
   8         <a [routerLink]="getVideoChannelLink(videoChannel)" i18n-title title="See this video channel">
   9           <img [src]="videoChannel.avatarUrl" alt="Avatar" />
  10
  11           <div>{{ videoChannel.displayName }}</div>
  12           <div class="followers" i18n>{videoChannel.followersCount, plural, =1 {1 subscriber} other {{{ videoChannel.followersCount }} subscribers}}</div>
  13         </a>
  14
  15         <my-subscribe-button [videoChannels]="[videoChannel]"></my-subscribe-button>
  16       </div>
  17
  18       <div *ngIf="getVideosOf(videoChannel)" class="videos">
  19         <div class="no-results my-5" i18n *ngIf="getVideosOf(videoChannel).length === 0">This channel doesn't have any videos.</div>
  20
  21         <my-video-miniature
  22           class="pr-2"
  23           *ngFor="let video of getVideosOf(videoChannel)"
  24           [video]="video" [user]="user" [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>