2 [value]=
"blockedAccounts" [lazy]=
"true" [paginator]=
"true" [totalRecords]=
"totalRecords" [rows]=
"rowsPerPage" [rowsPerPageOptions]=
"rowsPerPageOptions"
3 [sortField]=
"sort.field" [sortOrder]=
"sort.order" (onLazyLoad)=
"loadLazy($event)"
4 [showCurrentPageReport]=
"true" i18n-currentPageReportTemplate
5 currentPageReportTemplate=
"Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} muted accounts"
7 <ng-template pTemplate=
"caption">
11 type=
"text" name=
"table-filter" id=
"table-filter" i18n-placeholder
placeholder=
"Filter..."
12 (keyup)=
"onSearch($event)"
18 <ng-template pTemplate=
"header">
20 <th style=
"width: 100%;" i18n
>Account
</th>
21 <th style=
"width: 190px;" i18n
pSortableColumn=
"createdAt">Muted at
<p-sortIcon field=
"createdAt"></p-sortIcon></th>
22 <th style=
"width: 100px;"></th> <!-- column for action buttons -->
26 <ng-template pTemplate=
"body" let-accountBlock
>
29 <a [href]=
"accountBlock.blockedAccount.url" i18n-title
title=
"Open account in a new tab" target=
"_blank" rel=
"noopener noreferrer">
30 <div class=
"chip two-lines">
33 [src]=
"accountBlock.blockedAccount.avatar?.path"
34 (error)=
"switchToDefaultAvatar($event)"
38 {{ accountBlock.blockedAccount.displayName }}
39 <span class=
"text-muted">{{ accountBlock.blockedAccount.nameWithHost }}
</span>
45 <td>{{ accountBlock.createdAt }}
</td>
46 <td class=
"action-cell">
47 <button class=
"unblock-button" (click)=
"unblockAccount(accountBlock)" i18n
>Unmute
</button>
52 <ng-template pTemplate=
"emptymessage">
55 <div class=
"empty-table-message">
56 <ng-container *
ngIf=
"search" i18n
>No account found matching current filters.
</ng-container>
57 <ng-container *
ngIf=
"!search" i18n
>No account found.
</ng-container>