The Framework Code

File List

{% macro hv(attr, value)%}
{% if value != '' %} {{attr}}="{{value}}"{% endif %}
{% endmacro hv %}

{% macro invoke(id, label, bstyle = 'btn-primary') %}
<button class="btn {{bstyle}}" data-bs-toggle="modal" data-bs-target="#{{id}}" type="button">{{label}}</button>
{% endmacro invoke %}

{% macro rinvoke(id, label, bstyle = 'btn-primary', title='') %}{% import _self as h %}
<button class="btn {{bstyle}}" data-bs-toggle="modal" data-bs-target="#{{id}}" type="button"{{h.hv('title', title)}}>{{label|raw}}</button>
{% endmacro rinvoke %}

{% macro start(opts) %}
    <div class="modal fade" id="{{opts.id}}" aria-labelledby="{{opts.id}}" aria-hidden="true">
        <div class="modal-dialog modal-{{opts.size is defined ? opts.size : 'lg'}}" role="document">
            <div class="modal-content">
{% endmacro start %}

{% macro end() %}
            </div>
        </div>
    </div>
{% endmacro end %}

{% macro header(opts) %}{% import _self as h %}
    <div class="modal-header">
        <h4 class="modal-title"{{h.hv('id', opts.id~'Title')}}>{{opts.title}}</h4>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
    </div>
{% endmacro header %}

{% macro footer(opts) %}{% import _self as h %}
    <div class="modal-footer">
        <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary"{{h.hv('id', opts.id)}}>{{opts.action}}</button>
    </div>
{% endmacro footer %}

{% macro open(opts) %}{% import _self as h %}
{{h.start(opts)}}
{{h.header(opts)}}
{% endmacro open %}

{% macro close(opts) %}{% import _self as h %}
{% if not opts.nofooter is defined %}{{h.footer(opts)}}{% endif %}
{{h.end()}}
{% endmacro close %}