Add placeholder text from request

This commit is contained in:
luis cielak 2018-08-29 17:16:40 -04:00
parent d5dc3a7fe6
commit 042d831085
2 changed files with 119 additions and 47 deletions

View File

@ -87,7 +87,77 @@
</div> </div>
</dl> </dl>
<hr>
<h2>Information About You</h2>
<dl>
<div>
<dt>First Name</dt>
<dd>Amanda</dd>
</div>
<div>
<dt>Last Name</dt>
<dd>Adamson</dd>
</div>
<div>
<dt>Email Address</dt>
<dd>amanda@test.com</dd>
</div>
<div>
<dt>Phone Number</dt>
<dd>
+1 (123) 123 - 1231
</dd>
</div>
<div>
<dt>Service Branch or Agency</dt>
<dd>
Air Force, Department of the
</dd>
</div>
<div>
<dt>Citizenship</dt>
<dd>United States</dd>
</div>
<div>
<dt>Designation of Person</dt>
<dd>
Military
</dd>
</div>
<div>
<dt>Latest Information Assurance (IA) Training completion date</dt>
<dd>12/12/2017</dd>
</div>
</dl>
<hr>
<h2>Workspace Owner</h2>
<dl>
<div>
<dt>POC First Name</dt>
<dd>Amanda</dd>
</div>
<div>
<dt>POC Last Name</dt>
<dd>Adamson</dd>
</div>
<div>
<dt>POC Email Address</dt>
<dd>amanda@test.com</dd>
</div>
<div>
<dt>DOD ID</dt>
<dd>2345678901</dd>
</div>
</dl>
</div>
</section>
<section class="panel">
<div class="panel__content">
<div class='row row--halves request-approval__info-columns'> <div class='row row--halves request-approval__info-columns'>
<div class='col'> <div class='col'>
@ -134,6 +204,54 @@
</div> </div>
</section> </section>
<section class='panel'>
<div class='panel__content'>
<p>Here is some good text explaining what the CCPO needs to do in order to approve the request. This text should also explain why we are asking for multiple people's names and the risk of boiling the ocean.</p>
<div class='usa-input'>
<label for='notes'>Notes</label>
<textarea id='notes' placeholder='Add notes or comments related to the approval or disapproval of this request.'/></textarea>
</div>
<div class='form-row'>
<div class='form-col'>
<div class='usa-input'>
<label for='mo-behalf-name'>Mission Owner approval on behalf of</label>
<input id='mo-behalf-name' type='text' placeholder='Name of approving officer'/>
</div>
<div class='usa-input'>
<label for='mo-behalf-email'>Mission Owner e-mail</label>
<input id='mo-behalf-email' type='email' placeholder='i.e. name@mail.mil'/>
</div>
<div class='usa-input'>
<label for='mo-behalf-phone'>Mission Owner phone number</label>
<input id='mo-behalf-phone' type='tel' placeholder='i.e. (123) 456-7890'/>
</div>
</div>
<div class='form-col'>
<div class='usa-input'>
<label for='ccpo-behalf-name'>CCPO approval on behalf of</label>
<input id='ccpo-behalf-name' type='text' placeholder='Name of approving officer'/>
</div>
<div class='usa-input'>
<label for='ccpo-behalf-email'>CCPO e-mail</label>
<input id='ccpo-behalf-email' type='email' placeholder='i.e. name@mail.mil'/>
</div>
<div class='usa-input'>
<label for='ccpo-behalf-phone'>CCPO phone number</label>
<input id='ccpo-behalf-phone' type='tel' placeholder='i.e. (123) 456-7890'/>
</div>
</div>
</div>
</div>
</section>
<section class='panel'> <section class='panel'>
<header class='panel__heading'> <header class='panel__heading'>
<h2 class='h3 request-approval__columns__heading'>Approval Log</h2> <h2 class='h3 request-approval__columns__heading'>Approval Log</h2>
@ -200,54 +318,8 @@
</div> </div>
</section> </section>
<section class='panel'>
<div class='panel__content'>
<p>Here is some good text explaining what the CCPO needs to do in order to approve the request. This text should also explain why we are asking for multiple people's names and the risk of boiling the ocean.</p>
<div class='usa-input'>
<label for='notes'>Notes</label>
<textarea id='notes' placeholder='Add notes or comments related to the approval or disapproval of this request.'/></textarea>
</div>
<div class='form-row'>
<div class='form-col'>
<div class='usa-input'>
<label for='mo-behalf-name'>Mission Owner approval on behalf of</label>
<input id='mo-behalf-name' type='text' placeholder='Name of approving officer'/>
</div>
<div class='usa-input'>
<label for='mo-behalf-email'>Mission Owner e-mail</label>
<input id='mo-behalf-email' type='email' placeholder='i.e. name@mail.mil'/>
</div>
<div class='usa-input'>
<label for='mo-behalf-phone'>Mission Owner phone number</label>
<input id='mo-behalf-phone' type='tel' placeholder='i.e. (123) 456-7890'/>
</div>
</div>
<div class='form-col'>
<div class='usa-input'>
<label for='ccpo-behalf-name'>CCPO approval on behalf of</label>
<input id='ccpo-behalf-name' type='text' placeholder='Name of approving officer'/>
</div>
<div class='usa-input'>
<label for='ccpo-behalf-email'>CCPO e-mail</label>
<input id='ccpo-behalf-email' type='email' placeholder='i.e. name@mail.mil'/>
</div>
<div class='usa-input'>
<label for='ccpo-behalf-phone'>CCPO phone number</label>
<input id='ccpo-behalf-phone' type='tel' placeholder='i.e. (123) 456-7890'/>
</div>
</div>
</div>
</div>
</section>
<div class='action-group'> <div class='action-group'>
<a href='/' class='usa-button usa-button-big'>Approve Request</a> <a href='/' class='usa-button usa-button-big'>Approve Request</a>
<a href='/' class='usa-button usa-button-big usa-button-secondary'>Deny Request</a> <a href='/' class='usa-button usa-button-big usa-button-secondary'>Deny Request</a>

View File

@ -267,7 +267,7 @@
<h2> <h2>
Primary Point of Contact Workspace Owner
<a href="{{ url_for('requests.requests_form_update', screen=3, request_id=request_id) }}" class="icon-link"> <a href="{{ url_for('requests.requests_form_update', screen=3, request_id=request_id) }}" class="icon-link">
{{ Icon('edit') }} {{ Icon('edit') }}
<span>Edit this section</span> <span>Edit this section</span>