]>
Commit | Line | Data |
---|---|---|
4beda9e1 C |
1 | <h1> |
2 | <span> | |
3 | <my-global-icon iconName="follower" aria-hidden="true"></my-global-icon> | |
4 | <ng-container i18n>My followers</ng-container> | |
4c8749cb | 5 | <span *ngIf="pagination.totalItems" class="pt-badge badge-secondary"> {{ pagination.totalItems }}</span> |
4beda9e1 C |
6 | </span> |
7 | </h1> | |
8 | ||
9 | <div class="followers-header"> | |
7e76cc38 | 10 | <my-advanced-input-filter [filters]="inputFilters" (search)="onSearch($event)"></my-advanced-input-filter> |
4beda9e1 C |
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"> | |
87fdea2f | 17 | <my-actor-avatar [actor]="follow.follower" actorType="account" [href]="follow.follower.url" size="40"></my-actor-avatar> |
4beda9e1 C |
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> | |
c2faa073 | 22 | <my-global-icon iconName="external-link"></my-global-icon> |
4beda9e1 C |
23 | </a> |
24 | ||
5b0ec7cd | 25 | <div class="small muted"> |
4beda9e1 C |
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> |