client/src/app/+about/about-instance/contact-admin-modal.component.ts

   1 import { Component, OnInit, ViewChild } from '@angular/core'
   2 import { Notifier, ServerService } from '@app/core'
   3 import { FormReactive, FormValidatorService, InstanceValidatorsService } from '@app/shared/shared-forms'
   4 import { InstanceService } from '@app/shared/shared-instance'
   5 import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
   6 import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap/modal/modal-ref'
   7 import { ServerConfig } from '@shared/models'
   8
   9 @Component({
  10   selector: 'my-contact-admin-modal',
  11   templateUrl: './contact-admin-modal.component.html',
  12   styleUrls: [ './contact-admin-modal.component.scss' ]
  13 })
  14 export class ContactAdminModalComponent extends FormReactive implements OnInit {
  15   @ViewChild('modal', { static: true }) modal: NgbModal
  16
  17   error: string
  18
  19   private openedModal: NgbModalRef
  20   private serverConfig: ServerConfig
  21
  22   constructor (
  23     protected formValidatorService: FormValidatorService,
  24     private modalService: NgbModal,
  25     private instanceValidatorsService: InstanceValidatorsService,
  26     private instanceService: InstanceService,
  27     private serverService: ServerService,
  28     private notifier: Notifier
  29   ) {
  30     super()
  31   }
  32
  33   get instanceName () {
  34     return this.serverConfig.instance.name
  35   }
  36
  37   ngOnInit () {
  38     this.serverConfig = this.serverService.getTmpConfig()
  39     this.serverService.getConfig()
  40         .subscribe(config => this.serverConfig = config)
  41
  42     this.buildForm({
  43       fromName: this.instanceValidatorsService.FROM_NAME,
  44       fromEmail: this.instanceValidatorsService.FROM_EMAIL,
  45       subject: this.instanceValidatorsService.SUBJECT,
  46       body: this.instanceValidatorsService.BODY
  47     })
  48   }
  49
  50   show () {
  51     this.openedModal = this.modalService.open(this.modal, { centered: true, keyboard: false })
  52   }
  53
  54   hide () {
  55     this.form.reset()
  56     this.error = undefined
  57
  58     this.openedModal.close()
  59     this.openedModal = null
  60   }
  61
  62   sendForm () {
  63     const fromName = this.form.value['fromName']
  64     const fromEmail = this.form.value[ 'fromEmail' ]
  65     const subject = this.form.value[ 'subject' ]
  66     const body = this.form.value[ 'body' ]
  67
  68     this.instanceService.contactAdministrator(fromEmail, fromName, subject, body)
  69         .subscribe(
  70           () => {
  71             this.notifier.success($localize`Your message has been sent.`)
  72             this.hide()
  73           },
  74
  75           err => {
  76             this.error = err.status === 403
  77               ? $localize`You already sent this form recently`
  78               : err.message
  79           }
  80         )
  81   }
  82 }