Add modal to display live information

2 files changed, 11 insertions, 1 deletions

diff --git a/client/src/app/shared/shared-moderation/video-block.component.html b/client/src/app/shared/shared-moderation/video-block.component.html
index 5e73d66c5..e982c4d77 100644
--- a/client/src/app/shared/shared-moderation/video-block.component.html
+++ b/client/src/app/shared/shared-moderation/video-block.component.html
@@ -1,6 +1,7 @@
 <ng-template #modal>
   <div class="modal-header">
-    <h4 i18n class="modal-title">Block video "{{ video.name }}"</h4>
+    <h4 i18n class="modal-title" *ngIf="!video.isLive">Block video "{{ video.name }}"</h4>
+    <h4 i18n class="modal-title" *ngIf="video.isLive">Block live "{{ video.name }}"</h4>
     <my-global-icon iconName="cross" aria-label="Close" role="button" (click)="hide()"></my-global-icon>
   </div>
 
@@ -28,6 +29,10 @@
         </my-peertube-checkbox>
       </div>
 
+      <strong class="live-info" *ngIf="video.isLive" i18n>
+        Blocking this live will automatically terminate the live stream.
+      </strong>
+
       <div class="form-group inputs">
         <input
           type="button" role="button" i18n-value value="Cancel" class="action-button action-button-cancel"
diff --git a/client/src/app/shared/shared-moderation/video-block.component.scss b/client/src/app/shared/shared-moderation/video-block.component.scss
index afcdb9a16..afa0d96f7 100644
--- a/client/src/app/shared/shared-moderation/video-block.component.scss
+++ b/client/src/app/shared/shared-moderation/video-block.component.scss
@@ -4,3 +4,8 @@
 textarea {
   @include peertube-textarea(100%, 100px);
 }
+
+.live-info {
+  font-size: 15px;
+  margin: 40px 0 20px 0;
+}