client/src/app/+admin/moderation/video-comment-list/video-comment-list.component.ts

   1 import { SortMeta } from 'primeng/api'
   2 import { filter } from 'rxjs/operators'
   3 import { AfterViewInit, Component, OnInit } from '@angular/core'
   4 import { ActivatedRoute, Params, Router } from '@angular/router'
   5 import { AuthService, ConfirmService, MarkdownService, Notifier, RestPagination, RestTable } from '@app/core'
   6 import { DropdownAction } from '@app/shared/shared-main'
   7 import { BulkService } from '@app/shared/shared-moderation'
   8 import { VideoCommentAdmin, VideoCommentService } from '@app/shared/shared-video-comment'
   9 import { FeedFormat, UserRight } from '@shared/models'
  10
  11 @Component({
  12   selector: 'my-video-comment-list',
  13   templateUrl: './video-comment-list.component.html',
  14   styleUrls: [ '../../../shared/shared-moderation/moderation.scss', './video-comment-list.component.scss' ]
  15 })
  16 export class VideoCommentListComponent extends RestTable implements OnInit, AfterViewInit {
  17   comments: VideoCommentAdmin[]
  18   totalRecords = 0
  19   sort: SortMeta = { field: 'createdAt', order: -1 }
  20   pagination: RestPagination = { count: this.rowsPerPage, start: 0 }
  21
  22   videoCommentActions: DropdownAction<VideoCommentAdmin>[][] = []
  23
  24   syndicationItems = [
  25     {
  26       format: FeedFormat.RSS,
  27       label: 'media rss 2.0',
  28       url: VideoCommentService.BASE_FEEDS_URL + FeedFormat.RSS.toLowerCase()
  29     },
  30     {
  31       format: FeedFormat.ATOM,
  32       label: 'atom 1.0',
  33       url: VideoCommentService.BASE_FEEDS_URL + FeedFormat.ATOM.toLowerCase()
  34     },
  35     {
  36       format: FeedFormat.JSON,
  37       label: 'json 1.0',
  38       url: VideoCommentService.BASE_FEEDS_URL + FeedFormat.JSON.toLowerCase()
  39     }
  40   ]
  41
  42   get authUser () {
  43     return this.auth.getUser()
  44   }
  45
  46   constructor (
  47     private auth: AuthService,
  48     private notifier: Notifier,
  49     private confirmService: ConfirmService,
  50     private videoCommentService: VideoCommentService,
  51     private markdownRenderer: MarkdownService,
  52     private route: ActivatedRoute,
  53     private router: Router,
  54     private bulkService: BulkService
  55     ) {
  56     super()
  57
  58     this.videoCommentActions = [
  59       [
  60         {
  61           label: $localize`Delete this comment`,
  62           handler: comment => this.deleteComment(comment),
  63           isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO_COMMENT)
  64         },
  65
  66         {
  67           label: $localize`Delete all comments of this account`,
  68           description: $localize`Comments are deleted after a few minutes`,
  69           handler: comment => this.deleteUserComments(comment),
  70           isDisplayed: () => this.authUser.hasRight(UserRight.REMOVE_ANY_VIDEO_COMMENT)
  71         }
  72       ]
  73     ]
  74   }
  75
  76   ngOnInit () {
  77     this.initialize()
  78
  79     this.route.queryParams
  80       .pipe(filter(params => params.search !== undefined && params.search !== null))
  81       .subscribe(params => {
  82         this.search = params.search
  83         this.setTableFilter(params.search)
  84         this.loadData()
  85       })
  86   }
  87
  88   ngAfterViewInit () {
  89     if (this.search) this.setTableFilter(this.search)
  90   }
  91
  92   onInputSearch (event: Event) {
  93     this.onSearch(event)
  94     this.setQueryParams((event.target as HTMLInputElement).value)
  95   }
  96
  97   setQueryParams (search: string) {
  98     const queryParams: Params = {}
  99
 100     if (search) Object.assign(queryParams, { search })
 101     this.router.navigate([ '/admin/moderation/video-comments/list' ], { queryParams })
 102   }
 103
 104   resetTableFilter () {
 105     this.setTableFilter('')
 106     this.setQueryParams('')
 107     this.resetSearch()
 108   }
 109   /* END Table filter functions */
 110
 111   getIdentifier () {
 112     return 'VideoCommentListComponent'
 113   }
 114
 115   toHtml (text: string) {
 116     return this.markdownRenderer.textMarkdownToHTML(text, true, true)
 117   }
 118
 119   protected loadData () {
 120     this.videoCommentService.getAdminVideoComments({
 121       pagination: this.pagination,
 122       sort: this.sort,
 123       search: this.search
 124     }).subscribe(
 125         async resultList => {
 126           this.totalRecords = resultList.total
 127
 128           this.comments = []
 129
 130           for (const c of resultList.data) {
 131             this.comments.push(
 132               new VideoCommentAdmin(c, await this.toHtml(c.text))
 133             )
 134           }
 135         },
 136
 137         err => this.notifier.error(err.message)
 138       )
 139   }
 140
 141   private deleteComment (comment: VideoCommentAdmin) {
 142     this.videoCommentService.deleteVideoComment(comment.video.id, comment.id)
 143       .subscribe(
 144         () => this.loadData(),
 145
 146         err => this.notifier.error(err.message)
 147       )
 148   }
 149
 150   private async deleteUserComments (comment: VideoCommentAdmin) {
 151     const message = $localize`Do you really want to delete all comments of ${comment.by}?`
 152     const res = await this.confirmService.confirm(message, $localize`Delete`)
 153     if (res === false) return
 154
 155     const options = {
 156       accountName: comment.by,
 157       scope: 'instance' as 'instance'
 158     }
 159
 160     this.bulkService.removeCommentsOf(options)
 161       .subscribe(
 162         () => {
 163           this.notifier.success($localize`Comments of ${options.accountName} will be deleted in a few minutes`)
 164         },
 165
 166         err => this.notifier.error(err.message)
 167       )
 168   }
 169 }