diff --git a/src/app/request/request.component.html b/src/app/request/request.component.html index 7533b5e..1ad80a9 100644 --- a/src/app/request/request.component.html +++ b/src/app/request/request.component.html @@ -3,7 +3,7 @@
-
+

Обратная связь

+
+

Ваше обращение успешно отправлено. Вскоре мы с вами свяжемся.

+ +
+ diff --git a/src/app/request/request.component.ts b/src/app/request/request.component.ts index 4b39caf..e681caf 100644 --- a/src/app/request/request.component.ts +++ b/src/app/request/request.component.ts @@ -2,16 +2,18 @@ import { Component, OnInit } from '@angular/core'; import { FormsService } from '../_services/forms.service'; import {FormGroup, ReactiveFormsModule, FormBuilder, Validators} from "@angular/forms"; import {ActivatedRoute, Router} from "@angular/router"; +import {NgIf} from "@angular/common"; @Component({ selector: 'request', standalone: true, - imports: [ReactiveFormsModule], + imports: [ReactiveFormsModule, NgIf], templateUrl: './request.component.html', styleUrl: './request.component.scss' }) export class RequestComponent implements OnInit { public hidden = true; + public success = false; public feedbackForm: FormGroup; public utmSource:string; @@ -37,8 +39,8 @@ export class RequestComponent implements OnInit { Validators.required, Validators.pattern( /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|.(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/ ) ]], - 'feedback-number':[''], - 'feedback-add-number':[''], + 'feedback-number':['', Validators.pattern(/^[\+]?[(]?[0-9]{3}[)]?[-\s\.]?[0-9]{3}[-\s\.]?[0-9]{4,6}$/)], + 'feedback-add-number':['', Validators.pattern(/^[0-9]{1,6}$/)], 'feedback-message':['',Validators.required], mailto:['test@nirgroup.ru'], type:['feedback-form-support'], @@ -52,18 +54,21 @@ export class RequestComponent implements OnInit { open(){ this.hidden = false; + this.success = false; this.ngOnInit() } close(){ this.feedbackForm.reset(); this.hidden = true; + this.success = false; } onSubmit(){ this.feedbackForm.markAllAsTouched(); - if (this.feedbackForm.valid) this.formsService.save('model', 'feedback-form-support', null, this.feedbackForm.value).subscribe(res => { - this.close() + if (this.feedbackForm.valid) + this.formsService.save('model', 'feedback-form-support', null, this.feedbackForm.value).subscribe(res => { + this.success = true; }, error => { console.log(error); });