2 [value]=
"blockedAccounts" [paginator]=
"totalRecords > 0" [totalRecords]=
"totalRecords" [rows]=
"rowsPerPage" [rowsPerPageOptions]=
"rowsPerPageOptions"
3 [sortField]=
"sort.field" [sortOrder]=
"sort.order" (onPage)=
"onPage($event)"
4 [lazy]=
"true" (onLazyLoad)=
"loadLazy($event)" [lazyLoadOnInit]=
"false"
5 [showCurrentPageReport]=
"true" i18n-currentPageReportTemplate
6 currentPageReportTemplate=
"Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} muted accounts"
8 <ng-template pTemplate=
"caption">
11 <my-advanced-input-filter (search)=
"onSearch($event)"></my-advanced-input-filter>
16 <ng-template pTemplate=
"header">
18 <th style=
"width: 150px;">Action
</th> <!-- column for action buttons -->
19 <th style=
"width: calc(100% - 300px);" i18n
>Account
</th>
20 <th style=
"width: 150px;" i18n
pSortableColumn=
"createdAt">Muted at
<p-sortIcon field=
"createdAt"></p-sortIcon></th>
24 <ng-template pTemplate=
"body" let-accountBlock
>
26 <td class=
"action-cell">
27 <button class=
"unblock-button" (click)=
"unblockAccount(accountBlock)" i18n
>Unmute
</button>
31 <a [href]=
"accountBlock.blockedAccount.url" i18n-title
title=
"Open account in a new tab" target=
"_blank" rel=
"noopener noreferrer">
32 <div class=
"chip two-lines">
33 <my-actor-avatar [account]=
"accountBlock.blockedAccount"></my-actor-avatar>
35 {{ accountBlock.blockedAccount.displayName }}
36 <span class=
"text-muted">{{ accountBlock.blockedAccount.nameWithHost }}
</span>
42 <td>{{ accountBlock.createdAt | date: 'short' }}
</td>
46 <ng-template pTemplate=
"emptymessage">
49 <div class=
"no-results">
50 <ng-container *
ngIf=
"search" i18n
>No account found matching current filters.
</ng-container>
51 <ng-container *
ngIf=
"!search" i18n
>No account found.
</ng-container>