dc9a21a501
All mock reporting data was moved to a JSON file. The concept of what JEDI CLIN a particular environment drew money from was added to the data. This change had a cascade effect to the reporting class methods, templates, and Vue components that ingested that reporting data. Many of these files were modified to adapt to these changes. This also included modifying the obligated funding bar graphs to reflect new design changes.
78 lines
3.9 KiB
HTML
78 lines
3.9 KiB
HTML
{% from "components/icon.html" import Icon %}
|
|
|
|
<section>
|
|
<header class="reporting-section-header">
|
|
<h2 class="reporting-section-header__header">Current Obligated funds</h2>
|
|
<span class="reporting-section-header__subheader">As of {{ retrieved | formattedDate(formatter="%B %d, %Y at %H:%M") }}</span>
|
|
</header>
|
|
<div class='panel'>
|
|
<div class='panel__content jedi-clin-funding'>
|
|
{% for JEDI_clin in current_obligated_funds %}
|
|
{% set remaining_funds = JEDI_clin.obligated - (JEDI_clin.invoiced + JEDI_clin.estimated) %}
|
|
<div class="jedi-clin-funding__clin-wrapper">
|
|
<h3 class="h5 jedi-clin-funding__header">
|
|
{{ "JEDICLINType.{}".format(JEDI_clin.name) | translate }}
|
|
</h3>
|
|
<p class="jedi-clin-funding__subheader">Total obligated amount: {{ JEDI_clin.obligated | dollars }}</p>
|
|
<div class="jedi-clin-funding__graph">
|
|
{% if remaining_funds < 0 %}
|
|
<span style="width:100%" class="jedi-clin-funding__graph-bar jedi-clin-funding__graph-bar--insufficient"></span>
|
|
{% else %}
|
|
{% set invoiced_width = (JEDI_clin.invoiced, JEDI_clin.obligated) | obligatedFundingGraphWidth %}
|
|
{% if invoiced_width %}
|
|
<span style="width:{{ invoiced_width }}%"
|
|
class="jedi-clin-funding__graph-bar jedi-clin-funding__graph-bar--invoiced">
|
|
</span>
|
|
{% endif %}
|
|
|
|
{% set estimated_width = (JEDI_clin.estimated, JEDI_clin.obligated) | obligatedFundingGraphWidth %}
|
|
{% if estimated_width %}
|
|
<span style="width:{{ (JEDI_clin.estimated, JEDI_clin.obligated) | obligatedFundingGraphWidth }}%"
|
|
class="jedi-clin-funding__graph-bar jedi-clin-funding__graph-bar--estimated">
|
|
</span>
|
|
{% endif %}
|
|
<span style="width:{{ (remaining_funds, JEDI_clin.obligated) | obligatedFundingGraphWidth }}%"
|
|
class="jedi-clin-funding__graph-bar jedi-clin-funding__graph-bar--remaining">
|
|
</span>
|
|
{% endif %}
|
|
|
|
|
|
</div>
|
|
<div class="jedi-clin-funding__graph-values">
|
|
<div class="jedi-clin-funding__meta">
|
|
<p class="jedi-clin-funding__meta-header">
|
|
<span class="jedi-clin-funding__meta-key jedi-clin-funding__meta-key--invoiced"></span>
|
|
Invoiced expended funds:
|
|
</p>
|
|
<p class="h3 jedi-clin-funding__meta-value">{{ JEDI_clin.invoiced | dollars }}</p>
|
|
</div>
|
|
<div class="jedi-clin-funding__meta">
|
|
<p class="jedi-clin-funding__meta-header">
|
|
<span class="jedi-clin-funding__meta-key jedi-clin-funding__meta-key--estimated"></span>
|
|
Estimated expended funds:
|
|
</p>
|
|
<p class="h3 jedi-clin-funding__meta-value">{{ JEDI_clin.estimated | dollars }}</p>
|
|
</div>
|
|
<div class="jedi-clin-funding__meta">
|
|
<p class="jedi-clin-funding__meta-header">
|
|
<span class="jedi-clin-funding__meta-key jedi-clin-funding__meta-key--{{"remaining" if remaining_funds > 0 else "insufficient"}}"></span>
|
|
Remaining funds:
|
|
</p>
|
|
<p class="h3 jedi-clin-funding__meta-value {% if remaining_funds < 0 %}text-danger{% endif %}">{{ remaining_funds | dollars }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<div class="jedi-clin-funding__active-task-orders">
|
|
<h3 class="h4">
|
|
Active Task Orders
|
|
</h3>
|
|
{% 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 }} {{ Icon("caret_right", classes="icon--tiny icon--blue" ) }}
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section> |