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

dummy markup for workspace reports summary panels

Browse Source
This commit is contained in:
Andrew Croce 2018-08-20 16:46:20 -04:00
parent 740900ebc6
commit 4618abb085
1 changed files with 51 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
templates/workspace_reports.html
View File

@ -4,14 +4,12 @@
{% block workspace_content %}
{{ Alert('Funding Information & Reports for Workspace 123',
{{ Alert("Funding Information & Reports for Workspace " + workspace_id,
message="<p>On this screen you'll find detailed reporting information on this workspace. This message needs to be written better and be dismissable.</p>",
actions=[
{"label": "Learn More", "href": "/", "icon": "info"},
{"label": "Dismiss", "href": "/"}
],
level='warning'
) }}
] ) }}
<div class='funding-summary-row'>
@ -21,23 +19,68 @@
<h2 class='spend-summary__heading col'>Workspace Total Spend</h2>
<dl class='spend-summary__budget'>
<div>
<dt>Budget</dt>
<dt>Budget </dt>
<dd>$100,000,000</dd>
</div>
<div>
<dt>Remaining</dt>
<dd>$99,798,000</dd>
<dd>$60,000,000</dd>
</div>
</dl>
</div>
<meter value='202000' min='0' max='100000000'>$202,000 of $100,000,000</meter>
<div>
<meter value='40000000' min='0' max='100000000' title='$40,000,000 Total spend to date'></meter>
<dl class='spend-summary__spent'>
<dt>Total spend to date</dt>
<dd>$40,000,00</dd>
</dl>
</div>
</div>
</div>
<div class='funding-summary-row__col'>
<div class='panel'>T.O. Summary</div>
<div class='panel to-summary'>
<div class='to-summary__row'>
<div class='to-summary__to'>
<h2 class='to-summary__heading'>Task Order</h2>
<dl class='to-summary__to-number'>
<dt class='usa-sr-only'>Task Order Number</dt>
<dd>1234567890</dd>
</dl>
</div>
<div class='to-summary__expiration'>
<dl>
<div>
<dt>Expires</dt>
<dd>November 1, 2019</dd>
</div>
<div>
<dt>Remaining</dt>
<dd>200 days</dd>
</div>
</dl>
<a href='/' class='icon-link'>
Manage Task Order
</a>
</div>
</div>
<dl class='to-summary__co'>
<dt>Contracting Officer</dt>
<dd>
Pietro Quirines
<a class='icon-link' href='mailto:email@email.com'>email@email.com</a>
</dd>
</dl>
</div>
</div>
</div>