Move abuse-list details into its own component

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-video-imports / my-account-video-imports.component.html

diff --git a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
index 9226643381c4246b2600b3f199edecd2e02bab26..7d447cdb363c92f1f9fe89d78ec1ff9164090a76 100644 (file)
--- a/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
+++ b/client/src/app/+my-account/my-account-video-imports/my-account-video-imports.component.html
@@ -1,6 +1,7 @@
 <p-table
-  [value]="videoImports" [lazy]="true" [paginator]="true" [totalRecords]="totalRecords" [rows]="rowsPerPage"
+  [value]="videoImports" [lazy]="true" [paginator]="totalRecords > 0" [totalRecords]="totalRecords" [rows]="rowsPerPage"
   [sortField]="sort.field" [sortOrder]="sort.order" (onLazyLoad)="loadLazy($event)" dataKey="id"
+  (onPage)="onPage()" [expandedRowKeys]="expandedRows"
 >
   <ng-template pTemplate="header">
     <tr>
@@ -28,13 +29,14 @@
         </ng-template>
       </td>
 
-      <td *ngIf="isVideoImportPending(videoImport)">
-        {{ videoImport.video?.name }}
-      </td>
-      <td *ngIf="isVideoImportSuccess(videoImport) && videoImport.video">
-        <a [href]="getVideoUrl(videoImport.video)" target="_blank" rel="noopener noreferrer">{{ videoImport.video?.name }}</a>
+      <td>
+        <ng-container *ngIf="isVideoImportPending(videoImport)">{{ videoImport.video?.name }}</ng-container>
+        <ng-container *ngIf="isVideoImportSuccess(videoImport) && videoImport.video">
+          <a [href]="getVideoUrl(videoImport.video)" target="_blank" rel="noopener noreferrer">{{ videoImport.video?.name }}</a>
+        </ng-container>
+        <ng-container *ngIf="isVideoImportSuccess(videoImport) && !videoImport.video" i18n>This video was deleted</ng-container>
+        <ng-container *ngIf="isVideoImportFailed(videoImport)"></ng-container>
       </td>
-      <td *ngIf="isVideoImportFailed(videoImport)"></td>
 
       <td>{{ videoImport.state.label }}</td>
       <td>{{ videoImport.createdAt }}</td>