2 [value]=
"following" [lazy]=
"true" [paginator]=
"true" [totalRecords]=
"totalRecords" [rows]=
"rowsPerPage"
3 [sortField]=
"sort.field" [sortOrder]=
"sort.order" (onLazyLoad)=
"loadLazy($event)"
5 <ng-template pTemplate=
"caption">
9 type=
"text" name=
"table-filter" id=
"table-filter" i18n-placeholder
placeholder=
"Filter..."
10 (keyup)=
"onSearch($event)"
16 <ng-template pTemplate=
"header">
19 <th i18n
pSortableColumn=
"state">State
<p-sortIcon field=
"state"></p-sortIcon></th>
20 <th i18n
pSortableColumn=
"createdAt">Created
<p-sortIcon field=
"createdAt"></p-sortIcon></th>
21 <th i18n
pSortableColumn=
"redundancyAllowed">Redundancy allowed
<p-sortIcon field=
"redundancyAllowed"></p-sortIcon></th>
26 <ng-template pTemplate=
"body" let-follow
>
28 <td>{{ follow.following.host }}
</td>
30 <td *
ngIf=
"follow.state === 'accepted'" i18n
>Accepted
</td>
31 <td *
ngIf=
"follow.state === 'pending'" i18n
>Pending
</td>
33 <td>{{ follow.createdAt }}
</td>
35 <my-redundancy-checkbox
36 [host]=
"follow.following.host" [redundancyAllowed]=
"follow.following.hostRedundancyAllowed"
37 ></my-redundancy-checkbox>
39 <td class=
"action-cell">
40 <my-delete-button (click)=
"removeFollowing(follow)"></my-delete-button>