display reported timestamp in video-abuse-detail

Chocobozzz · Jun 13, 2020 · 49651ef · 49651ef
1 parent 0c4a36c
commit 49651ef
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/client/src/app/+admin/moderation/video-abuse-list/video-abuse-details.component.html b/client/src/app/+admin/moderation/video-abuse-list/video-abuse-details.component.html
@@ -66,6 +66,13 @@
  </span>
  </div>
 
+ <div *ngIf="videoAbuse.startAt" class="mt-2 d-flex">
+ <span class="col-3 moderation-expanded-label" i18n>Reported parts</span>
+ <span class="col-9">
+ {{ startAt }}<ng-container *ngIf="videoAbuse.endAt"> - {{ endAt }}</ng-container>
+ </span>
+ </div>
+
  <div class="mt-3 d-flex" *ngIf="videoAbuse.moderationComment">
  <span class="col-3 moderation-expanded-label" i18n>Note</span>
  <span class="col-9 moderation-expanded-text" [innerHTML]="videoAbuse.moderationCommentHtml"></span>

diff --git a/client/src/app/+admin/moderation/video-abuse-list/video-abuse-details.component.ts b/client/src/app/+admin/moderation/video-abuse-list/video-abuse-details.component.ts
@@ -3,6 +3,7 @@ import { Actor } from '@app/shared/actor/actor.model'
 import { VideoAbusePredefinedReasons } from '../../../../../../shared/models/videos/abuse/video-abuse-reason.model'
 import { ProcessedVideoAbuse } from './video-abuse-list.component'
 import { I18n } from '@ngx-translate/i18n-polyfill'
+import { durationToString } from '@app/shared/misc/utils'
 
 @Component({
  selector: 'my-video-abuse-details',
@@ -30,12 +31,21 @@ export class VideoAbuseDetailsComponent {
  }
 
  get predefinedReasons () {
+ if (!this.videoAbuse.predefinedReasons) return []
  return this.videoAbuse.predefinedReasons.map(r => ({
  id: r,
  label: this.predefinedReasonsTranslations[r]
  }))
  }
 
+ get startAt () {
+ return durationToString(this.videoAbuse.startAt)
+ }
+
+ get endAt () {
+ return durationToString(this.videoAbuse.endAt)
+ }
+
  switchToDefaultAvatar ($event: Event) {
  ($event.target as HTMLImageElement).src = Actor.GET_DEFAULT_AVATAR_URL()
  }