This commit lays out the genral structure and provides necessary data for the new reporting page designs. Some of the data generated by the report domain classes (including the mock CSP reporting class) was modified to fit new designs. This also included removing data that was no longer necessary. Part of the newly mocked data includes the idea of "expended" data per CLIN or task order. This was was mocked simply by using a 75% of the obligated funds fo a given object. Tests were also written for these new/ modifed reporting functions. As for the front end, this commit only focuses on the high-level markup layout. This includes splitting the large reporting index page into smaller component templates for each of the major sections of the report.
31 lines
1.1 KiB
HTML
31 lines
1.1 KiB
HTML
|
|
<section>
|
|
<header>
|
|
<h2>Current Obligated funds</h2>
|
|
<span>As of DATE</span>
|
|
</header>
|
|
<div class='panel'>
|
|
<div class='panel__content'>
|
|
<div>
|
|
{% for JEDI_clin, funds in current_obligated_funds.items() %}
|
|
{{ JEDI_clin }}
|
|
<meter value='{{ funds["expended_funds"] }}' min='0' max='{{ funds["obligated_funds"] }}' title='{{ JEDI_clin }}'>
|
|
<div class='meter__fallback' style='width:{{ (funds["expended_funds"] / funds["obligated_funds"]) * 100 }}%;'></div>
|
|
</meter>
|
|
<div>
|
|
<p>Remaining funds:</p>
|
|
<p>{{ (funds["obligated_funds"] - funds["expended_funds"]) | dollars }}</p>
|
|
</div>
|
|
<div>
|
|
<p>Funds expended to date:</p>
|
|
<p>{{ funds["expended_funds"] | dollars }}</p>
|
|
</div>
|
|
<hr>
|
|
{% endfor %}
|
|
{% for task_order in portfolio.active_task_orders %}
|
|
<a href="{{ url_for("task_orders.review_task_order", task_order_id=task_order.id) }}">{{ task_order.number }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |