mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-05 16:38:59 -04:00
48 lines
1.4 KiB
HTML
48 lines
1.4 KiB
HTML
{% macro big_number(number, label, label_link=None, currency='', smaller=False) %}
|
||
<div class="big-number{% if smaller %}-smaller{% endif %}">
|
||
{% if number is number %}
|
||
{% if currency %}
|
||
{{ "{}{:,.2f}".format(currency, number) }}
|
||
{% else %}
|
||
{{ "{}{:,}".format(currency, number) }}
|
||
{% endif %}
|
||
{% else %}
|
||
{{ number }}
|
||
{% endif %}
|
||
{% if label_link %}
|
||
<a class="big-number-label" href="{{ label_link }}">{{ label }}</a>
|
||
<a class="big-number-overlay-link" href="{{ label_link }}" aria-hidden="true"></a>
|
||
{% else %}
|
||
<span class="big-number-label">{{ label }}</span>
|
||
{% endif %}
|
||
</div>
|
||
{% endmacro %}
|
||
|
||
|
||
{% macro big_number_with_status(
|
||
number,
|
||
label,
|
||
failures,
|
||
failure_percentage,
|
||
danger_zone=False,
|
||
failure_link=None,
|
||
label_link=None
|
||
) %}
|
||
<div class="big-number-with-status">
|
||
{{ big_number(number, label, label_link) }}
|
||
<div class="big-number-status{% if danger_zone %}-failing{% endif %}">
|
||
{% if failures %}
|
||
{% if failure_link %}
|
||
<a href="{{ failure_link }}">
|
||
{{ "{:,}".format(failures) }} failed – {{ failure_percentage }}%
|
||
</a>
|
||
{% else %}
|
||
{{ "{:,}".format(failures) }} failed – {{ failure_percentage }}%
|
||
{% endif %}
|
||
{% else %}
|
||
No failures
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
{% endmacro %}
|