291 lines
9.1 KiB
HTML
291 lines
9.1 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% from "components/icon.html" import Icon %}
|
|
|
|
{% block content %}
|
|
|
|
<article class='col col--grow request-approval'>
|
|
|
|
<form>
|
|
<section class='panel'>
|
|
<header class='panel__heading request-approval__heading'>
|
|
<h1 class='h2'>Request #1234567890</h1>
|
|
<span class='label label--info'>Pending</span>
|
|
</header>
|
|
|
|
<div class='panel__content'>
|
|
|
|
<p>Ongoing maintainence for Death Star (a moon-sized Imperial military battlestation armed with a planet-destroying superlaser). Its definitely hasn't been sabotaged from the start.</p>
|
|
|
|
<h2>Details of Use</h2>
|
|
<dl>
|
|
<div>
|
|
<dt>DoD Component</dt>
|
|
<dd>
|
|
Army, Department of the
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>JEDI Usage</dt>
|
|
<dd>asdsa</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Number of software systems</dt>
|
|
<dd>
|
|
2
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>JEDI Migration</dt>
|
|
<dd>yes</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Rationalization of Software Systems</dt>
|
|
<dd>yes</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Technical Support Team</dt>
|
|
<dd>yes</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Organization Providing Assistance</dt>
|
|
<dd>
|
|
In-house staff
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Engineering Assessment</dt>
|
|
<dd>yes</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Data Transfers</dt>
|
|
<dd>
|
|
Less than 100GB
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Expected Completion Date</dt>
|
|
<dd>
|
|
Less than 1 month
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Estimated Monthly Spend</dt>
|
|
<dd>
|
|
$12
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Total Spend</dt>
|
|
<dd>
|
|
$1,231
|
|
</dd>
|
|
</div>
|
|
<div>
|
|
<dt>Start Date</dt>
|
|
<dd>12/12/2018</dd>
|
|
</div>
|
|
</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'>
|
|
<header class='panel__heading'>
|
|
<h2 class='h3'>Approval Notes</h2>
|
|
</header>
|
|
|
|
<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='action-group'>
|
|
<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='icon-link'>
|
|
{{ Icon('x') }}
|
|
<span>Cancel</span>
|
|
</a>
|
|
</section>
|
|
|
|
<section class='panel'>
|
|
<header class='panel__heading'>
|
|
<h2 class='h3 request-approval__columns__heading'>Approval Log</h2>
|
|
</header>
|
|
<div>
|
|
<div class='approval-log'>
|
|
<ol>
|
|
<li>
|
|
<article class='approval-log__log-item'>
|
|
<div>
|
|
<h3 class='approval-log__log-item__header'>Denied by Darth Vader</h3>
|
|
<p>"You have failed me for the last time, Admiral. Captain Piett. Yes, my lord. Make ready to land out troops beyond the energy shield and deploy the fleet so that nothing gets off that system."</p>
|
|
|
|
<div class='approval-log__behalfs'>
|
|
<div class='approval-log__behalf'>
|
|
<h3 class='approval-log__log-item__header'>Mission Owner approval on behalf of:</h3>
|
|
<span>Grand Moff Tarkin</span>
|
|
<span>tarkin@empire.mil</span>
|
|
<span>(234) 567-8901</span>
|
|
</div>
|
|
|
|
<div class='approval-log__behalf'>
|
|
<h3 class='approval-log__log-item__header'>CCPO approval on behalf of:</h3>
|
|
<span>Emperor Palpatine</span>
|
|
<span>palpatine@empire.mil</span>
|
|
<span>(345) 678-9012</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class='approval-log__log-item__timestamp'><time datetime='2018-07-02 04:23:02 EST'>2018-07-02 04:23:02 EST</time></footer>
|
|
</article>
|
|
</li>
|
|
|
|
|
|
<li>
|
|
<article class='approval-log__log-item'>
|
|
<div>
|
|
<h3 class='approval-log__log-item__header'>Denied by Darth Vader</h3>
|
|
<p>"You have failed me for the last time, Admiral. Captain Piett. Yes, my lord. Make ready to land out troops beyond the energy shield and deploy the fleet so that nothing gets off that system."</p>
|
|
|
|
<div class='approval-log__behalfs'>
|
|
<div class='approval-log__behalf'>
|
|
<h3 class='approval-log__log-item__header'>Mission Owner approval on behalf of:</h3>
|
|
<span>Grand Moff Tarkin</span>
|
|
<span>tarkin@empire.mil</span>
|
|
<span>(234) 567-8901</span>
|
|
</div>
|
|
|
|
<div class='approval-log__behalf'>
|
|
<h3 class='approval-log__log-item__header'>CCPO approval on behalf of:</h3>
|
|
<span>Emperor Palpatine</span>
|
|
<span>palpatine@empire.mil</span>
|
|
<span>(345) 678-9012</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class='approval-log__log-item__timestamp'><time datetime='2018-07-02 04:23:02 EST'>2018-07-02 04:23:02 EST</time></footer>
|
|
</article>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</form>
|
|
</article>
|
|
|
|
{% endblock %}
|
|
|