37 lines
1.7 KiB
HTML
37 lines
1.7 KiB
HTML
{% from "components/tooltip.html" import Tooltip %}
|
|
{% from "components/icon.html" import Icon %}
|
|
|
|
|
|
<section class="row">
|
|
<div class='col col--grow summary-item'>
|
|
<h5 class="summary-item__header">
|
|
<span class="summary-item__header-text">{{ "portfolios.reports.total_value.header" | translate }}</span>
|
|
{{Tooltip(("portfolios.reports.total_value.tooltip" | translate), title="", classes="icon-tooltip--tight")}}
|
|
</h5>
|
|
<p class="summary-item__value">{{ total_portfolio_value | dollars }}</p>
|
|
</div>
|
|
<div class='col col--grow summary-item'>
|
|
<h5 class="summary-item__header">
|
|
<span class="summary-item__header-text">{{ "portfolios.reports.duration.header" | translate }}</span>
|
|
{{Tooltip(("portfolios.reports.duration.tooltip" | translate), title="", classes="icon-tooltip--tight")}}
|
|
</h5>
|
|
{% set earliest_pop_start_date, latest_pop_end_date = portfolio.funding_duration %}
|
|
{% if earliest_pop_start_date and latest_pop_end_date %}
|
|
<p class="summary-item__value" >
|
|
{{ earliest_pop_start_date | formattedDate(formatter="%B %d, %Y") }}
|
|
-
|
|
{{ latest_pop_end_date | formattedDate(formatter="%B %d, %Y") }}
|
|
</p>
|
|
{% else %}
|
|
<p class="summary-item__value"> - </p>
|
|
{% endif %}
|
|
</div>
|
|
<div class='col col--grow summary-item'>
|
|
<h5 class="summary-item__header">
|
|
<span class="summary-item__header-text">{{ "portfolios.reports.days_remaining.header" | translate }}</span>
|
|
{{Tooltip(("portfolios.reports.days_remaining.toolip" | translate), title="", classes="icon-tooltip--tight")}}
|
|
</h5>
|
|
<p class="summary-item__value">{{ portfolio.days_to_funding_expiration }} days</p>
|
|
</div>
|
|
</section>
|