client/src/app/shared/shared-abuse-list/abuse-list-table.component.ts

   1 import * as debug from 'debug'
   2 import truncate from 'lodash-es/truncate'
   3 import { SortMeta } from 'primeng/api'
   4 import { Component, Input, OnInit, ViewChild } from '@angular/core'
   5 import { DomSanitizer } from '@angular/platform-browser'
   6 import { ActivatedRoute, Router } from '@angular/router'
   7 import { ConfirmService, MarkdownService, Notifier, RestPagination, RestTable } from '@app/core'
   8 import { Account, Actor, DropdownAction, Video, VideoService } from '@app/shared/shared-main'
   9 import { AbuseService, BlocklistService, VideoBlockService } from '@app/shared/shared-moderation'
  10 import { VideoCommentService } from '@app/shared/shared-video-comment'
  11 import { AbuseState, AdminAbuse } from '@shared/models'
  12 import { AdvancedInputFilter } from '../shared-forms'
  13 import { AbuseMessageModalComponent } from './abuse-message-modal.component'
  14 import { ModerationCommentModalComponent } from './moderation-comment-modal.component'
  15 import { ProcessedAbuse } from './processed-abuse.model'
  16
  17 const logger = debug('peertube:moderation:AbuseListTableComponent')
  18
  19 @Component({
  20   selector: 'my-abuse-list-table',
  21   templateUrl: './abuse-list-table.component.html',
  22   styleUrls: [ '../shared-moderation/moderation.scss', './abuse-list-table.component.scss' ]
  23 })
  24 export class AbuseListTableComponent extends RestTable implements OnInit {
  25   @Input() viewType: 'admin' | 'user'
  26
  27   @ViewChild('abuseMessagesModal', { static: true }) abuseMessagesModal: AbuseMessageModalComponent
  28   @ViewChild('moderationCommentModal', { static: true }) moderationCommentModal: ModerationCommentModalComponent
  29
  30   abuses: ProcessedAbuse[] = []
  31   totalRecords = 0
  32   sort: SortMeta = { field: 'createdAt', order: 1 }
  33   pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
  34
  35   abuseActions: DropdownAction<ProcessedAbuse>[][] = []
  36
  37   inputFilters: AdvancedInputFilter[] = [
  38     {
  39       title: $localize`Advanced filters`,
  40       children: [
  41         {
  42           value: 'state:pending',
  43           label: $localize`Unsolved reports`
  44         },
  45         {
  46           value: 'state:accepted',
  47           label: $localize`Accepted reports`
  48         },
  49         {
  50           value: 'state:rejected',
  51           label: $localize`Refused reports`
  52         },
  53         {
  54           value: 'videoIs:blacklisted',
  55           label: $localize`Reports with blocked videos`
  56         },
  57         {
  58           value: 'videoIs:deleted',
  59           label: $localize`Reports with deleted videos`
  60         }
  61       ]
  62     }
  63   ]
  64
  65   constructor (
  66     protected route: ActivatedRoute,
  67     protected router: Router,
  68     private notifier: Notifier,
  69     private abuseService: AbuseService,
  70     private blocklistService: BlocklistService,
  71     private commentService: VideoCommentService,
  72     private videoService: VideoService,
  73     private videoBlocklistService: VideoBlockService,
  74     private confirmService: ConfirmService,
  75     private markdownRenderer: MarkdownService,
  76     private sanitizer: DomSanitizer
  77   ) {
  78     super()
  79   }
  80
  81   ngOnInit () {
  82     this.abuseActions = [
  83       this.buildInternalActions(),
  84
  85       this.buildFlaggedAccountActions(),
  86
  87       this.buildCommentActions(),
  88
  89       this.buildVideoActions(),
  90
  91       this.buildAccountActions()
  92     ]
  93
  94     this.initialize()
  95   }
  96
  97   isAdminView () {
  98     return this.viewType === 'admin'
  99   }
 100
 101   getIdentifier () {
 102     return 'AbuseListTableComponent'
 103   }
 104
 105   openModerationCommentModal (abuse: AdminAbuse) {
 106     this.moderationCommentModal.openModal(abuse)
 107   }
 108
 109   onModerationCommentUpdated () {
 110     this.reloadData()
 111   }
 112
 113   isAbuseAccepted (abuse: AdminAbuse) {
 114     return abuse.state.id === AbuseState.ACCEPTED
 115   }
 116
 117   isAbuseRejected (abuse: AdminAbuse) {
 118     return abuse.state.id === AbuseState.REJECTED
 119   }
 120
 121   getVideoUrl (abuse: AdminAbuse) {
 122     return Video.buildWatchUrl(abuse.video)
 123   }
 124
 125   getCommentUrl (abuse: AdminAbuse) {
 126     return Video.buildWatchUrl(abuse.comment.video) + ';threadId=' + abuse.comment.threadId
 127   }
 128
 129   getAccountUrl (abuse: ProcessedAbuse) {
 130     return '/a/' + abuse.flaggedAccount.nameWithHost
 131   }
 132
 133   async removeAbuse (abuse: AdminAbuse) {
 134     const res = await this.confirmService.confirm($localize`Do you really want to delete this abuse report?`, $localize`Delete`)
 135     if (res === false) return
 136
 137     this.abuseService.removeAbuse(abuse)
 138       .subscribe({
 139         next: () => {
 140           this.notifier.success($localize`Abuse deleted.`)
 141           this.reloadData()
 142         },
 143
 144         error: err => this.notifier.error(err.message)
 145       })
 146   }
 147
 148   updateAbuseState (abuse: AdminAbuse, state: AbuseState) {
 149     this.abuseService.updateAbuse(abuse, { state })
 150       .subscribe({
 151         next: () => this.reloadData(),
 152
 153         error: err => this.notifier.error(err.message)
 154       })
 155   }
 156
 157   onCountMessagesUpdated (event: { abuseId: number, countMessages: number }) {
 158     const abuse = this.abuses.find(a => a.id === event.abuseId)
 159
 160     if (!abuse) {
 161       console.error('Cannot find abuse %d.', event.abuseId)
 162       return
 163     }
 164
 165     abuse.countMessages = event.countMessages
 166   }
 167
 168   openAbuseMessagesModal (abuse: AdminAbuse) {
 169     this.abuseMessagesModal.openModal(abuse)
 170   }
 171
 172   isLocalAbuse (abuse: AdminAbuse) {
 173     if (this.viewType === 'user') return true
 174     if (!abuse.reporterAccount) return false
 175
 176     return Actor.IS_LOCAL(abuse.reporterAccount.host)
 177   }
 178
 179   protected reloadData () {
 180     logger('Loading data.')
 181
 182     const options = {
 183       pagination: this.pagination,
 184       sort: this.sort,
 185       search: this.search
 186     }
 187
 188     const observable = this.viewType === 'admin'
 189       ? this.abuseService.getAdminAbuses(options)
 190       : this.abuseService.getUserAbuses(options)
 191
 192     return observable.subscribe({
 193       next: async resultList => {
 194         this.totalRecords = resultList.total
 195
 196         this.abuses = []
 197
 198         for (const a of resultList.data) {
 199           const abuse = a as ProcessedAbuse
 200
 201           abuse.reasonHtml = await this.toHtml(abuse.reason)
 202
 203           if (abuse.moderationComment) {
 204             abuse.moderationCommentHtml = await this.toHtml(abuse.moderationComment)
 205           }
 206
 207           if (abuse.video) {
 208             if (abuse.video.channel?.ownerAccount) {
 209               abuse.video.channel.ownerAccount = new Account(abuse.video.channel.ownerAccount)
 210             }
 211           }
 212
 213           if (abuse.comment) {
 214             if (abuse.comment.deleted) {
 215               abuse.truncatedCommentHtml = abuse.commentHtml = $localize`Deleted comment`
 216             } else {
 217               const truncated = truncate(abuse.comment.text, { length: 100 })
 218               abuse.truncatedCommentHtml = await this.markdownRenderer.textMarkdownToHTML(truncated, true)
 219               abuse.commentHtml = await this.markdownRenderer.textMarkdownToHTML(abuse.comment.text, true)
 220             }
 221           }
 222
 223           if (abuse.reporterAccount) {
 224             abuse.reporterAccount = new Account(abuse.reporterAccount)
 225           }
 226
 227           if (abuse.flaggedAccount) {
 228             abuse.flaggedAccount = new Account(abuse.flaggedAccount)
 229           }
 230
 231           if (abuse.updatedAt === abuse.createdAt) delete abuse.updatedAt
 232
 233           this.abuses.push(abuse)
 234         }
 235       },
 236
 237       error: err => this.notifier.error(err.message)
 238     })
 239   }
 240
 241   private buildInternalActions (): DropdownAction<ProcessedAbuse>[] {
 242     return [
 243       {
 244         label: $localize`Internal actions`,
 245         isHeader: true
 246       },
 247       {
 248         label: this.isAdminView()
 249           ? $localize`Messages with reporter`
 250           : $localize`Messages with moderators`,
 251         handler: abuse => this.openAbuseMessagesModal(abuse),
 252         isDisplayed: abuse => this.isLocalAbuse(abuse)
 253       },
 254       {
 255         label: $localize`Update internal note`,
 256         handler: abuse => this.openModerationCommentModal(abuse),
 257         isDisplayed: abuse => this.isAdminView() && !!abuse.moderationComment
 258       },
 259       {
 260         label: $localize`Mark as accepted`,
 261         handler: abuse => this.updateAbuseState(abuse, AbuseState.ACCEPTED),
 262         isDisplayed: abuse => this.isAdminView() && !this.isAbuseAccepted(abuse)
 263       },
 264       {
 265         label: $localize`Mark as rejected`,
 266         handler: abuse => this.updateAbuseState(abuse, AbuseState.REJECTED),
 267         isDisplayed: abuse => this.isAdminView() && !this.isAbuseRejected(abuse)
 268       },
 269       {
 270         label: $localize`Add internal note`,
 271         handler: abuse => this.openModerationCommentModal(abuse),
 272         isDisplayed: abuse => this.isAdminView() && !abuse.moderationComment
 273       },
 274       {
 275         label: $localize`Delete report`,
 276         handler: abuse => this.isAdminView() && this.removeAbuse(abuse)
 277       }
 278     ]
 279   }
 280
 281   private buildFlaggedAccountActions (): DropdownAction<ProcessedAbuse>[] {
 282     if (!this.isAdminView()) return []
 283
 284     return [
 285       {
 286         label: $localize`Actions for the flagged account`,
 287         isHeader: true,
 288         isDisplayed: abuse => abuse.flaggedAccount && !abuse.comment && !abuse.video
 289       },
 290
 291       {
 292         label: $localize`Mute account`,
 293         isDisplayed: abuse => abuse.flaggedAccount && !abuse.comment && !abuse.video,
 294         handler: abuse => this.muteAccountHelper(abuse.flaggedAccount)
 295       },
 296
 297       {
 298         label: $localize`Mute server account`,
 299         isDisplayed: abuse => abuse.flaggedAccount && !abuse.comment && !abuse.video,
 300         handler: abuse => this.muteServerHelper(abuse.flaggedAccount.host)
 301       }
 302     ]
 303   }
 304
 305   private buildAccountActions (): DropdownAction<ProcessedAbuse>[] {
 306     if (!this.isAdminView()) return []
 307
 308     return [
 309       {
 310         label: $localize`Actions for the reporter`,
 311         isHeader: true,
 312         isDisplayed: abuse => !!abuse.reporterAccount
 313       },
 314
 315       {
 316         label: $localize`Mute reporter`,
 317         isDisplayed: abuse => !!abuse.reporterAccount,
 318         handler: abuse => this.muteAccountHelper(abuse.reporterAccount)
 319       },
 320
 321       {
 322         label: $localize`Mute server`,
 323         isDisplayed: abuse => abuse.reporterAccount && !abuse.reporterAccount.userId,
 324         handler: abuse => this.muteServerHelper(abuse.reporterAccount.host)
 325       }
 326     ]
 327   }
 328
 329   private buildVideoActions (): DropdownAction<ProcessedAbuse>[] {
 330     if (!this.isAdminView()) return []
 331
 332     return [
 333       {
 334         label: $localize`Actions for the video`,
 335         isHeader: true,
 336         isDisplayed: abuse => abuse.video && !abuse.video.deleted
 337       },
 338       {
 339         label: $localize`Block video`,
 340         isDisplayed: abuse => abuse.video && !abuse.video.deleted && !abuse.video.blacklisted,
 341         handler: abuse => {
 342           this.videoBlocklistService.blockVideo([ { videoId: abuse.video.id, unfederate: abuse.video.channel.isLocal } ])
 343             .subscribe({
 344               next: () => {
 345                 this.notifier.success($localize`Video blocked.`)
 346
 347                 this.updateAbuseState(abuse, AbuseState.ACCEPTED)
 348               },
 349
 350               error: err => this.notifier.error(err.message)
 351             })
 352         }
 353       },
 354       {
 355         label: $localize`Unblock video`,
 356         isDisplayed: abuse => abuse.video && !abuse.video.deleted && abuse.video.blacklisted,
 357         handler: abuse => {
 358           this.videoBlocklistService.unblockVideo(abuse.video.id)
 359             .subscribe({
 360               next: () => {
 361                 this.notifier.success($localize`Video unblocked.`)
 362
 363                 this.updateAbuseState(abuse, AbuseState.ACCEPTED)
 364               },
 365
 366               error: err => this.notifier.error(err.message)
 367             })
 368         }
 369       },
 370       {
 371         label: $localize`Delete video`,
 372         isDisplayed: abuse => abuse.video && !abuse.video.deleted,
 373         handler: async abuse => {
 374           const res = await this.confirmService.confirm(
 375             $localize`Do you really want to delete this video?`,
 376             $localize`Delete`
 377           )
 378           if (res === false) return
 379
 380           this.videoService.removeVideo(abuse.video.id)
 381             .subscribe({
 382               next: () => {
 383                 this.notifier.success($localize`Video deleted.`)
 384
 385                 this.updateAbuseState(abuse, AbuseState.ACCEPTED)
 386               },
 387
 388               error: err => this.notifier.error(err.message)
 389             })
 390         }
 391       }
 392     ]
 393   }
 394
 395   private buildCommentActions (): DropdownAction<ProcessedAbuse>[] {
 396     if (!this.isAdminView()) return []
 397
 398     return [
 399       {
 400         label: $localize`Actions for the comment`,
 401         isHeader: true,
 402         isDisplayed: abuse => abuse.comment && !abuse.comment.deleted
 403       },
 404
 405       {
 406         label: $localize`Delete comment`,
 407         isDisplayed: abuse => abuse.comment && !abuse.comment.deleted,
 408         handler: async abuse => {
 409           const res = await this.confirmService.confirm(
 410             $localize`Do you really want to delete this comment?`,
 411             $localize`Delete`
 412           )
 413           if (res === false) return
 414
 415           this.commentService.deleteVideoComment(abuse.comment.video.id, abuse.comment.id)
 416             .subscribe({
 417               next: () => {
 418                 this.notifier.success($localize`Comment deleted.`)
 419
 420                 this.updateAbuseState(abuse, AbuseState.ACCEPTED)
 421               },
 422
 423               error: err => this.notifier.error(err.message)
 424             })
 425         }
 426       }
 427     ]
 428   }
 429
 430   private muteAccountHelper (account: Account) {
 431     this.blocklistService.blockAccountByInstance(account)
 432       .subscribe({
 433         next: () => {
 434           this.notifier.success($localize`Account ${account.nameWithHost} muted by the instance.`)
 435           account.mutedByInstance = true
 436         },
 437
 438         error: err => this.notifier.error(err.message)
 439       })
 440   }
 441
 442   private muteServerHelper (host: string) {
 443     this.blocklistService.blockServerByInstance(host)
 444       .subscribe({
 445         next: () => {
 446           this.notifier.success($localize`Server ${host} muted by the instance.`)
 447         },
 448
 449         error: err => this.notifier.error(err.message)
 450       })
 451   }
 452
 453   private toHtml (text: string) {
 454     return this.markdownRenderer.textMarkdownToHTML(text)
 455   }
 456 }