client/src/app/+admin/moderation/instance-blocklist/instance-account-blocklist.component.html

   1 <p-table
   2   [value]="blockedAccounts" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
   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"
   6 >
   7
   8   <ng-template pTemplate="header">
   9     <tr>
  10       <th i18n>Account</th>
  11       <th style="width: 200px;" i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
  12       <th style="width: 100px;"></th> <!-- column for action buttons -->
  13     </tr>
  14   </ng-template>
  15
  16   <ng-template pTemplate="body" let-accountBlock>
  17     <tr>
  18       <td>{{ accountBlock.blockedAccount.nameWithHost }}</td>
  19       <td>{{ accountBlock.createdAt }}</td>
  20       <td class="action-cell">
  21         <button class="unblock-button" (click)="unblockAccount(accountBlock)" i18n>Unmute</button>
  22       </td>
  23     </tr>
  24   </ng-template>
  25 </p-table>