client/src/app/+my-library/my-follows/my-followers.component.html

   1 <h1>
   2   <span>
   3     <my-global-icon iconName="follower" aria-hidden="true"></my-global-icon>
   4     <ng-container i18n>My followers</ng-container>
   5     <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span>
   6   </span>
   7 </h1>
   8
   9 <div class="followers-header">
  10   <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter>
  11 </div>
  12
  13 <div class="no-results" i18n *ngIf="pagination.totalItems === 0">No follower found.</div>
  14
  15 <div class="actors" myInfiniteScroller (nearOfBottom)="onNearOfBottom()" [dataObservable]="onDataSubject.asObservable()">
  16   <div *ngFor="let follow of follows" class="actor">
  17     <my-actor-avatar [account]="follow.follower" [href]="follow.follower.url" size="40"></my-actor-avatar>
  18
  19     <div class="actor-info">
  20       <a [href]="follow.follower.url" class="actor-names" rel="noopener noreferrer" target="_blank" i18n-title title="Follower page">
  21         <div class="actor-display-name">{{ follow.follower.name + '@' + follow.follower.host }}</div>
  22         <span class="glyphicon glyphicon-new-window"></span>
  23       </a>
  24
  25       <div class="muted">
  26         <ng-container *ngIf="isFollowingAccount(follow)" i18n>Is following all your channels</ng-container>
  27         <ng-container *ngIf="!isFollowingAccount(follow)" i18n>Is following your channel {{ follow.following.name }}</ng-container>
  28       </div>
  29     </div>
  30   </div>
  31 </div>