dummy markup for workspace reports summary panels

This commit is contained in:
Andrew Croce 2018-08-20 16:46:20 -04:00
parent 740900ebc6
commit 4618abb085

View File

@ -4,14 +4,12 @@
{% block workspace_content %} {% 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>", 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=[ actions=[
{"label": "Learn More", "href": "/", "icon": "info"}, {"label": "Learn More", "href": "/", "icon": "info"},
{"label": "Dismiss", "href": "/"} {"label": "Dismiss", "href": "/"}
], ] ) }}
level='warning'
) }}
<div class='funding-summary-row'> <div class='funding-summary-row'>
@ -27,17 +25,62 @@
<div> <div>
<dt>Remaining</dt> <dt>Remaining</dt>
<dd>$99,798,000</dd> <dd>$60,000,000</dd>
</div> </div>
</dl> </dl>
</div> </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> </div>
<div class='funding-summary-row__col'> <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>
</div> </div>