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);
});