335 lines
10 KiB
Twig
335 lines
10 KiB
Twig
|
{% extends "form_div_layout.html.twig" %}
|
||
|
|
|
||
|
|
{# Based on Foundation 5 Doc #}
|
||
|
|
{# Widgets #}
|
||
|
|
|
||
|
|
{% block form_widget_simple -%}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{{- parent() -}}
|
||
|
|
{%- endblock form_widget_simple %}
|
||
|
|
|
||
|
|
{% block textarea_widget -%}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{{- parent() -}}
|
||
|
|
{%- endblock textarea_widget %}
|
||
|
|
|
||
|
|
{% block button_widget -%}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' button')|trim}) %}
|
||
|
|
{{- parent() -}}
|
||
|
|
{%- endblock button_widget %}
|
||
|
|
|
||
|
|
{% block money_widget -%}
|
||
|
|
<div class="grid-x grid-margin-x collapse">
|
||
|
|
{% set prepend = '{{' == money_pattern[0:2] %}
|
||
|
|
{% if not prepend %}
|
||
|
|
<div class="small-3 large-2 cell">
|
||
|
|
<span class="prefix">{{ money_pattern|form_encode_currency }}</span>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
<div class="small-9 large-10 cell">
|
||
|
|
{{- block('form_widget_simple') -}}
|
||
|
|
</div>
|
||
|
|
{% if prepend %}
|
||
|
|
<div class="small-3 large-2 cell">
|
||
|
|
<span class="postfix">{{ money_pattern|form_encode_currency }}</span>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
</div>
|
||
|
|
{%- endblock money_widget %}
|
||
|
|
|
||
|
|
{% block percent_widget -%}
|
||
|
|
<div class="grid-x grid-margin-x collapse">
|
||
|
|
<div class="small-9 large-10 cell">
|
||
|
|
{{- block('form_widget_simple') -}}
|
||
|
|
</div>
|
||
|
|
<div class="small-3 large-2 cell">
|
||
|
|
<span class="postfix">%</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{%- endblock percent_widget %}
|
||
|
|
|
||
|
|
{% block datetime_widget -%}
|
||
|
|
{% if widget == 'single_text' %}
|
||
|
|
{{- block('form_widget_simple') -}}
|
||
|
|
{% else %}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' row')|trim}) %}
|
||
|
|
<div class="grid-x grid-margin-x">
|
||
|
|
<div class="large-7 cell">{{ form_errors(form.date) }}</div>
|
||
|
|
<div class="large-5 cell">{{ form_errors(form.time) }}</div>
|
||
|
|
</div>
|
||
|
|
<div {{ block('widget_container_attributes') }}>
|
||
|
|
<div class="large-7 cell">{{ form_widget(form.date, { datetime: true } ) }}</div>
|
||
|
|
<div class="large-5 cell">{{ form_widget(form.time, { datetime: true } ) }}</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{%- endblock datetime_widget %}
|
||
|
|
|
||
|
|
{% block date_widget -%}
|
||
|
|
{% if widget == 'single_text' %}
|
||
|
|
{{- block('form_widget_simple') -}}
|
||
|
|
{% else %}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' row')|trim}) %}
|
||
|
|
{% if datetime is not defined or not datetime %}
|
||
|
|
<div {{ block('widget_container_attributes') }}>
|
||
|
|
{% endif %}
|
||
|
|
{{- date_pattern|replace({
|
||
|
|
'{{ year }}': '<div class="large-4 cell">' ~ form_widget(form.year) ~ '</div>',
|
||
|
|
'{{ month }}': '<div class="large-4 cell">' ~ form_widget(form.month) ~ '</div>',
|
||
|
|
'{{ day }}': '<div class="large-4 cell">' ~ form_widget(form.day) ~ '</div>',
|
||
|
|
})|raw -}}
|
||
|
|
{% if datetime is not defined or not datetime %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
{%- endblock date_widget %}
|
||
|
|
|
||
|
|
{% block time_widget -%}
|
||
|
|
{% if widget == 'single_text' %}
|
||
|
|
{{- block('form_widget_simple') -}}
|
||
|
|
{% else %}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' row')|trim}) %}
|
||
|
|
{% if datetime is not defined or false == datetime %}
|
||
|
|
<div {{ block('widget_container_attributes') -}}>
|
||
|
|
{% endif %}
|
||
|
|
{% if with_seconds %}
|
||
|
|
<div class="large-4 cell">{{ form_widget(form.hour) }}</div>
|
||
|
|
<div class="large-4 cell">
|
||
|
|
<div class="grid-x grid-margin-x collapse">
|
||
|
|
<div class="small-3 large-2 cell">
|
||
|
|
<span class="prefix">:</span>
|
||
|
|
</div>
|
||
|
|
<div class="small-9 large-10 cell">
|
||
|
|
{{ form_widget(form.minute) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="large-4 cell">
|
||
|
|
<div class="grid-x grid-margin-x collapse">
|
||
|
|
<div class="small-3 large-2 cell">
|
||
|
|
<span class="prefix">:</span>
|
||
|
|
</div>
|
||
|
|
<div class="small-9 large-10 cell">
|
||
|
|
{{ form_widget(form.second) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% else %}
|
||
|
|
<div class="large-6 cell">{{ form_widget(form.hour) }}</div>
|
||
|
|
<div class="large-6 cell">
|
||
|
|
<div class="grid-x grid-margin-x collapse">
|
||
|
|
<div class="small-3 large-2 cell">
|
||
|
|
<span class="prefix">:</span>
|
||
|
|
</div>
|
||
|
|
<div class="small-9 large-10 cell">
|
||
|
|
{{ form_widget(form.minute) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{% if datetime is not defined or false == datetime %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{% endif %}
|
||
|
|
{%- endblock time_widget %}
|
||
|
|
|
||
|
|
{% block choice_widget_collapsed -%}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if multiple -%}
|
||
|
|
{% set attr = attr|merge({style: (attr.style|default('') ~ ' height: auto; background-image: none;')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
|
||
|
|
{% if required and placeholder is none and not placeholder_in_choices and not multiple -%}
|
||
|
|
{% set required = false %}
|
||
|
|
{%- endif -%}
|
||
|
|
<select {{ block('widget_attributes') }}{% if multiple %} multiple="multiple" data-customforms="disabled"{% endif %}>
|
||
|
|
{% if placeholder is not none -%}
|
||
|
|
<option
|
||
|
|
value=""{% if required and value is empty %} selected="selected"{% endif %}>{{ translation_domain is same as(false) ? placeholder : placeholder|trans({}, translation_domain) }}</option>
|
||
|
|
{%- endif %}
|
||
|
|
{%- if preferred_choices|length > 0 -%}
|
||
|
|
{% set options = preferred_choices %}
|
||
|
|
{{- block('choice_widget_options') -}}
|
||
|
|
{% if choices|length > 0 and separator is not none -%}
|
||
|
|
<option disabled="disabled">{{ separator }}</option>
|
||
|
|
{%- endif %}
|
||
|
|
{%- endif -%}
|
||
|
|
{% set options = choices -%}
|
||
|
|
{{- block('choice_widget_options') -}}
|
||
|
|
</select>
|
||
|
|
{%- endblock choice_widget_collapsed %}
|
||
|
|
|
||
|
|
{% block choice_widget_expanded -%}
|
||
|
|
{% if '-inline' in label_attr.class|default('') %}
|
||
|
|
<ul class="inline-list">
|
||
|
|
{% for child in form %}
|
||
|
|
<li>{{ form_widget(child, {
|
||
|
|
parent_label_class: label_attr.class|default(''),
|
||
|
|
}) }}</li>
|
||
|
|
{% endfor %}
|
||
|
|
</ul>
|
||
|
|
{% else %}
|
||
|
|
<div {{ block('widget_container_attributes') }}>
|
||
|
|
{% for child in form %}
|
||
|
|
{{ form_widget(child, {
|
||
|
|
parent_label_class: label_attr.class|default(''),
|
||
|
|
}) }}
|
||
|
|
{% endfor %}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{%- endblock choice_widget_expanded %}
|
||
|
|
|
||
|
|
{% block checkbox_widget -%}
|
||
|
|
{% set parent_label_class = parent_label_class|default('') %}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{% if 'checkbox-inline' in parent_label_class %}
|
||
|
|
{{ form_label(form, null, { widget: parent() }) }}
|
||
|
|
{% else %}
|
||
|
|
<div class="checkbox">
|
||
|
|
{{ form_label(form, null, { widget: parent() }) }}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{%- endblock checkbox_widget %}
|
||
|
|
|
||
|
|
{% block radio_widget -%}
|
||
|
|
{% set parent_label_class = parent_label_class|default('') %}
|
||
|
|
{% if 'radio-inline' in parent_label_class %}
|
||
|
|
{{ form_label(form, null, { widget: parent() }) }}
|
||
|
|
{% else %}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set attr = attr|merge({class: (attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
<div class="radio">
|
||
|
|
{{ form_label(form, null, { widget: parent() }) }}
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
{%- endblock radio_widget %}
|
||
|
|
|
||
|
|
{# Labels #}
|
||
|
|
|
||
|
|
{% block form_label -%}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{{- parent() -}}
|
||
|
|
{%- endblock form_label %}
|
||
|
|
|
||
|
|
{% block choice_label -%}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{# remove the checkbox-inline and radio-inline class, it's only useful for embed labels #}
|
||
|
|
{% set label_attr = label_attr|merge({class: label_attr.class|default('')|replace({'checkbox-inline': '', 'radio-inline': ''})|trim}) %}
|
||
|
|
{{- block('form_label') -}}
|
||
|
|
{%- endblock choice_label %}
|
||
|
|
|
||
|
|
{% block checkbox_label -%}
|
||
|
|
{{- block('checkbox_radio_label') -}}
|
||
|
|
{%- endblock checkbox_label %}
|
||
|
|
|
||
|
|
{% block radio_label -%}
|
||
|
|
{{- block('checkbox_radio_label') -}}
|
||
|
|
{%- endblock radio_label %}
|
||
|
|
|
||
|
|
{% block checkbox_radio_label -%}
|
||
|
|
{% if required %}
|
||
|
|
{% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' required')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' error')|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{% if parent_label_class is defined %}
|
||
|
|
{% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ parent_label_class)|trim}) %}
|
||
|
|
{% endif %}
|
||
|
|
{% if label is empty %}
|
||
|
|
{%- if label_format is not empty -%}
|
||
|
|
{% set label = label_format|replace({
|
||
|
|
'%name%': name,
|
||
|
|
'%id%': id,
|
||
|
|
}) %}
|
||
|
|
{%- else -%}
|
||
|
|
{% set label = name|humanize %}
|
||
|
|
{%- endif -%}
|
||
|
|
{% endif %}
|
||
|
|
<label{% for attrname, attrvalue in label_attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>
|
||
|
|
{{ widget|raw }}
|
||
|
|
{{ translation_domain is same as(false) ? label : label|trans({}, translation_domain) }}
|
||
|
|
</label>
|
||
|
|
{%- endblock checkbox_radio_label %}
|
||
|
|
|
||
|
|
{# Rows #}
|
||
|
|
|
||
|
|
{% block form_row -%}
|
||
|
|
{%- set widget_attr = {} -%}
|
||
|
|
{%- if help is not empty -%}
|
||
|
|
{%- set widget_attr = {attr: {'aria-describedby': id ~"_help"}} -%}
|
||
|
|
{%- endif -%}
|
||
|
|
<div class="grid-x grid-margin-x">
|
||
|
|
<div class="large-12 cell{% if (not compound or force_error|default(false)) and not valid %} error{% endif %}">
|
||
|
|
{{- form_label(form) -}}
|
||
|
|
{{- form_widget(form, widget_attr) -}}
|
||
|
|
{{- form_help(form) -}}
|
||
|
|
{{- form_errors(form) -}}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{%- endblock form_row %}
|
||
|
|
|
||
|
|
{% block choice_row -%}
|
||
|
|
{% set force_error = true %}
|
||
|
|
{{ block('form_row') }}
|
||
|
|
{%- endblock choice_row %}
|
||
|
|
|
||
|
|
{% block date_row -%}
|
||
|
|
{% set force_error = true %}
|
||
|
|
{{ block('form_row') }}
|
||
|
|
{%- endblock date_row %}
|
||
|
|
|
||
|
|
{% block time_row -%}
|
||
|
|
{% set force_error = true %}
|
||
|
|
{{ block('form_row') }}
|
||
|
|
{%- endblock time_row %}
|
||
|
|
|
||
|
|
{% block datetime_row -%}
|
||
|
|
{% set force_error = true %}
|
||
|
|
{{ block('form_row') }}
|
||
|
|
{%- endblock datetime_row %}
|
||
|
|
|
||
|
|
{% block checkbox_row -%}
|
||
|
|
<div class="grid-x grid-margin-x">
|
||
|
|
<div class="large-12 cell{% if not valid %} error{% endif %}">
|
||
|
|
{{ form_widget(form) }}
|
||
|
|
{{ form_errors(form) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{%- endblock checkbox_row %}
|
||
|
|
|
||
|
|
{% block radio_row -%}
|
||
|
|
<div class="grid-x grid-margin-x">
|
||
|
|
<div class="large-12 cell{% if not valid %} error{% endif %}">
|
||
|
|
{{ form_widget(form) }}
|
||
|
|
{{ form_errors(form) }}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{%- endblock radio_row %}
|
||
|
|
|
||
|
|
{# Errors #}
|
||
|
|
|
||
|
|
{% block form_errors -%}
|
||
|
|
{% if errors|length > 0 -%}
|
||
|
|
{% if form is not rootform %}<small class="error">{% else %}<div data-alert class="alert-box alert">{% endif %}
|
||
|
|
{%- for error in errors -%}
|
||
|
|
{{ error.message }}
|
||
|
|
{% if not loop.last %}, {% endif %}
|
||
|
|
{%- endfor -%}
|
||
|
|
{% if form is not rootform %}</small>{% else %}</div>{% endif %}
|
||
|
|
{%- endif %}
|
||
|
|
{%- endblock form_errors %}
|