canaille-globuzma/canaille/templates/fomanticui.html
2021-12-09 18:26:11 +01:00

102 lines
3.2 KiB
HTML

{% macro render_field(
field,
label_visible=true,
icon=none,
container=true,
noindicator=false,
indicator_icon=none,
indicator_text=none,
display=true
) -%}
{% if container %}
<div class="field {{ kwargs.pop('class_', '') }}
{%- if field.errors %} error{% endif -%}
{%- if field.render_kw and "disabled" in field.render_kw %} disabled{% endif -%}"
{% if not display %}style="display: none"{% endif %}
>
{% endif %}
{% if (field.type != 'HiddenField' and field.type !='CSRFTokenField') and label_visible %}
{{ field.label() }}
{% endif %}
{% set lock_indicator = field.render_kw and ("readonly" in field.render_kw or "disabled" in field.render_kw) %}
{% set required_indicator = "required" in field.flags %}
<div class="ui
{% if not noindicator and (indicator_icon or lock_indicator or required_indicator) %}corner labeled{% endif %}
{% if icon %}left icon {% endif %}
{% if field.type not in ("BooleanField", "RadioField") %}input{% endif %}
">
{% if icon %}<i class="{{ icon }} icon"></i>{% endif %}
{% if field.type not in ("SelectField", "SelectMultipleField") %}
{{ field(**kwargs) }}
{% elif field.render_kw and "readonly" in field.render_kw %}
{{ field(class_="ui fluid dropdown multiple read-only", **kwargs) }}
{% else %}
{{ field(class_="ui fluid dropdown multiple", **kwargs) }}
{% endif %}
{% if not noindicator %}
{% if indicator_icon %}
<div class="ui corner label"{% if indicator_text %} title="{{ indicator_text }}"{% endif %}>
<i class="{{ indicator_icon }} icon"></i>
</div>
{% elif lock_indicator %}
<div class="ui corner label" title="{{ _("This field is not editable") }}">
<i class="lock icon"></i>
</div>
{% elif required_indicator %}
<div class="ui corner label" title="{{ _("This field is required") }}">
<i class="asterisk icon"></i>
</div>
{% endif %}
{% endif %}
</div>
{% if field.errors %}
{% for error in field.errors %}
<div class="ui pointing red basic label">
<p>{{ error }}</p>
</div>
{% endfor %}
{% endif %}
{% if container %}
</div>
{% endif %}
{%- endmacro %}
{% macro render_fields(form) %}
{{ form.hidden_tag() if form.hidden_tag }}
{% if caller %}
{{ caller() }}
{% else %}
{% for field in form %}
{{ render_field(field) }}
{% endfor %}
{% endif %}
{% endmacro %}
{% macro render_form(
form,
action_text='submit',
class_='',
btn_class='ui right floated primary button',
action=none,
id=none) -%}
<form method="POST"
id="{{ id or form.__class__.__name__|lower }}"
action="{{ action or form.action }}"
role="form"
enctype="multipart/form-data"
class="ui form {{ class_ }}"
>
{{ render_fields(form) }}
{% if action_text %}
<button type="submit" class="{{ btn_class }}">{{ action_text }}</button>
{% endif %}
</form>
{%- endmacro %}