Create PhoneInput macro for phone and ext form fields

This commit is contained in:
leigh-mil
2018-10-31 15:40:07 -04:00
parent 8b9fe61a94
commit b13ba188bf
4 changed files with 20 additions and 31 deletions

View File

@@ -1,6 +1,7 @@
{% from "components/text_input.html" import TextInput %}
{% from "components/options_input.html" import OptionsInput %}
{% from "components/date_input.html" import DateInput %}
{% from "components/phone_input.html" import PhoneInput %}
<form method="POST" action='{{ form_action }}'>
{{ form.csrf_token }}
@@ -17,15 +18,7 @@
</div>
{{ TextInput(form.email, validation='email') }}
<div class='phone-input'>
<div class='phone-input__phone'>
{{ TextInput(form.phone_number, validation='usPhone') }}
</div>
<div class='phone-input__extension'>
{{ TextInput(form.phone_ext)}}
</div>
</div>
{{ PhoneInput(form.phone_number, form.phone_ext) }}
{{ OptionsInput(form.service_branch) }}
{{ OptionsInput(form.citizenship) }}