client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html

   1 <p-table
   2   [value]="videoImports" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
   3   [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)"
   4 >
   5   <ng-template pTemplate="header">
   6     <tr>
   7       <th i18n>URL</th>
   8       <th i18n>Video</th>
   9       <th i18n style="width: 150px">State</th>
  10       <th i18n pSortableColumn="createdAt">Created <p-sortIcon field="createdAt"></p-sortIcon></th>
  11       <th></th>
  12     </tr>
  13   </ng-template>
  14
  15   <ng-template pTemplate="body" let-videoImport>
  16     <tr>
  17       <td>
  18         <a [href]="videoImport.targetUrl" target="_blank" rel="noopener noreferrer">{{ videoImport.targetUrl }}</a>
  19       </td>
  20
  21       <td *ngIf="isVideoImportPending(videoImport)">
  22         {{ videoImport.video.name }}
  23       </td>
  24       <td *ngIf="isVideoImportSuccess(videoImport)">
  25         <a [href]="getVideoUrl(videoImport.video)" target="_blank" rel="noopener noreferrer">{{ videoImport.video.name }}</a>
  26       </td>
  27       <td *ngIf="isVideoImportFailed(videoImport)"></td>
  28
  29       <td>{{ videoImport.state.label }}</td>
  30       <td>{{ videoImport.createdAt }}</td>
  31
  32       <td class="action-cell">
  33         <my-edit-button *ngIf="isVideoImportSuccess(videoImport)" [routerLink]="getEditVideoUrl(videoImport.video)"></my-edit-button>
  34       </td>
  35     </tr>
  36   </ng-template>
  37 </p-table>