mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-10 18:22:37 -04:00
Chris Hill-Scott
dd30c9f970
This looks tidy, and because of the sticky footer it means the message is always visible, even if your template is quite long. So no matter where you’re scrolled to in the template you don’t have to scroll to the bottom to see the count update.
50 lines
2.0 KiB
HTML
50 lines
2.0 KiB
HTML
{% from "components/button/macro.njk" import govukButton %}
|
|
|
|
{% macro page_footer(
|
|
button_text=None,
|
|
button_name=None,
|
|
button_value=None,
|
|
button_text_hidden_suffix=None,
|
|
destructive=False,
|
|
secondary_link=False,
|
|
secondary_link_text=None,
|
|
delete_link=False,
|
|
delete_link_text="delete",
|
|
centered_button=False,
|
|
inline_block=False
|
|
) %}
|
|
<div class="page-footer {% if inline_block %}page-footer--inline-block{% endif %}">
|
|
{% if button_text %}
|
|
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
|
|
|
|
{% set button_data = {"text": button_text, "classes": "page-footer__button"} %}
|
|
{% if destructive %}{% set _ = button_data.update({"classes": "govuk-button--warning page-footer__button"}) %}{% endif %}
|
|
{% if centered_button %}{% set _ = button_data.update({"classes": "page-footer__button--centred"}) %}{% endif %}
|
|
{% if button_name %}{% set _ = button_data.update({"name": button_name}) %}{% endif %}
|
|
{% if button_value %}{% set _ = button_data.update({"value": button_value}) %}{% endif %}
|
|
{% if button_text_hidden_suffix %}
|
|
{% set _ = button_data.update({
|
|
"text": "", "html": button_text + "<span class=\"govuk-visually-hidden\"> " + button_text_hidden_suffix + "</span>"
|
|
}) %}
|
|
{% endif %}
|
|
|
|
{{ govukButton(button_data) }}
|
|
|
|
{% endif %}
|
|
{% if delete_link %}
|
|
<span class="page-footer-delete-link {% if not button_text %}page-footer-delete-link-without-button{% endif %}">
|
|
<a class="govuk-link govuk-link--destructive" href="{{ delete_link }}">{{ delete_link_text }}</a>
|
|
</span>
|
|
{% endif %}
|
|
{% if secondary_link and secondary_link_text %}
|
|
<a class="govuk-link govuk-link--no-visited-state page-footer-secondary-link" href="{{ secondary_link }}">{{ secondary_link_text }}</a>
|
|
{% endif %}
|
|
</div>
|
|
{% endmacro %}
|
|
|
|
{% macro sticky_page_footer(button_text=None) %}
|
|
<div class="js-stick-at-bottom-when-scrolling">
|
|
{{ page_footer(button_text) }}
|
|
</div>
|
|
{% endmacro %}
|