]>
Commit | Line | Data |
---|---|---|
1 | <h1> | |
2 | <span class="text-nowrap me-2"> | |
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 [actor]="follow.follower" actorType="account" [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 | <my-global-icon iconName="external-link"></my-global-icon> | |
23 | </a> | |
24 | ||
25 | <div class="small 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> |