client/src/app/shared/shared-abuse-list/moderation-comment-modal.component.ts

   1 import { Component, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'
   2 import { Notifier } from '@app/core'
   3 import { AbuseValidatorsService, FormReactive, FormValidatorService } from '@app/shared/shared-forms'
   4 import { AbuseService } from '@app/shared/shared-moderation'
   5 import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
   6 import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap/modal/modal-ref'
   7 import { AdminAbuse } from '@shared/models'
   8
   9 @Component({
  10   selector: 'my-moderation-comment-modal',
  11   templateUrl: './moderation-comment-modal.component.html',
  12   styleUrls: [ './moderation-comment-modal.component.scss' ]
  13 })
  14 export class ModerationCommentModalComponent extends FormReactive implements OnInit {
  15   @ViewChild('modal', { static: true }) modal: NgbModal
  16   @Output() commentUpdated = new EventEmitter<string>()
  17
  18   private abuseToComment: AdminAbuse
  19   private openedModal: NgbModalRef
  20
  21   constructor (
  22     protected formValidatorService: FormValidatorService,
  23     private modalService: NgbModal,
  24     private notifier: Notifier,
  25     private abuseService: AbuseService,
  26     private abuseValidatorsService: AbuseValidatorsService
  27   ) {
  28     super()
  29   }
  30
  31   ngOnInit () {
  32     this.buildForm({
  33       moderationComment: this.abuseValidatorsService.ABUSE_MODERATION_COMMENT
  34     })
  35   }
  36
  37   openModal (abuseToComment: AdminAbuse) {
  38     this.abuseToComment = abuseToComment
  39     this.openedModal = this.modalService.open(this.modal, { centered: true })
  40
  41     this.form.patchValue({
  42       moderationComment: this.abuseToComment.moderationComment
  43     })
  44   }
  45
  46   hide () {
  47     this.abuseToComment = undefined
  48     this.openedModal.close()
  49     this.form.reset()
  50   }
  51
  52   async banUser () {
  53     const moderationComment: string = this.form.value[ 'moderationComment' ]
  54
  55     this.abuseService.updateAbuse(this.abuseToComment, { moderationComment })
  56         .subscribe(
  57           () => {
  58             this.notifier.success($localize`Comment updated.`)
  59
  60             this.commentUpdated.emit(moderationComment)
  61             this.hide()
  62           },
  63
  64           err => this.notifier.error(err.message)
  65         )
  66   }
  67
  68 }