mirror of https://github.com/Chocobozzz/PeerTube
111 lines
3.1 KiB
TypeScript
111 lines
3.1 KiB
TypeScript
import { Component, OnInit, ViewChild } from '@angular/core'
|
|
import { Router } from '@angular/router'
|
|
import { Notifier, ServerService } from '@app/core'
|
|
import {
|
|
BODY_VALIDATOR,
|
|
FROM_EMAIL_VALIDATOR,
|
|
FROM_NAME_VALIDATOR,
|
|
SUBJECT_VALIDATOR
|
|
} from '@app/shared/form-validators/instance-validators'
|
|
import { FormReactive, FormValidatorService } from '@app/shared/shared-forms'
|
|
import { InstanceService } from '@app/shared/shared-instance'
|
|
import { NgbModal } from '@ng-bootstrap/ng-bootstrap'
|
|
import { NgbModalRef } from '@ng-bootstrap/ng-bootstrap/modal/modal-ref'
|
|
import { HttpStatusCode } from '@shared/core-utils/miscs/http-error-codes'
|
|
import { HTMLServerConfig } from '@shared/models'
|
|
|
|
type Prefill = {
|
|
subject?: string
|
|
body?: string
|
|
}
|
|
|
|
@Component({
|
|
selector: 'my-contact-admin-modal',
|
|
templateUrl: './contact-admin-modal.component.html',
|
|
styleUrls: [ './contact-admin-modal.component.scss' ]
|
|
})
|
|
export class ContactAdminModalComponent extends FormReactive implements OnInit {
|
|
@ViewChild('modal', { static: true }) modal: NgbModal
|
|
|
|
error: string
|
|
|
|
private openedModal: NgbModalRef
|
|
private serverConfig: HTMLServerConfig
|
|
|
|
constructor (
|
|
protected formValidatorService: FormValidatorService,
|
|
private router: Router,
|
|
private modalService: NgbModal,
|
|
private instanceService: InstanceService,
|
|
private serverService: ServerService,
|
|
private notifier: Notifier
|
|
) {
|
|
super()
|
|
}
|
|
|
|
get instanceName () {
|
|
return this.serverConfig.instance.name
|
|
}
|
|
|
|
ngOnInit () {
|
|
this.serverConfig = this.serverService.getHTMLConfig()
|
|
|
|
this.buildForm({
|
|
fromName: FROM_NAME_VALIDATOR,
|
|
fromEmail: FROM_EMAIL_VALIDATOR,
|
|
subject: SUBJECT_VALIDATOR,
|
|
body: BODY_VALIDATOR
|
|
})
|
|
}
|
|
|
|
isContactFormEnabled () {
|
|
return this.serverConfig.email.enabled && this.serverConfig.contactForm.enabled
|
|
}
|
|
|
|
show (prefill: Prefill = {}) {
|
|
this.openedModal = this.modalService.open(this.modal, { centered: true, keyboard: false })
|
|
|
|
this.openedModal.shown.subscribe(() => this.prefillForm(prefill))
|
|
this.openedModal.result.finally(() => this.router.navigateByUrl('/about/instance'))
|
|
}
|
|
|
|
hide () {
|
|
this.form.reset()
|
|
this.error = undefined
|
|
|
|
this.openedModal.close()
|
|
this.openedModal = null
|
|
}
|
|
|
|
sendForm () {
|
|
const fromName = this.form.value[ 'fromName' ]
|
|
const fromEmail = this.form.value[ 'fromEmail' ]
|
|
const subject = this.form.value[ 'subject' ]
|
|
const body = this.form.value[ 'body' ]
|
|
|
|
this.instanceService.contactAdministrator(fromEmail, fromName, subject, body)
|
|
.subscribe(
|
|
() => {
|
|
this.notifier.success($localize`Your message has been sent.`)
|
|
this.hide()
|
|
},
|
|
|
|
err => {
|
|
this.error = err.status === HttpStatusCode.FORBIDDEN_403
|
|
? $localize`You already sent this form recently`
|
|
: err.message
|
|
}
|
|
)
|
|
}
|
|
|
|
private prefillForm (prefill: Prefill) {
|
|
if (prefill.subject) {
|
|
this.form.get('subject').setValue(prefill.subject)
|
|
}
|
|
|
|
if (prefill.body) {
|
|
this.form.get('body').setValue(prefill.body)
|
|
}
|
|
}
|
|
}
|