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

   1 <p-table
   2   [value]="blockedServers" [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 instances"
   6 >
   7
   8   <ng-template pTemplate="header">
   9     <tr>
  10       <th i18n>Instance</th>
  11       <th i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
  12       <th></th> <!-- column for action buttons -->
  13     </tr>
  14   </ng-template>
  15
  16   <ng-template pTemplate="body" let-serverBlock>
  17     <tr>
  18       <td>{{ serverBlock.blockedServer.host }}</td>
  19       <td>{{ serverBlock.createdAt }}</td>
  20       <td class="action-cell">
  21         <button class="unblock-button" (click)="unblockServer(serverBlock)" i18n>Unmute</button>
  22       </td>
  23     </tr>
  24   </ng-template>
  25 </p-table>