Update request form (#45)

* Implement OrganizationInfo form, add it to the template

* Format request_new

* Update "Details of Use" section

* Refactor request_new

* Added some new fields, but form is still WIP

* Add details of use fields

* Add org info fields

* Add some comments

* Add Financial Verification and more Details of Use fields

* Update some textarea fields to single text field

* WIP

* Implement OrganizationInfo form, add it to the template

* Format request_new

* Update "Details of Use" section

* Refactor request_new

* Added some new fields, but form is still WIP

* Add details of use fields

* Add org info fields

* Add some comments

* Add Financial Verification and more Details of Use fields

* Update some textarea fields to single text field

* Format

* Update fields with the correct fieldtypes

* Begin updating sidenav changes

* Split form into each section

* adjust and skip some outdated form validation tests

* break request form into multiple form objects

* need to send user ID to requests-queue

* use DateForm for start date in request

* alter request_new handler to pass raw form data to template

* change review form

* Add KO and COR section titles

* Update date input class name

* Add a special case for the summary form. We should refactor this

* Add read-only fields for review and submit section

* Add minimum number validators to request form

* Fix formatting

* Use html5 datepicker for dates

* Fix request form validators

* Finish org info form

* Finish POC form

* Finish financial verification form

* Move PE and UII to financial form

* Un-skip form validation test
This commit is contained in:
luisgov
2018-07-03 10:10:44 -04:00
committed by richard-dds
parent 863d323319
commit 9d781577c4
22 changed files with 890 additions and 505 deletions

View File

@@ -2,90 +2,79 @@
{% block form %}
<h2>Organizational Info</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloremque placeat distinctio accusamus quo temporibus facilis, dicta delectus asperiores. Nihil aut quod quibusdam id fugit, officia dolorum laudantium! Quidem tempora, aliquam.</p>
<h3 id="information-about-you">Information About You</h3>
<label for="">Name</label>
<input id="" name="" type="text">
<label for="">Email</label>
<input id="" name="" type="email" placeholder="i.e. name@mail.gov">
<label for="">Phone Number</label>
<input id="" name="" type="text" placeholder="i.e. (123) 456-7890">
<label for="">Office Symbol / Department</label>
<input id="" name="" type="text" placeholder="i.e. Army PEO-EIS">
<fieldset>
<label for="">Citizenship</label>
<ul class="usa-unstyled-list">
<li>
<input id="" type="radio" name="" value"">
<label class="input-label">United States</label>
</li>
<li>
<input id="" type="radio" name="" value"">
<label class="input-label">Foreign National</label>
</li>
<li>
<input id="" type="radio" name="" value"">
<label class="input-label">Other</label>
</li>
</ul>
</fieldset>
<fieldset>
<label for="">Designation of Person</label>
<ul class="usa-unstyled-list">
<li>
<input id="" type="radio" name="" value"">
<label class="input-label">Military</label>
</li>
<li>
<input id="" type="radio" name="" value"">
<label class="input-label">Civilian</label>
</li>
<li>
<input id="" type="radio" name="" value"">
<label class="input-label">Contractor</label>
</li>
</ul>
</fieldset>
<fieldset>
<label for="">Latest IA Training completion date</label>
<div class="usa-date-input">
<div class="usa-form-group usa-form-group-month">
<label for="">Month</label>
<input class="usa-input-inline" id="" name="" type="number" min="1" max="12" value="">
</div>
<div class="usa-form-group usa-form-group-day">
<label for="">Day</label>
<input class="usa-input-inline" id="" name="" type="number" min="1" max="31" value="">
</div>
<div class="usa-form-group usa-form-group-year">
<label for="">Year</label>
<input class="usa-input-inline" id="" name="" type="number" min="1900" max="2000" value="">
</div>
</div>
</fieldset>
<h3 id="information-about-your-collaborators">Information About Your Collaborators</h3>
<p>Please designate a Contracting Officer that will help you complete this process.</p>
<label for="">Name</label>
<input id="" name="" type="text">
<label for="">Email</label>
<input id="" name="" type="text" placeholder="i.e. name@mail.gov">
{% autoescape None %}
{% if f.errors %}
<b class="usa-input-error-message">There were some errors, see below.</b>
{% end %}
<h2 id="Information About You">Information About You</h2>
<p>Please tell us more about yourself.</p>
{{ f.fname_request.label }}
{{ f.fname_request(placeholder="Your first name") }}
{% for e in f.fname_request.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
{{ f.lname_request.label }}
{{ f.lname_request(placeholder="Your last name") }}
{% for e in f.lname_request.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
{{ f.email_request.label }}
{{ f.email_request(placeholder="jane@mail.mil") }}
{% for e in f.email_request.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
{{ f.phone_number.label }}
{{ f.phone_number(placeholder="(123) 456-7890") }}
{% for e in f.phone_number.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
{{ f.service_branch.label }}
{{ f.service_branch(placeholder="i.e. US Air Force, US Army, US Navy, Marine Corps, Defense Media Agency") }}
{% for e in f.service_branch.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
<fieldset class="usa-fieldset-inputs">
{{ f.citizenship.label }}
{{ f.citizenship(class_="usa-unstyled-list") }}
{% for e in f.citizenship.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
</fieldset>
{{ f.designation.label }}
{{ f.designation }}
{% for e in f.designation.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
{{ f.date_latest_training.label }}
{{ f.date_latest_training }}
{% for e in f.date_latest_training.errors %}
<div class="usa-input-error-message">
{{ e }}
</div>
{% end %}
{% end %}