117 lines
3.8 KiB
TypeScript
117 lines
3.8 KiB
TypeScript
import {Component, Input, OnInit, ViewChild} from '@angular/core';
|
|
import {ActivatedRoute, Router} from '@angular/router';
|
|
import {EmailService} from "../openaireLibrary/utils/email/email.service";
|
|
import {Composer} from "../openaireLibrary/utils/email/composer";
|
|
import {Meta, Title} from "@angular/platform-browser";
|
|
import {PiwikService} from "../openaireLibrary/utils/piwik/piwik.service";
|
|
import {SEOService} from "../openaireLibrary/sharedComponents/SEO/SEO.service";
|
|
import {UntypedFormBuilder, UntypedFormGroup, Validators} from "@angular/forms";
|
|
import {NotificationHandler} from "../openaireLibrary/utils/notification-handler";
|
|
import {BaseComponent} from '../openaireLibrary/sharedComponents/base/base.component';
|
|
import {FullScreenModalComponent} from "../openaireLibrary/utils/modal/full-screen-modal/full-screen-modal.component";
|
|
|
|
@Component({
|
|
selector: 'contact',
|
|
templateUrl: './contact.component.html'
|
|
})
|
|
export class ContactComponent extends BaseComponent implements OnInit {
|
|
@Input()
|
|
public page: boolean = true;
|
|
public sending = false;
|
|
public contactForm: UntypedFormGroup;
|
|
@ViewChild('modal') modal;
|
|
@ViewChild('fsModal') fsModal: FullScreenModalComponent;
|
|
|
|
constructor(protected _route: ActivatedRoute,
|
|
protected _router: Router,
|
|
protected _title: Title,
|
|
protected _meta: Meta,
|
|
protected _piwikService: PiwikService,
|
|
protected seoService: SEOService,
|
|
private emailService: EmailService,
|
|
private fb: UntypedFormBuilder) {
|
|
super();
|
|
}
|
|
|
|
ngOnInit() {
|
|
if(this.page) {
|
|
this.title = 'Contact us';
|
|
this.description = 'Contact us';
|
|
this.setMetadata();
|
|
}
|
|
this.reset();
|
|
}
|
|
|
|
public send(event) {
|
|
if(event.valid === true) {
|
|
this.sendMail(this.properties.admins);
|
|
}
|
|
}
|
|
|
|
public reset(subject: string = null) {
|
|
this.contactForm = this.fb.group( {
|
|
name: this.fb.control('', Validators.required),
|
|
email: this.fb.control('', [Validators.required, Validators.email]),
|
|
subject: this.fb.control(subject, Validators.required),
|
|
message: this.fb.control('', Validators.required),
|
|
recaptcha: this.fb.control('', Validators.required),
|
|
});
|
|
}
|
|
|
|
private sendMail(admins: any) {
|
|
this.sending = true;
|
|
this.subscriptions.push(this.emailService.contact(this.properties,
|
|
Composer.composeEmailforIrishMonitor(this.contactForm.value, admins),
|
|
this.contactForm.value.recaptcha).subscribe(
|
|
res => {
|
|
if (res) {
|
|
this.sending = false;
|
|
if(this.fsModal) {
|
|
this.fsModal.cancel();
|
|
} else {
|
|
this.reset();
|
|
}
|
|
this.modalOpen();
|
|
} else {
|
|
this.handleError('Email <b>sent failed!</b> Please try again.');
|
|
}
|
|
},
|
|
error => {
|
|
this.handleError('Email <b>sent failed!</b> Please try again.', error);
|
|
}
|
|
));
|
|
}
|
|
|
|
public openFsModal() {
|
|
this.reset(this._title.getTitle());
|
|
this.fsModal.open();
|
|
}
|
|
|
|
public modalOpen() {
|
|
if(this.modal) {
|
|
this.modal.okButton = true;
|
|
this.modal.alertTitle = 'Your request has been successfully submitted';
|
|
this.modal.alertMessage = false;
|
|
this.modal.cancelButton = false;
|
|
this.modal.okButtonLeft = false;
|
|
this.modal.okButtonText = 'OK';
|
|
this.modal.open();
|
|
}
|
|
}
|
|
|
|
handleError(message: string, error = null) {
|
|
if(error) {
|
|
console.error(error);
|
|
}
|
|
NotificationHandler.rise(message, 'danger');
|
|
this.sending = false;
|
|
this.contactForm.get('recaptcha').setValue('');
|
|
}
|
|
|
|
public goToHome() {
|
|
if(!this.fsModal) {
|
|
this._router.navigate(['/']);
|
|
}
|
|
}
|
|
}
|