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

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