diff --git a/src/app/components/contact-form/contact-form.html b/src/app/components/contact-form/contact-form.html index a8e31bd..9b93c3e 100644 --- a/src/app/components/contact-form/contact-form.html +++ b/src/app/components/contact-form/contact-form.html @@ -24,7 +24,7 @@ \ No newline at end of file diff --git a/src/app/components/contact-form/contact-form.ts b/src/app/components/contact-form/contact-form.ts index 493f4ed..99505ec 100644 --- a/src/app/components/contact-form/contact-form.ts +++ b/src/app/components/contact-form/contact-form.ts @@ -5,7 +5,7 @@ import { STRINGS_INJECTOR } from '../../app.config'; import { SquaredBtn } from '../squared-btn/squared-btn'; import { NameAndCompanyFieldsErrorsDictionary } from '../../errors-dictionaries/name-and-company-field'; import { PhoneFieldErroresDictionary } from '../../errors-dictionaries/phone-field'; -import { UpperfirstPipe } from "../../pipes/upperfirst-pipe"; +import { UpperfirstPipe } from '../../pipes/upperfirst-pipe'; import { ContactDTO } from '../../models/ContactDTO'; import { ContactFormValue } from '../../types/ContactFormValue.type'; import { FormGroupContact } from '../../utils/form-group-contact'; @@ -19,13 +19,21 @@ import { FormGroupContact } from '../../utils/form-group-contact'; export class ContactForm { contact = output(); form = input(new FormGroupContact()); + submitText = input(''); protected strings = inject(STRINGS_INJECTOR); - protected companyAndNameErrorsDictionary = new NameAndCompanyFieldsErrorsDictionary().getDictionary(); + protected companyAndNameErrorsDictionary = + new NameAndCompanyFieldsErrorsDictionary().getDictionary(); protected phoneErrorsDictionary = new PhoneFieldErroresDictionary().getDictionary(); handleSubmit(contactForm: ContactFormValue) { - if(contactForm.company === null || contactForm.name === null || contactForm.phone === null) return; - const contact = new ContactDTO(undefined, contactForm.name, contactForm.company, contactForm.phone); + if (contactForm.company === null || contactForm.name === null || contactForm.phone === null) + return; + const contact = new ContactDTO( + undefined, + contactForm.name, + contactForm.company, + contactForm.phone + ); this.contact.emit(contact); this.form().reset(); } diff --git a/src/app/pages/main/main.html b/src/app/pages/main/main.html index f4a782b..69daa08 100644 --- a/src/app/pages/main/main.html +++ b/src/app/pages/main/main.html @@ -1,7 +1,10 @@ - -