Add review and submit markup, clean up some file

This commit is contained in:
Luis Cielak 2018-06-12 10:43:19 -04:00
parent 734f34b12d
commit 8a7ce8a5dc
9 changed files with 205 additions and 9 deletions

View File

@ -11,4 +11,8 @@ h1, h2, h3, h4, h5, h6 {
h1 {
margin-top: 0.5em;
}
label {
font-style: italic;
}

View File

@ -2,7 +2,7 @@
{% block content %}
<main class="usa-section usa-content" id="main-content">
<main class="usa-section usa-content">
<h1>Calculator</h1>

View File

@ -2,7 +2,7 @@
{% block content %}
<main class="usa-section usa-content" id="main-content">
<main class="usa-section usa-content">
<h1>Home</h1>

View File

@ -11,7 +11,7 @@
</head>
<body>
<main class="usa-grid-full usa-section login-area" id="main-content">
<main class="usa-grid-full usa-section login-area">
<img class="logo-img" src="/static/img/logo-alt.png" alt="Defense Digital Service Logo">

View File

@ -2,7 +2,7 @@
{% block content %}
<main class="usa-section usa-content" id="main-content">
<main class="usa-section usa-content">
<h1>Reports</h1>

View File

@ -2,7 +2,7 @@
{% block content %}
<main class="usa-section usa-content" id="main-content">
<main class="usa-section usa-content">
<h1>Requests <a class="usa-button usa-button-secondary" href='{{ reverse_url('request_new') }}'>New Request</a></h1>

View File

@ -2,9 +2,201 @@
{% block form %}
<h2>Review &amp; Submit</h2>
<input type='textbox'>
<p class="usa-font-lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae placeat maiores illo totam consequuntur ipsum quo animi earum voluptatem, velit minus, perferendis aperiam, tenetur alias nemo ratione accusantium, ullam at!</p>
<h3>1. Details of Use <a href="" class="usa-button usa-button-secondary">Edit</a></h3>
<h4>Applications &amp; Environments (2)</h4>
<table class="usa-table-borderless" width="100%">
<thead>
<tr>
<th scope="col">Application Name</th>
<th scope="col">Total Users</th>
<th scope="col">Estimated Cost</th>
</tr>
</thead>
<tbody>
<tr>
<td><a href="#app-code-mil">Code.mil</a></td>
<td>235</td>
<td>$1,000,000,000</td>
</tr>
<tr>
<td><a href="#app-digital-dojo">Digital Dojo</a></td>
<td>1,337</td>
<td>$10,000</td>
</tr>
</tbody>
</table>
<h5 id="app-code-mil">Code.mil</h5>
<h6>Application Details</h6>
<label>Application description</label>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore tempora provident labore, deleniti facilis dolorum impedit repellat, et, quisquam modi eos libero nulla ut excepturi omnis. At magnam assumenda vero.</span>
<label>Estimated dollar value of use</label>
<span>$1,000,000,000</span>
<label>How did you arrive at this estimate?</label>
<span>CSP Calculator</span>
<label>Expected start date</label>
<span>2020-03-02</span>
<label>Desired period of performance</label>
<span>Lots of it</span>
<label>Classification level</label>
<span>Secret</span>
<label>Primary service branch usage</label>
<span>Army</span>
<label>Cloud model service</label>
<span>IaaS and PaaS</span>
<h6>Computation</h6>
<label>Number of cores</label>
<span>32</span>
<label>Total RAM</label>
<span>128GB</span>
<h6>Storage</h6>
<label>Object storage</label>
<span>10TB</span>
<label>Server storage</label>
<span>100TB</span>
<h6>Estimated Application Storage</h6>
<label>Expected active users</label>
<span>300</span>
<label>Expected peak concurrent users</label>
<span>1,000</span>
<label>Expected requests per minute</label>
<span>1,000</span>
<label>Number of application environments</label>
<span>3</span>
<h5 id="app-digital-dojo">Digital Dojo</h5>
<h6>Application Details</h6>
<label>Application description</label>
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore tempora provident labore, deleniti facilis dolorum impedit repellat, et, quisquam modi eos libero nulla ut excepturi omnis. At magnam assumenda vero.</span>
<label>Estimated dollar value of use</label>
<span>$10,000</span>
<label>How did you arrive at this estimate?</label>
<span>CSP Calculator</span>
<label>Expected start date</label>
<span>2020-03-02</span>
<label>Desired period of performance</label>
<span>Lots of it</span>
<label>Classification level</label>
<span>Secret</span>
<label>Primary service branch usage</label>
<span>Army</span>
<label>Cloud model service</label>
<span>IaaS and PaaS</span>
<h6>Computation</h6>
<label>Number of cores</label>
<span>32</span>
<label>Total RAM</label>
<span>128GB</span>
<h6>Storage</h6>
<label>Object storage</label>
<span>10TB</span>
<label>Server storage</label>
<span>100TB</span>
<h6>Estimated Application Storage</h6>
<label>Expected active users</label>
<span>300</span>
<label>Expected peak concurrent users</label>
<span>1,000</span>
<label>Expected requests per minute</label>
<span>1,000</span>
<label>Number of application environments</label>
<span>3</span>
<h3>2. Organizational Info <a href="" class="usa-button usa-button-secondary">Edit</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint qui rem molestiae officia vitae quas error ut, est commodi quo! Error itaque earum, facere quod dolore qui beatae repudiandae accusantium.</p>
<h4>Information About Requester</h4>
<label>Name</label>
<span>Friedrich Straat</span>
<label>Email</label>
<span>fstraat@mail.gov</span>
<label>Phone Number</label>
<span>(123) 456-7890</span>
<label>Office Symbol / Department</label>
<span>Army</span>
<label>Citizenship</label>
<span>United States</span>
<label>Designation of Person</label>
<span>Military</span>
<label>Latest IA Training completion date</label>
<span>2018-04-12</span>
<h4>Information About Collaborators</h4>
<label>Name</label>
<span>Pietro Quirinis</span>
<label>Email</label>
<span>quirinis@mail.gov</span>
<h3>3. Funding &amp; Contracting <a href="" class="usa-button usa-button-secondary">Edit</a></h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Esse inventore non illo quibusdam tempora vero temporibus reprehenderit sapiente cumque enim quaerat fuga praesentium nemo vel, expedita numquam sequi sed iusto!</p>
<br><br>
{% end %}
{% block next %}
<b class='usa-button'>Submit to Contracting Officer</b>
<a class='usa-button'>Submit</a>
{% end %}

View File

@ -2,7 +2,7 @@
{% block content %}
<main class="usa-section usa-content" id="main-content">
<main class="usa-section usa-content">
<h1>Users</h1>

View File

@ -2,7 +2,7 @@
{% block content %}
<main class="usa-section usa-content usa-width-one-whole" id="main-content">
<main class="usa-section usa-content usa-width-one-whole">
<h1>Workspaces</h1>