Don't display remove file icon in some cases

2 files changed, 6 insertions, 0 deletions

diff --git a/client/src/app/+admin/overview/videos/video-list.component.html b/client/src/app/+admin/overview/videos/video-list.component.html
index 06b9ab347..14bbb55e9 100644
--- a/client/src/app/+admin/overview/videos/video-list.component.html
+++ b/client/src/app/+admin/overview/videos/video-list.component.html
@@ -109,6 +109,7 @@
                 {{ file.resolution.label }}: {{ file.size | bytes: 1 }}
 
                 <my-global-icon
+                  *ngIf="canRemoveOneFile(video)"
                   i18n-ngbTooltip ngbTooltip="Delete this file" iconName="delete" role="button"
                   (click)="removeVideoFile(video, file, 'webtorrent')"
                 ></my-global-icon>
@@ -124,6 +125,7 @@
                 {{ file.resolution.label }}: {{ file.size | bytes: 1 }}
 
                 <my-global-icon
+                  *ngIf="canRemoveOneFile(video)"
                   i18n-ngbTooltip ngbTooltip="Delete this file" iconName="delete" role="button"
                   (click)="removeVideoFile(video, file, 'hls')"
                 ></my-global-icon>
diff --git a/client/src/app/+admin/overview/videos/video-list.component.ts b/client/src/app/+admin/overview/videos/video-list.component.ts
index ed7ec54a1..cb693ce12 100644
--- a/client/src/app/+admin/overview/videos/video-list.component.ts
+++ b/client/src/app/+admin/overview/videos/video-list.component.ts
@@ -166,6 +166,10 @@ export class VideoListComponent extends RestTable implements OnInit {
     return video.files.length !== 0
   }
 
+  canRemoveOneFile (video: Video) {
+    return video.canRemoveOneFile(this.authUser)
+  }
+
   getFilesSize (video: Video) {
     let files = video.files