pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add validation to form for enforcing chronological order of PoP start and end dates

Browse Source
This commit is contained in:
leigh-mil
2019-08-01 13:41:05 -04:00
parent 0493078b33
commit 25ab64f748
5 changed files with 41 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
templates/components/date_picker.html
View File

@@ -80,10 +80,10 @@
</div>
</div>
<p class="usa-input-error-message" v-bind:class="{ 'form-has-errors': !isWithinDateRange }">
{% if maxdate and mindate %}Date must be between {{mindate.strftime("%m/%d/%Y")}} and {{maxdate.strftime("%m/%d/%Y")}}{% endif %}
{% if maxdate and not mindate %}Date must be before or on {{maxdate.strftime("%m/%d/%Y")}}{% endif %}
{% if mindate and not maxdate %}Date must be after or on {{mindate.strftime("%m/%d/%Y")}}{% endif %}
<p class="usa-input-error-message" v-bind:class='{% if field.errors %}"form-has-errors"{% endif %}'>
{% if field.errors %}
{{ field.errors[0] }}
{% endif %}
</p>
</fieldset>
</date-selector>

9
templates/task_orders/step_3.html
View File

@@ -138,14 +138,15 @@
<div class="form-row">
{% if fields %}
<div class="form-col">
<div class="form-col form-col--half">
{{ DatePicker(fields.start_date, watch=True, optional=False) }}
</div>
<div class="form-col">
<div class="form-col form-col--half">
{{ DatePicker(fields.end_date, watch=True, optional=False) }}
</div>
{% else %}
<div class="form-col">
<div class="form-col form-col--half">
<date-selector :name-tag="'clins-' + clinIndex + '-start_date'" :watch='true' :optional='false' inline-template>
<fieldset class="usa-input date-picker" v-bind:class="{ 'usa-input--success': isDateValid }">
<legend>
@@ -209,7 +210,7 @@
</date-selector>
</div>
<div class="form-col">
<div class="form-col form-col--half">
<date-selector :name-tag="'clins-' + clinIndex + '-end_date'" :watch='true' :optional='false' inline-template>
<fieldset class="usa-input date-picker" v-bind:class="{ 'usa-input--success': isDateValid }">
<legend>