feat: add contact form
This commit is contained in:
29
src/app/components/contact-form/contact-form.html
Normal file
29
src/app/components/contact-form/contact-form.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<form [formGroup]="form">
|
||||
<legend>{{strings.addContact|upperfirst}}.<span>{{strings.allFieldRequired|upperfirst}}</span></legend>
|
||||
<div class="fields">
|
||||
<app-form-field
|
||||
[errorsDictionary]="companyAndNameErrorsDictionary"
|
||||
formControlName="name"
|
||||
[label]="(strings.name|upperfirst) + ':'"
|
||||
placeholder="Contact's name"
|
||||
/>
|
||||
<app-form-field
|
||||
[errorsDictionary]="companyAndNameErrorsDictionary"
|
||||
formControlName="company"
|
||||
[label]="(strings.company|upperfirst) + ':'"
|
||||
placeholder="Contact's company"
|
||||
/>
|
||||
<app-form-field
|
||||
[errorsDictionary]="phoneErrorsDictionary"
|
||||
formControlName="phone"
|
||||
[label]="(strings.phone|upperfirst) +':'"
|
||||
placeholder="Contact's phone"
|
||||
type="tel"
|
||||
/>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<app-squared-btn
|
||||
[text]="strings.add"
|
||||
></app-squared-btn>
|
||||
</div>
|
||||
</form>
|
||||
Reference in New Issue
Block a user