mirror of
https://github.com/Chocobozzz/PeerTube.git
synced 2024-05-16 20:02:40 +00:00
3a4992633e
Sorry for the very big commit that may lead to git log issues and merge conflicts, but it's a major step forward: * Server can be faster at startup because imports() are async and we can easily lazy import big modules * Angular doesn't seem to support ES import (with .js extension), so we had to correctly organize peertube into a monorepo: * Use yarn workspace feature * Use typescript reference projects for dependencies * Shared projects have been moved into "packages", each one is now a node module (with a dedicated package.json/tsconfig.json) * server/tools have been moved into apps/ and is now a dedicated app bundled and published on NPM so users don't have to build peertube cli tools manually * server/tests have been moved into packages/ so we don't compile them every time we want to run the server * Use isolatedModule option: * Had to move from const enum to const (https://www.typescriptlang.org/docs/handbook/enums.html#objects-vs-enums) * Had to explictely specify "type" imports when used in decorators * Prefer tsx (that uses esbuild under the hood) instead of ts-node to load typescript files (tests with mocha or scripts): * To reduce test complexity as esbuild doesn't support decorator metadata, we only test server files that do not import server models * We still build tests files into js files for a faster CI * Remove unmaintained peertube CLI import script * Removed some barrels to speed up execution (less imports)
110 lines
3 KiB
TypeScript
110 lines
3 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, FormReactiveService } 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 { HTMLServerConfig, HttpStatusCode } from '@peertube/peertube-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 formReactiveService: FormReactiveService,
|
|
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({
|
|
next: () => {
|
|
this.notifier.success($localize`Your message has been sent.`)
|
|
this.hide()
|
|
},
|
|
|
|
error: 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)
|
|
}
|
|
}
|
|
}
|