mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-05-03 07:31:28 -04:00
76 lines
2.1 KiB
HTML
76 lines
2.1 KiB
HTML
{% macro big_number(number, label, link=None, currency='', smaller=False, smallest=False) %}
|
||
{% if link %}
|
||
<a class="usa-link display-flex" href="{{ link }}">
|
||
{% endif %}
|
||
<span class="big-number{% if smaller %}-smaller{% endif %}{% if smallest %}-smallest{% endif %}">
|
||
<span class="big-number-number">
|
||
{% if number is number %}
|
||
{% if currency %}
|
||
{{ "{}{:,.2f}".format(currency, number) }}
|
||
{% else %}
|
||
{{ "{:,}".format(number) }}
|
||
{% endif %}
|
||
{% else %}
|
||
{{ number }}
|
||
{% endif %}
|
||
</span>
|
||
{% if label %}
|
||
<span class="big-number-label">{{ label }}</span>
|
||
{% endif %}
|
||
</span>
|
||
{% if link %}
|
||
</a>
|
||
{% endif %}
|
||
{% endmacro %}
|
||
|
||
|
||
{% macro big_number_with_status(
|
||
number,
|
||
label,
|
||
failures,
|
||
failure_percentage,
|
||
danger_zone=False,
|
||
failure_link=None,
|
||
link=None,
|
||
show_failures=True,
|
||
smaller=False,
|
||
smallest=False
|
||
) %}
|
||
<span class="big-number-with-status">
|
||
{{ big_number(number, label, link=link, smaller=smaller, smallest=smallest) }}
|
||
{% if show_failures %}
|
||
<span class="big-number-status{% if danger_zone %} big-number-status--failing{% endif %}">
|
||
{% if failures %}
|
||
{% if failure_link %}
|
||
<a class="usa-link" href="{{ failure_link }}">
|
||
{{ "{:,}".format(failures) }}
|
||
failed – {{ failure_percentage }}%
|
||
</a>
|
||
{% else %}
|
||
{{ "{:,}".format(failures) }}
|
||
failed – {{ failure_percentage }}%
|
||
{% endif %}
|
||
{% else %}
|
||
No failures
|
||
{% endif %}
|
||
</span>
|
||
{% endif %}
|
||
</span>
|
||
{% endmacro %}
|
||
|
||
|
||
{% macro big_number_simple(number, label) %}
|
||
<span class="big-number-dark bottom-gutter-2-3">
|
||
<span class="big-number-number">
|
||
{% if number is number %}
|
||
{{ "{:,}".format(number) }}
|
||
{% else %}
|
||
{{ number }}
|
||
{% endif %}
|
||
</span>
|
||
{% if label %}
|
||
<span class="big-number-label">{{ label }}</span>
|
||
{% endif %}
|
||
</span>
|
||
{% endmacro %}
|