atst/templates/fragments/edit_user_form.html
graham-dds 3cf9fdac76 Add frontend validation for TextInput()s
- Add input validation regexes to input_validations.js
- Add those validators to text fields without validaiton
2020-01-22 15:20:18 -05:00

41 lines
1.5 KiB
HTML

{% from "components/text_input.html" import TextInput %}
{% from "components/options_input.html" import OptionsInput %}
{% from "components/phone_input.html" import PhoneInput %}
{% from "components/date_picker.html" import DatePicker %}
{% from 'components/save_button.html' import SaveButton %}
<base-form inline-template>
<form method="POST" action='{{ form_action }}'>
{{ form.csrf_token }}
<div class='panel'>
<div class='panel__content'>
<div class='form-row'>
<div class='form-col form-col--half'>
{{ TextInput(form.first_name, validation='name', optional=False) }}
</div>
<div class='form-col form-col--half'>
{{ TextInput(form.last_name, validation='name', optional=False) }}
</div>
</div>
{{ TextInput(form.email, validation='email', optional=False) }}
{{ PhoneInput(form.phone_number, form.phone_ext, phone_optional=False) }}
{{ OptionsInput(form.service_branch, optional=False) }}
{{ OptionsInput(form.citizenship, optional=False) }}
{{ OptionsInput(form.designation, optional=False) }}
<div class="usa-input">
{{ DatePicker(form.date_latest_training, mindate=mindate, maxdate=maxdate) }}
</div>
</div>
</div>
<div class='action-group'>
{{ SaveButton(text=("fragments.edit_user_form.save_details_button" | translate), additional_classes="usa-button-big" )}}
</div>
</form>
</base-form>