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"
  34            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="Accept"
  43                      icon="tick"
  44                      (click)="openAcceptModal(videoChangeOwnership)"></my-button>
  45           <my-button i18n label="Refuse"
  46                      icon="cross"
  47                      (click)="refuse(videoChangeOwnership)">Refuse</my-button>
  48         </ng-container>
  49       </td>
  50     </tr>
  51   </ng-template>
  52 </p-table>
  53
  54 <my-account-accept-ownership #myAccountAcceptOwnershipComponent (accepted)="accepted()"></my-account-accept-ownership>