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)"
13 <a class=
"ml-2 follow-button" (click)=
"addDomainsToFollow()" (key.enter)=
"addDomainsToFollow()">
14 <my-global-icon iconName=
"add"></my-global-icon>
15 <ng-container i18n
>Follow domain
</ng-container>
20 <ng-template pTemplate=
"header">
23 <th i18n
pSortableColumn=
"state">State
<p-sortIcon field=
"state"></p-sortIcon></th>
24 <th i18n
pSortableColumn=
"createdAt">Created
<p-sortIcon field=
"createdAt"></p-sortIcon></th>
25 <th i18n
pSortableColumn=
"redundancyAllowed">Redundancy allowed
<p-sortIcon field=
"redundancyAllowed"></p-sortIcon></th>
30 <ng-template pTemplate=
"body" let-follow
>
32 <td>{{ follow.following.host }}
</td>
34 <td *
ngIf=
"follow.state === 'accepted'" i18n
>Accepted
</td>
35 <td *
ngIf=
"follow.state === 'pending'" i18n
>Pending
</td>
37 <td>{{ follow.createdAt }}
</td>
39 <my-redundancy-checkbox
40 [host]=
"follow.following.host" [redundancyAllowed]=
"follow.following.hostRedundancyAllowed"
41 ></my-redundancy-checkbox>
43 <td class=
"action-cell">
44 <my-delete-button (click)=
"removeFollowing(follow)"></my-delete-button>
50 <my-batch-domains-modal #batchDomainsModal i18n-action
action=
"Follow domains" (domains)=
"addFollowing($event)"></my-batch-domains-modal>