client/src/app/shared/moderation/user-ban-modal.component.ts

   1 import { Component, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'
   2 import { Notifier } from '@app/core'
   3 import { I18n } from '@ngx-translate/i18n-polyfill'
   4 import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
   5 import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap/modal/modal-ref'
   6 import { FormValidatorService } from '@app/shared/forms/form-validators/form-validator.service'
   7 import { FormReactive, UserValidatorsService } from '@app/shared/forms'
   8 import { UserService } from '@app/shared/users'
   9 import { User } from '../../../../../shared'
  10
  11 @Component({
  12   selector: 'my-user-ban-modal',
  13   templateUrl: './user-ban-modal.component.html',
  14   styleUrls: [ './user-ban-modal.component.scss' ]
  15 })
  16 export class UserBanModalComponent extends FormReactive implements OnInit {
  17   @ViewChild('modal', { static: true }) modal: NgbModal
  18   @Output() userBanned = new EventEmitter<User | User[]>()
  19
  20   private usersToBan: User | User[]
  21   private openedModal: NgbModalRef
  22
  23   constructor (
  24     protected formValidatorService: FormValidatorService,
  25     private modalService: NgbModal,
  26     private notifier: Notifier,
  27     private userService: UserService,
  28     private userValidatorsService: UserValidatorsService,
  29     private i18n: I18n
  30   ) {
  31     super()
  32   }
  33
  34   ngOnInit () {
  35     this.buildForm({
  36       reason: this.userValidatorsService.USER_BAN_REASON
  37     })
  38   }
  39
  40   openModal (user: User | User[]) {
  41     this.usersToBan = user
  42     this.openedModal = this.modalService.open(this.modal, { centered: true })
  43   }
  44
  45   hide () {
  46     this.usersToBan = undefined
  47     this.openedModal.close()
  48   }
  49
  50   async banUser () {
  51     const reason = this.form.value['reason'] || undefined
  52
  53     this.userService.banUsers(this.usersToBan, reason)
  54       .subscribe(
  55         () => {
  56           const message = Array.isArray(this.usersToBan)
  57             ? this.i18n('{{num}} users banned.', { num: this.usersToBan.length })
  58             : this.i18n('User {{username}} banned.', { username: this.usersToBan.username })
  59
  60           this.notifier.success(message)
  61
  62           this.userBanned.emit(this.usersToBan)
  63           this.hide()
  64         },
  65
  66           err => this.notifier.error(err.message)
  67       )
  68   }
  69
  70 }