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

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