2 <my-global-icon iconName=
"following" aria-hidden=
"true"></my-global-icon>
3 <ng-container i18n
>Your instance subscriptions
</ng-container>
7 [value]=
"following" [paginator]=
"totalRecords > 0" [totalRecords]=
"totalRecords" [rows]=
"rowsPerPage" [first]=
"pagination.start"
8 [rowsPerPageOptions]=
"rowsPerPageOptions" [sortField]=
"sort.field" [sortOrder]=
"sort.order" (onLazyLoad)=
"loadLazy($event)"
9 [lazy]=
"true" (onLazyLoad)=
"loadLazy($event)" [lazyLoadOnInit]=
"false"
10 [showCurrentPageReport]=
"true" i18n-currentPageReportTemplate
11 currentPageReportTemplate=
"Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} hosts"
12 [(selection)]=
"selectedFollows"
14 <ng-template pTemplate=
"caption">
16 <div class=
"left-buttons">
18 *
ngIf=
"isInSelectionMode()" i18n-label
label=
"Batch actions" theme=
"orange"
19 [actions]=
"bulkFollowsActions" [entry]=
"selectedFollows"
23 <a *
ngIf=
"!isInSelectionMode()" class=
"follow-button" (click)=
"openFollowModal()" (key.enter)=
"openFollowModal()">
24 <my-global-icon iconName=
"following" aria-hidden=
"true"></my-global-icon>
25 <ng-container i18n
>Follow
</ng-container>
30 <my-advanced-input-filter [filters]=
"searchFilters" (search)=
"onSearch($event)"></my-advanced-input-filter>
35 <ng-template pTemplate=
"header">
37 <th style=
"width: 40px">
38 <p-tableHeaderCheckbox ariaLabel=
"Select all rows" i18n-ariaLabel
></p-tableHeaderCheckbox>
40 <th style=
"width: 150px;" i18n
>Action
</th>
41 <th i18n
>Following
</th>
42 <th style=
"width: 100px;" i18n
pSortableColumn=
"state">State
<p-sortIcon field=
"state"></p-sortIcon></th>
43 <th style=
"width: 150px;" i18n
pSortableColumn=
"createdAt">Created
<p-sortIcon field=
"createdAt"></p-sortIcon></th>
44 <th style=
"width: 160px;" i18n
pSortableColumn=
"redundancyAllowed">Redundancy allowed
<p-sortIcon field=
"redundancyAllowed"></p-sortIcon></th>
48 <ng-template pSelectableRow=
"follow" pTemplate=
"body" let-follow
>
50 <td class=
"checkbox-cell">
51 <p-tableCheckbox [value]=
"follow" ariaLabel=
"Select this row" i18n-ariaLabel
></p-tableCheckbox>
54 <td class=
"action-cell">
55 <my-delete-button label (click)=
"removeFollowing([ follow ])"></my-delete-button>
58 <a [href]=
"follow.following.url" i18n-title
title=
"Open instance in a new tab" target=
"_blank" rel=
"noopener noreferrer">
59 {{ buildFollowingName(follow) }}
60 <my-global-icon iconName=
"external-link"></my-global-icon>
65 <span *
ngIf=
"follow.state === 'accepted'" class=
"pt-badge badge-green" i18n
>Accepted
</span>
66 <span *
ngIf=
"follow.state === 'pending'" class=
"pt-badge badge-yellow" i18n
>Pending
</span>
67 <span *
ngIf=
"follow.state === 'rejected'" class=
"pt-badge badge-red" i18n
>Rejected
</span>
70 <td>{{ follow.createdAt | date: 'short' }}
</td>
72 <my-redundancy-checkbox
73 *
ngIf=
"isInstanceFollowing(follow)"
74 [host]=
"follow.following.host" [redundancyAllowed]=
"follow.following.hostRedundancyAllowed"
75 ></my-redundancy-checkbox>
80 <ng-template pTemplate=
"emptymessage">
83 <div class=
"no-results">
84 <ng-container *
ngIf=
"search" i18n
>No host found matching current filters.
</ng-container>
85 <ng-container *
ngIf=
"!search" i18n
>Your instance is not following anyone.
</ng-container>
92 <my-follow-modal #followModal
></my-follow-modal>