77 lines
3.8 KiB
HTML
77 lines
3.8 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 | sort(attribute='name')%}
|
|
<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 JEDI_clin.remaining < 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:{{ (JEDI_clin.remaining, 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 JEDI_clin.remaining > 0 else "insufficient"}}"></span>
|
|
Remaining funds:
|
|
</p>
|
|
<p class="h3 jedi-clin-funding__meta-value {% if JEDI_clin.remaining < 0 %}text-danger{% endif %}">{{ JEDI_clin.remaining | 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.view_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> |