client/src/app/+my-account/my-account-blocklist/my-account-blocklist.component.html

   1 <div class="admin-sub-header">
   2   <div i18n class="form-sub-title">Muted accounts</div>
   3 </div>
   4
   5 <p-table
   6   [value]="blockedAccounts" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
   7   [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)"
   8 >
   9
  10   <ng-template pTemplate="header">
  11     <tr>
  12       <th i18n>Account</th>
  13       <th i18n pSortableColumn="createdAt">Muted at <p-sortIcon field="createdAt"></p-sortIcon></th>
  14       <th></th> <!-- column for action buttons -->
  15     </tr>
  16   </ng-template>
  17
  18   <ng-template pTemplate="body" let-accountBlock>
  19     <tr>
  20       <td>{{ accountBlock.blockedAccount.nameWithHost }}</td>
  21       <td>{{ accountBlock.createdAt }}</td>
  22       <td class="action-cell">
  23         <button class="unblock-button" (click)="unblockAccount(accountBlock)" i18n>Unmute</button>
  24       </td>
  25     </tr>
  26   </ng-template>
  27 </p-table>