2021-04-01 20:14:23 +00:00
|
|
|
{% load i18n %}
|
2021-03-03 19:10:09 +00:00
|
|
|
<div
|
|
|
|
role="dialog"
|
|
|
|
class="modal hidden"
|
|
|
|
id="{{ controls_text }}-{{ controls_uid }}"
|
2021-03-03 21:58:01 +00:00
|
|
|
aria-labelledby="modal-card-title-{{ controls_text }}-{{ controls_uid }}"
|
2021-03-04 19:14:11 +00:00
|
|
|
aria-modal="true"
|
2021-03-03 19:10:09 +00:00
|
|
|
>
|
2021-03-04 19:38:28 +00:00
|
|
|
{# @todo Implement focus traps to prevent tabbing out of the modal. #}
|
2021-01-17 18:10:59 +00:00
|
|
|
<div class="modal-background"></div>
|
2021-04-01 20:14:23 +00:00
|
|
|
{% trans "Close" as label %}
|
2021-01-17 18:10:59 +00:00
|
|
|
<div class="modal-card">
|
2021-01-18 16:54:00 +00:00
|
|
|
<header class="modal-card-head" tabindex="0" id="modal-title-{{ controls_text }}-{{ controls_uid }}">
|
2021-03-03 21:58:01 +00:00
|
|
|
<h2 class="modal-card-title" id="modal-card-title-{{ controls_text }}-{{ controls_uid }}">
|
2021-01-17 18:10:59 +00:00
|
|
|
{% block modal-title %}{% endblock %}
|
|
|
|
</h2>
|
2021-04-01 20:14:23 +00:00
|
|
|
{% include 'snippets/toggle/toggle_button.html' with label=label class="delete" nonbutton=True %}
|
2021-01-17 18:10:59 +00:00
|
|
|
</header>
|
|
|
|
{% block modal-form-open %}{% endblock %}
|
2021-01-30 21:11:43 +00:00
|
|
|
{% if not no_body %}
|
2021-01-20 06:30:51 +00:00
|
|
|
<section class="modal-card-body">
|
|
|
|
{% block modal-body %}{% endblock %}
|
|
|
|
</section>
|
2021-01-30 21:11:43 +00:00
|
|
|
{% endif %}
|
2021-01-17 18:10:59 +00:00
|
|
|
<footer class="modal-card-foot">
|
|
|
|
{% block modal-footer %}{% endblock %}
|
|
|
|
</footer>
|
|
|
|
{% block modal-form-close %}{% endblock %}
|
|
|
|
</div>
|
2021-04-01 20:14:23 +00:00
|
|
|
{% include 'snippets/toggle/toggle_button.html' with label=label class="modal-close is-large" nonbutton=True %}
|
2021-01-17 18:10:59 +00:00
|
|
|
</div>
|
|
|
|
|