51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import { Component } from '@angular/core';
|
|
import { CvService } from '../services/cv.service';
|
|
import { IContact } from './contact.model';
|
|
import { FormBuilder, FormControl, NgForm } from '@angular/forms';
|
|
|
|
@Component({
|
|
selector: 'app-contact',
|
|
templateUrl: './contact.component.html',
|
|
styleUrl: './contact.component.scss'
|
|
})
|
|
export class ContactComponent {
|
|
messageModel: IContact = {name: '', email: '', content: '' };
|
|
candidateId: number = 1;
|
|
messageSentError: boolean = false;
|
|
messageSentSuccess: boolean = false;
|
|
submitted: boolean = false;
|
|
|
|
constructor(private svc: CvService, private formBuilder: FormBuilder){
|
|
}
|
|
|
|
sendMessage(messageForm: NgForm) :void{
|
|
this.submitted = true;
|
|
if(messageForm.valid){
|
|
this.messageSentError = false;
|
|
this.messageSentSuccess = false;
|
|
|
|
this.svc.sendMessage(this.messageModel, this.candidateId).subscribe({
|
|
next: (response) => this.messageSentSuccess = response,
|
|
error: () => this.messageSentError = true
|
|
});
|
|
}
|
|
else{
|
|
this.validateAllFormFields(messageForm);
|
|
}
|
|
|
|
}
|
|
|
|
validateAllFormFields(formGroup: NgForm) {
|
|
Object.keys(formGroup.controls).forEach(field => {
|
|
const control = formGroup.controls[field];
|
|
if (control instanceof FormControl) {
|
|
control.markAsTouched({ onlySelf: true });
|
|
} else if (control instanceof NgForm) {
|
|
this.validateAllFormFields(control);
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
|