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

   1 <h1 class="sr-only" i18n>Ownership changes</h1>
   2 <p-table
   3     [value]="videoChangeOwnerships"
   4     [lazy]="true"
   5     [paginator]="totalRecords > 0"
   6     [totalRecords]="totalRecords"
   7     [rows]="rowsPerPage"
   8     [sortField]="sort.field"
   9     [sortOrder]="sort.order"
  10     (onLazyLoad)="loadLazy($event)"
  11 >
  12   <ng-template pTemplate="header">
  13     <tr>
  14       <th i18n>Initiator</th>
  15       <th i18n>Video</th>
  16       <th i18n pSortableColumn="createdAt">
  17         Created
  18         <p-sortIcon field="createdAt"></p-sortIcon>
  19       </th>
  20       <th i18n>Status</th>
  21       <th i18n>Action</th>
  22     </tr>
  23   </ng-template>
  24
  25   <ng-template pTemplate="body" let-videoChangeOwnership>
  26     <tr>
  27       <td>
  28         <a [href]="videoChangeOwnership.initiatorAccount.url" i18n-title title="Account page"
  29            target="_blank" rel="noopener noreferrer">
  30           {{ createByString(videoChangeOwnership.initiatorAccount) }}
  31         </a>
  32       </td>
  33       <td>
  34         <a [href]="videoChangeOwnership.video.url" i18n-title title="Video page" target="_blank" rel="noopener noreferrer">
  35           {{ videoChangeOwnership.video.name }}
  36         </a>
  37       </td>
  38       <td>{{ videoChangeOwnership.createdAt }}</td>
  39       <td i18n>{{ videoChangeOwnership.status }}</td>
  40       <td class="action-cell">
  41         <ng-container *ngIf="videoChangeOwnership.status === 'WAITING'">
  42           <my-button i18n-label label="Accept" icon="tick" (click)="openAcceptModal(videoChangeOwnership)"></my-button>
  43           <my-button i18n-label label="Refuse" icon="cross" (click)="refuse(videoChangeOwnership)"></my-button>
  44         </ng-container>
  45       </td>
  46     </tr>
  47   </ng-template>
  48 </p-table>
  49
  50 <my-account-accept-ownership #myAccountAcceptOwnershipComponent (accepted)="accepted()"></my-account-accept-ownership>