pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update EmptyState macro to align with new designs

Browse Source
This commit is contained in:
leigh-mil
2019-12-03 15:03:14 -05:00
parent 74ff581570
commit 8e25adb1c3
5 changed files with 40 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
templates/components/empty_state.html
View File

@@ -1,20 +1,14 @@
{% from "components/icon.html" import Icon %}
{% macro EmptyState(message, action_label, action_href, icon=None, sub_message=None, add_perms=True) -%}
<div class='empty-state'>
<p class='empty-state__message'>{{ message }}</p>
{% if icon %}
{{ Icon(icon) }}
{% endif %}
{% if sub_message %}
<p class='empty-state__sub-message'>{{ sub_message }}</p>
{% endif %}
{% if add_perms and (action_href and action_label) %}
<a href='{{ action_href }}' class='usa-button usa-button-big'>{{ action_label }}</a>
{% endif %}
{% macro EmptyState(header, message, button_text, button_link, view_only_text, user_can_create=True) %}
<div class="empty-state">
<h3>{{ header }}</h3>
<p>{{ message }}</p>
<hr>
<div class="empty-state__footer">
{% if user_can_create %}
<a href="{{ button_link }}" class="usa-button usa-button-primary">{{ button_text }}</a>
{% else %}
<p>{{ view_only_text }}</p>
{% endif %}
</div>
</div>
{%- endmacro %}
{% endmacro %}