From c195975c546ecfb0e6228c43a9c855b8c3e09d63 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 16 Nov 2020 15:41:15 +0100
Subject: Use badge in video block list

---
 .../video-block-list.component.html                 | 21 +++++++++++----------
 .../video-block-list.component.scss                 |  4 ++++
 .../video-block-list/video-block-list.component.ts  |  6 ------
 3 files changed, 15 insertions(+), 16 deletions(-)

(limited to 'client/src/app')

diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
index 7250b1368..c7275de1b 100644
--- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
+++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.html
@@ -80,16 +80,17 @@
         </a>
       </td>
 
-      <ng-container *ngIf="videoBlock.reason">
-        <td class="c-hand" [pRowToggler]="videoBlock">{{ booleanToText(videoBlock.video.nsfw) }}</td>
-        <td class="c-hand" [pRowToggler]="videoBlock">{{ booleanToText(videoBlock.unfederated) }}</td>
-        <td class="c-hand" [pRowToggler]="videoBlock">{{ videoBlock.createdAt | date: 'short' }}</td>
-      </ng-container>
-      <ng-container *ngIf="!videoBlock.reason">
-        <td>{{ booleanToText(videoBlock.video.nsfw) }}</td>
-        <td>{{ booleanToText(videoBlock.unfederated) }}</td>
-        <td>{{ videoBlock.createdAt | date: 'short' }}</td>
-      </ng-container>
+      <td>
+        <span *ngIf="videoBlock.video.nsfw" class="badge badge-red" i18n>NSFW</span>
+      </td>
+
+      <td>
+        <span *ngIf="videoBlock.unfederated" class="badge badge-blue" i18n>Unfederated</span>
+      </td>
+
+      <td>
+        {{ videoBlock.createdAt | date: 'short' }}
+      </td>
     </tr>
   </ng-template>
 
diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss
index 0e34150c1..b67e33cc1 100644
--- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss
+++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.scss
@@ -21,3 +21,7 @@ my-global-icon {
     flex-grow: 1;
   }
 }
+
+.badge {
+  @include table-badge;
+}
diff --git a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.ts b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.ts
index 82818547c..1d0e56bfd 100644
--- a/client/src/app/+admin/moderation/video-block-list/video-block-list.component.ts
+++ b/client/src/app/+admin/moderation/video-block-list/video-block-list.component.ts
@@ -138,12 +138,6 @@ export class VideoBlockListComponent extends RestTable implements OnInit, AfterV
     return Video.buildClientUrl(videoBlock.video.uuid)
   }
 
-  booleanToText (value: boolean) {
-    if (value === true) return $localize`yes`
-
-    return $localize`no`
-  }
-
   toHtml (text: string) {
     return this.markdownRenderer.textMarkdownToHTML(text)
   }
-- 
cgit v1.2.3