vendor/easycorp/easyadmin-bundle/src/Resources/views/crud/form_theme.html.twig line 737

Open in your IDE?
  1. {# @var ea \EasyCorp\Bundle\EasyAdminBundle\Context\AdminContext #}
  2. {% use '@EasyAdmin/symfony-form-themes/bootstrap_5_layout.html.twig' %}
  4. {% block form_start %}
  5.     {% if form.vars.errors|length > 0 and 'ea_crud' in form.vars.block_prefixes|default([]) %}
  6.         {{ form_errors(form, {attr: { class: 'global-invalid-feedback' }}) }}
  7.     {% endif %}
  9.     {{ parent() }}
  10.     {% if ea.request.query.get('referrer')  %}
  11.         <input type="hidden" name="referrer" value="{{ ea.request.query.get('referrer') }}">
  12.     {% endif %}
  13. {% endblock form_start %}
  15. {% block form_end %}
  16.         {% if not render_rest is defined or render_rest %}
  17.             {{ form_rest(form) }}
  18.         {% endif %}
  19.     </form>
  20. {% endblock %}
  22. {% block form_errors %}
  23.     {% if errors|length > 0 %}
  24.         {% for error in errors %}
  25.             <div class="{{ attr.class|default('') }} invalid-feedback d-block">{{ error.message }}</div>
  26.         {% endfor %}
  27.     {% endif %}
  28. {% endblock form_errors %}
  30. {# Widgets #}
  32. {% block form_widget_simple -%}
  33.     {% if type is not defined or type not in ['file', 'hidden'] %}
  34.         {%- set attr = attr|merge({class: (attr.class|default(''))|trim}) -%}
  35.     {% endif %}
  36.     {%- if type is defined and (type == 'range' or type == 'color') %}
  37.         {# Attribute "required" is not supported #}
  38.         {%- set required = false -%}
  39.     {% endif %}
  40.     {{- parent() -}}
  41. {%- endblock form_widget_simple %}
  43. {% block datetime_widget %}
  44.     {% set attr = attr|merge({class: (attr.class|default('') ~ ' form-inline')|trim}) %}
  45.     <div class="datetime-widget datetime-widget-datetime">
  46.         {{- parent() -}}
  47.     </div>
  48. {% endblock datetime_widget %}
  50. {% block date_widget -%}
  51.     <div class="datetime-widget datetime-widget-date">
  52.         {{- parent() -}}
  53.     </div>
  54. {%- endblock date_widget %}
  56. {% block time_widget -%}
  57.     <div class="datetime-widget datetime-widget-time">
  58.         {{- parent() -}}
  59.     </div>
  60. {%- endblock time_widget %}
  62. {% block file_widget -%}
  63.     {% if vich|default(false) %}
  64.         {%- set type = type|default('file') -%}
  65.         {{- block('form_widget_simple') -}}
  66.     {% else %}
  67.         {{- block('form_widget_simple') -}}
  68.     {% endif %}
  69. {%- endblock %}
  71. {# Rows #}
  73. {% block form_row %}
  74.     {% set row_attr = row_attr|merge({
  75.         class: row_attr.class|default('') ~ ' form-group'
  76.     }) %}
  77.     {%  set field = form.vars.ea_vars.field %}
  79.     <div class="{{ field.columns ?? field.defaultColumns ?? '' }}">
  80.         <div {% with { attr: row_attr } %}{{ block('attributes') }}{% endwith %}>
  81.             {{- form_label(form) -}}
  82.             <div class="form-widget">
  83.                 {% set has_prepend_html = field.prepend_html|default(null) is not null %}
  84.                 {% set has_append_html = field.append_html|default(null) is not null %}
  85.                 {% set has_input_groups = has_prepend_html or has_append_html %}
  87.                 {% if has_input_groups %}<div class="input-group">{% endif %}
  88.                     {% if has_prepend_html %}
  89.                         <div class="input-group-prepend">
  90.                             <span class="input-group-text">{{ field.prepend_html|raw }}</span>
  91.                         </div>
  92.                     {% endif %}
  94.                     {{ form_widget(form) }}
  96.                     {% if has_append_html %}
  97.                         <span class="input-group-text">{{ field.append_html|raw }}</span>
  98.                     {% endif %}
  99.                 {% if has_input_groups %}</div>{% endif %}
  101.                 {% if field.help ?? false %}
  102.                     <small class="form-text form-help">{{ field.help|trans(label_translation_parameters, translation_domain)|raw }}</small>
  103.                 {% elseif form.vars.help ?? false %}
  104.                     <small class="form-text form-help">{{ form.vars.help|trans(form.vars.help_translation_parameters, form.vars.translation_domain)|raw }}</small>
  105.                 {% endif %}
  107.                 {{- form_errors(form) -}}
  108.             </div>
  109.         </div>
  110.     </div>
  112.     {# if a field doesn't define its columns explicitly, insert a fill element to make the field take the entire row space #}
  113.     {% if field.columns|default(null) is null %}
  114.         <div class="flex-fill"></div>
  115.     {% endif %}
  116. {% endblock form_row %}
  118. {% block choice_widget_collapsed %}
  119.     {% if 'ea-autocomplete' == attr['data-ea-widget']|default(false) %}
  120.         {% set attr = attr|merge({
  121.             'data-ea-i18n-no-results-found': 'autocomplete.no-results-found'|trans({}, 'EasyAdminBundle'),
  122.             'data-ea-i18n-no-more-results': 'autocomplete.no-more-results'|trans({}, 'EasyAdminBundle'),
  123.             'data-ea-i18n-loading-more-results': 'autocomplete.loading-more-results'|trans({}, 'EasyAdminBundle'),
  124.         }) %}
  125.     {% endif %}
  127.     {{ parent() }}
  128. {% endblock choice_widget_collapsed %}
  130. {% block collection_row %}
  131.     {% if prototype is defined and not prototype.rendered %}
  132.         {% set row_attr = row_attr|merge({ 'data-prototype': form_row(prototype) }) %}
  133.     {% endif %}
  135.     {% set row_attr = row_attr|merge({
  136.         'data-ea-collection-field': 'true',
  137.         'data-entry-is-complex': form.vars.ea_vars.field and form.vars.ea_vars.field.customOptions.get('entryIsComplex') ? 'true' : 'false',
  138.         'data-allow-add': allow_add ? 'true' : 'false',
  139.         'data-allow-delete': allow_delete ? 'true' : 'false',
  140.         'data-num-items': form.children is empty ? 0 : max(form.children|keys) + 1,
  141.         'data-form-type-name-placeholder': prototype is defined ? prototype.vars.name : '',
  142.     }) %}
  144.     {{ block('form_row') }}
  145. {% endblock collection_row %}
  147. {% block collection_widget %}
  148.     {# the "is iterable" check is needed because if an object implements __toString() and
  149.                returns an empty string, "is empty" returns true even if it's not a collection #}
  150.     {% set isEmptyCollection = value is null or (value is iterable and value is empty) %}
  151.     {% set is_array_field = 'EasyCorp\\Bundle\\EasyAdminBundle\\Field\\ArrayField' == form.vars.ea_vars.field.fieldFqcn ?? false %}
  153.     <div class="ea-form-collection-items">
  154.         {% if isEmptyCollection %}
  155.             {{ block('empty_collection') }}
  156.         {% elseif is_array_field %}
  157.             {{ block('form_widget') }}
  158.         {% else %}
  159.             <div class="accordion">
  160.                 {{ block('form_widget') }}
  161.             </div>
  162.         {% endif %}
  163.     </div>
  165.     {% if isEmptyCollection or form.vars.prototype is defined %}
  166.         {% set attr = attr|merge({'data-empty-collection': block('empty_collection') }) %}
  167.     {% endif %}
  169.     {% if allow_add|default(false) and not disabled %}
  170.         <button type="button" class="btn btn-link field-collection-add-button">
  171.             <i class="fa fa-plus pr-1"></i>
  172.             {{ 'action.add_new_item'|trans({}, 'EasyAdminBundle') }}
  173.         </button>
  174.     {% endif %}
  175. {% endblock collection_widget %}
  177. {% block collection_entry_row %}
  178.     {% set is_array_field = 'EasyCorp\\Bundle\\EasyAdminBundle\\Field\\ArrayField' == form_parent(form).vars.ea_vars.field.fieldFqcn ?? false %}
  179.     {% set is_complex = form_parent(form).vars.ea_vars.field.customOptions.get('entryIsComplex') ?? false %}
  180.     {% set allows_deleting_items = form_parent(form).vars.allow_delete|default(false) %}
  181.     {% set render_expanded = form_parent(form).vars.ea_vars.field.customOptions.get('renderExpanded') ?? false %}
  182.     {% set delete_item_button %}
  183.         <button type="button" class="btn btn-link btn-link-danger field-collection-delete-button"
  184.                 title="{{ 'action.remove_item'|trans({}, 'EasyAdminBundle') }}">
  185.             <i class="far fa-trash-alt"></i>
  186.         </button>
  187.     {% endset %}
  189.     <div class="field-collection-item {{ is_complex ? 'field-collection-item-complex' }} {{ not form.vars.valid ? 'is-invalid' }}">
  190.         {% if is_array_field|default(false) %}
  191.             {{ form_label(form) }}
  192.             {{ form_widget(form) }}
  193.             {% if allows_deleting_items and not disabled %}
  194.                 {{ delete_item_button }}
  195.             {% endif %}
  196.         {% else %}
  197.             <div class="accordion-item">
  198.                 <h2 class="accordion-header">
  199.                     <button class="accordion-button {{ render_expanded ? '' : 'collapsed' }}" type="button" data-bs-toggle="collapse" data-bs-target="#{{ id }}-contents">
  200.                         <i class="fas fw fa-chevron-right form-collection-item-collapse-marker"></i>
  201.                         {{ value|ea_as_string }}
  202.                     </button>
  204.                     {% if allows_deleting_items and not disabled %}
  205.                         {{ delete_item_button }}
  206.                     {% endif %}
  207.                 </h2>
  208.                 <div id="{{ id }}-contents" class="accordion-collapse collapse {{ render_expanded ? 'show' }}">
  209.                     <div class="accordion-body">
  210.                         <div class="row">
  211.                             {{ form_widget(form) }}
  212.                         </div>
  213.                     </div>
  214.                 </div>
  215.             </div>
  216.         {% endif %}
  217.     </div>
  218. {% endblock collection_entry_row %}
  220. {% block form_widget_compound %}
  221.     <div class="form-widget-compound">
  222.         {% if 'collection' in block_prefixes %}
  223.             {# the "is iterable" check is needed because if an object implements __toString() and
  224.                returns an empty string, "is empty" returns true even if it's not a collection #}
  225.             {% set isEmptyCollection = value is null or (value is iterable and value is empty) %}
  226.             {% if isEmptyCollection %}
  227.                 {{ block('empty_collection') }}
  228.             {% endif %}
  229.             {% if isEmptyCollection or form.vars.prototype is defined %}
  230.                 {% set attr = attr|merge({'data-empty-collection': block('empty_collection') }) %}
  231.             {% endif %}
  232.         {% endif %}
  234.         {{ parent() }}
  235.     </div>
  236. {% endblock form_widget_compound %}
  238. {% block button_row -%}
  239.     <div class="form-group field-{{ block_prefixes|slice(-2)|first }} {{ ea.field.css_class|default('') }}">
  240.         {{- form_widget(form) -}}
  241.     </div>
  242. {%- endblock button_row %}
  244. {# Labels #}
  246. {% block form_label -%}
  247.     {% if label is same as(false) -%}
  248.         {# don't display anything, not even an empty <label> element; if you want to not display
  249.            any label contents but keep the form layout, use an empty string as the field label #}
  250.     {%- else -%}
  251.         {%- if compound is defined and compound -%}
  252.             {%- set element = 'legend' -%}
  253.             {%- set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' col-form-label')|trim}) -%}
  254.         {%- else -%}
  255.             {%- set label_attr = label_attr|merge({for: id, class: (label_attr.class|default('') ~ ' form-control-label')|trim}) -%}
  256.         {%- endif -%}
  257.         {% if required -%}
  258.             {% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' required')|trim}) %}
  259.         {%- endif -%}
  260.         {% if label is same as('') -%}
  261.             {# don't process the label; this is used to not display any label content
  262.                but render an empty <label> element keep the form layout #}
  263.         {%- elseif label is null -%}
  264.             {%- if label_format is not empty -%}
  265.                 {% set label = label_format|replace({
  266.                     '%name%': name,
  267.                     '%id%': id,
  268.                 }) %}
  269.             {%- else -%}
  270.                 {% set label = name|humanize %}
  271.             {%- endif -%}
  272.         {%- endif -%}
  273.         <{{ element|default('label') }}{% if label_attr %}{% with { attr: label_attr } %}{{ block('attributes') }}{% endwith %}{% endif %}>
  274.         {%- if translation_domain is same as(false) -%}
  275.             {%- if label_html|default(false) is same as(false) -%}
  276.                 {{- label -}}
  277.             {%- else -%}
  278.                 {{- label|raw -}}
  279.             {%- endif -%}
  280.         {%- else -%}
  281.             {%- if label_html|default(false) is same as(false) -%}
  282.                 {{- label|trans(label_translation_parameters, translation_domain) -}}
  283.             {%- else -%}
  284.                 {{- label|trans(label_translation_parameters, translation_domain)|raw -}}
  285.             {%- endif -%}
  286.         {%- endif -%}
  287.         </{{ element|default('label') }}>
  288.     {%- endif -%}
  289. {%- endblock form_label %}
  291. {# Errors #}
  293. {% block empty_collection %}
  294.     <div class="empty collection-empty">
  295.         {{ include(ea.templatePath('label/empty')) }}
  296.     </div>
  297. {% endblock empty_collection %}
  299. {% block vich_file_row %}
  300.     {% set force_error = true %}
  301.     {{ block('form_row') }}
  302. {% endblock %}
  304. {% block vich_file_widget %}
  305.     <div class="ea-vich-file">
  306.         {% if download_uri|default('') is not empty %}
  307.             {% set file_extension = download_uri|split('.')|last %}
  308.             {% set extension_icons = {
  309.                 'gif': 'fa-file-image-o',
  310.                 'jpg': 'fa-file-image-o',
  311.                 'pdf': 'fa-file-pdf-o',
  312.                 'png': 'fa-file-image-o',
  313.                 'zip': 'fa-file-archive-o'
  314.             } %}
  315.             <a class="ea-vich-file-name" href="{{ asset_helper is same as(true) ? asset(download_uri) : download_uri }}">
  316.                 <i class="fa fa-fw {{ extension_icons[file_extension] ?? 'fa-file-o' }}"></i>
  317.                 {%- if download_label|default(false) -%}
  318.                     {{ download_label|trans({}, 'VichUploaderBundle') }}
  319.                 {%- else -%}
  320.                     {{ download_uri|split('/')|last ?: 'download'|trans({}, 'VichUploaderBundle') }}
  321.                 {%- endif -%}
  322.             </a>
  323.         {% endif %}
  325.         {% set file_upload_js %}
  326.             var newFile = document.getElementById('{{ form.file.vars.id }}').files[0];
  327.             var fileSizeInMegabytes = newFile.size > 1024 * 1024;
  328.             var fileSize = fileSizeInMegabytes ? newFile.size / (1024 * 1024) : newFile.size / 1024;
  329.             document.getElementById('{{ form.file.vars.id }}_new_file_name').innerText = newFile.name + ' (' + fileSize.toFixed(2) + ' ' + (fileSizeInMegabytes ? 'MB' : 'KB') + ')';
  330.         {% endset %}
  332.         <div class="ea-vich-file-actions">
  333.             {# the container element is needed to allow customizing the <input type="file" /> #}
  334.             <div class="btn btn-secondary input-file-container">
  335.                 <i class="fa fa-fw fa-upload"></i> {{ 'action.choose_file'|trans({}, 'EasyAdminBundle') }}
  336.                 {{ form_widget(form.file, { 'attr': { 'onchange': file_upload_js }, vich: true}) }}
  337.             </div>
  339.             {% if form.delete is defined %}
  340.                 {{ form_row(form.delete) }}
  341.             {% endif %}
  342.         </div>
  343.         <div class="small" id="{{ form.file.vars.id }}_new_file_name"></div>
  344.     </div>
  345. {% endblock %}
  347. {% block vich_image_row %}
  348.     {% set force_error = true %}
  349.     {{ block('form_row') }}
  350. {% endblock %}
  352. {% block vich_image_widget %}
  353.     {% set formTypeOptions = ea_vars.field.formTypeOptions|default('') %}
  354.     <div class="ea-vich-image">
  355.         {% if image_uri|default('') is not empty %}
  356.             {% if download_uri|default('') is empty %}
  357.                 <div class="ea-lightbox-thumbnail">
  358.                     {% if formTypeOptions.imagine_pattern is defined and formTypeOptions.imagine_pattern is not empty %}
  359.                         <img style="cursor: initial" src="{{ (asset_helper is same as(true) ? asset(image_uri) : image_uri)|ea_apply_filter_if_exists('imagine_filter', formTypeOptions.imagine_pattern) }}">
  360.                     {% else %}
  361.                         <img style="cursor: initial" src="{{ asset_helper is same as(true) ? asset(image_uri) : image_uri }}">
  362.                     {% endif %}
  363.                 </div>
  364.             {% else %}
  365.                 {% set _lightbox_id = 'ea-lightbox-' ~ id %}
  367.                 <a href="#" class="ea-lightbox-thumbnail" data-ea-lightbox-content-selector="#{{ _lightbox_id }}">
  368.                     {% if formTypeOptions.imagine_pattern is defined and formTypeOptions.imagine_pattern is not empty %}
  369.                         <img src="{{ (asset_helper is same as(true) ? asset(download_uri) : download_uri)|ea_apply_filter_if_exists('imagine_filter', formTypeOptions.imagine_pattern) }}">
  370.                     {% else %}
  371.                         <img src="{{ asset_helper is same as(true) ? asset(download_uri) : download_uri }}">
  372.                     {% endif %}
  373.                 </a>
  375.                 <div id="{{ _lightbox_id }}" class="ea-lightbox">
  376.                     {% if formTypeOptions.imagine_pattern is defined and formTypeOptions.imagine_pattern is not empty %}
  377.                         <img src="{{ (asset_helper is same as(true) ? asset(download_uri) : download_uri)|ea_apply_filter_if_exists('imagine_filter', formTypeOptions.imagine_pattern) }}">
  378.                     {% else %}
  379.                         <img src="{{ asset_helper is same as(true) ? asset(download_uri) : download_uri }}">
  380.                     {% endif %}
  381.                 </div>
  382.             {% endif %}
  383.         {% endif %}
  385.         {% set file_upload_js %}
  386.             var newFile = document.getElementById('{{ form.file.vars.id }}').files[0];
  387.             var fileSizeInMegabytes = newFile.size > 1024 * 1024;
  388.             var fileSize = fileSizeInMegabytes ? newFile.size / (1024 * 1024) : newFile.size / 1024;
  389.             document.getElementById('{{ form.file.vars.id }}_new_file_name').innerText = newFile.name + ' (' + fileSize.toFixed(2) + ' ' + (fileSizeInMegabytes ? 'MB' : 'KB') + ')';
  390.         {% endset %}
  392.         <div class="ea-vich-image-actions">
  393.             {# the container element is needed to allow customizing the <input type="file" /> #}
  394.             <div class="btn btn-secondary input-file-container">
  395.                 <i class="fa fa-fw fa-upload"></i> {{ 'action.choose_file'|trans({}, 'EasyAdminBundle') }}
  396.                 {{ form_widget(form.file, { 'attr': { 'onchange': file_upload_js }, vich: true}) }}
  397.             </div>
  399.             {% if form.delete is defined %}
  400.                 {{ form_row(form.delete) }}
  401.             {% endif %}
  402.         </div>
  403.         <div class="small" id="{{ form.file.vars.id }}_new_file_name"></div>
  404.     </div>
  405. {% endblock %}
  407. {% block ea_crud_rest %}
  408.     {{ form_rest(form) }}
  409. {% endblock ea_crud_rest %}
  411. {# EasyAdmin form type #}
  412. {% block ea_crud_widget %}
  413.     {% for field in form %}
  414.         {{ form_row(field) }}
  415.     {% endfor %}
  416. {% endblock ea_crud_widget %}
  418. {# TODO: remove this when "form panels" are removed #}
  419. {% block ea_crud_widget_panels %}
  420.     {% deprecated 'The "ea_crud_widget_panels" block is deprecated because the form layout building logic has been revamped. Check "ea_crud_widget" block in `form_theme.html.page` for more details.' %}
  422.     {{ block('ea_crud_widget_fieldsets') }}
  423. {% endblock ea_crud_widget_panels %}
  425. {% block ea_crud_widget_fieldsets %}
  426.     {% deprecated 'The "ea_crud_widget_fieldsets" block is deprecated because the form layout building logic has been revamped. Check "ea_crud_widget" block in `form_theme.html.page` for more details.' %}
  428.     {% for fieldset_name, fieldset_config in field.vars.ea_crud_form.form_fieldsets|filter(fieldset_config => not fieldset_config.form_tab or fieldset_config.form_tab == tab_name) %}
  429.         {% set fieldset_has_header = fieldset_config.label|default(false) or fieldset_config.icon|default(false) or fieldset_config.help|default(false) %}
  431.         {% set collapsible = fieldset_config.collapsible %}
  432.         {% set collapsed = fieldset_config.collapsed %}
  434.         <div class="{{ fieldset_config.css_class ?? '' }}">
  435.             <fieldset class="form-fieldset">
  436.                 {% if fieldset_has_header %}
  437.                     <div class="form-fieldset-header {{ collapsible ? 'collapsible' }} {{ fieldset_config.help|default(false) is not empty ? 'with-help' }}">
  438.                         <div class="form-fieldset-title">
  439.                             <a {% if not collapsible %}
  440.                                 href="#" class="not-collapsible"
  441.                             {% else %}
  442.                                 href="#content-{{ fieldset_name }}" data-bs-toggle="collapse"
  443.                                 class="form-fieldset-collapse {{ collapsed ? 'collapsed' }}"
  444.                                 aria-expanded="{{ collapsed ? 'false' : 'true' }}" aria-controls="content-{{ fieldset_name }}"
  445.                             {% endif %}
  446.                             >
  447.                                 {% if collapsible %}
  448.                                     <i class="fas fw fa-chevron-right form-fieldset-collapse-marker"></i>
  449.                                 {% endif %}
  451.                                 {% if fieldset_config.icon|default(false) %}
  452.                                     <i class="form-fieldset-icon {{ fieldset_config.icon }}"></i>
  453.                                 {% endif %}
  454.                                 {{ fieldset_config.label|trans|raw }}
  455.                             </a>
  457.                             {% if fieldset_config.help|default(false) %}
  458.                                 <div class="form-fieldset-help">{{ fieldset_config.help|trans|raw }}</div>
  459.                             {% endif %}
  460.                         </div>
  461.                     </div>
  462.                 {% endif %}
  464.                 <div id="content-{{ fieldset_name }}" class="form-fieldset-body {{ not fieldset_has_header ? 'without-header' }} {{ collapsible ? 'collapse' }} {{ not collapsed ? 'show'}}">
  465.                     <div class="row">
  466.                         {% for field in form|filter(field => 'hidden' not in field.vars.block_prefixes and field.vars.ea_crud_form.form_fieldset == fieldset_name) %}
  467.                             {% if not field.vars.ea_crud_form.form_tab or field.vars.ea_crud_form.form_tab == tab_name %}
  468.                                 {{ form_row(field) }}
  469.                             {% endif %}
  470.                         {% endfor %}
  471.                     </div>
  472.                 </div>
  473.             </fieldset>
  474.         </div>
  475.     {% else %}
  476.         {% macro recursiveFieldsetForm(form) %}
  477.             {% for field in form|filter(field => 'hidden' not in field.vars.block_prefixes and ((field.vars.ea_crud_form.form_tab is defined and not field.vars.ea_crud_form.form_tab) or field.vars.ea_crud_form.form_tabs is defined)) %}
  478.                 {% if field.vars.ea_crud_form.form_tabs is defined %}
  479.                     {# If the field is a nested CRUD form then only render its children #}
  480.                     {{ _self.recursiveFieldsetForm(field) }}
  481.                 {% else %}
  482.                     {# Render all other fields #}
  483.                     {{ form_row(field) }}
  484.                 {% endif %}
  485.             {% endfor %}
  486.         {% endmacro %}
  487.         {{ _self.recursiveFieldsetForm(form) }}
  488.     {% endfor %}
  489. {% endblock ea_crud_widget_fieldsets %}
  491. {# EasyAdminAutocomplete form type #}
  492. {% block ea_autocomplete_widget %}
  493.     {{ form_widget(form.autocomplete, { attr: attr|merge({ required: required }) }) }}
  494. {% endblock ea_autocomplete_widget %}
  496. {% block ea_autocomplete_inner_label %}
  497.     {% set name = form_parent(form).vars.name %}
  498.     {{ block('form_label') }}
  499. {% endblock ea_autocomplete_inner_label %}
  501. {# EasyAdmin's CodeEditor form type #}
  502. {% block ea_code_editor_widget %}
  503.     {{ form_widget(form, { attr: attr|merge({
  504.         'data-ea-code-editor-field': 'true',
  505.         'data-language': form.vars.ea_vars.field.customOptions.get('language'),
  506.         'data-tab-size': form.vars.ea_vars.field.customOptions.get('tabSize'),
  507.         'data-indent-with-tabs': form.vars.ea_vars.field.customOptions.get('indentWithTabs') ? 'true' : 'false',
  508.         'data-show-line-numbers': form.vars.ea_vars.field.customOptions.get('showLineNumbers') ? 'true' : 'false',
  509.         'data-number-of-rows': form.vars.ea_vars.field.customOptions.get('numOfRows'),
  510.     }) }) }}
  511. {% endblock ea_code_editor_widget %}
  513. {# EasyAdmin's TextEditor form type #}
  514. {% block ea_text_editor_widget %}
  515.     {{ form_widget(form, { attr: attr|merge({
  516.         class: 'ea-text-editor-content d-none',
  517.         'data-number-of-rows': form.vars.ea_vars.field.customOptions.get('numOfRows')|default(5),
  518.         'data-trix-editor-config': form.vars.ea_vars.field.customOptions.get('trixEditorConfig')|default(null)|json_encode,
  519.     }) }) }}
  521.     <div class="ea-text-editor-wrapper">
  522.         <trix-editor input="{{ id }}" class="trix-content"></trix-editor>
  523.     </div>
  524. {% endblock ea_text_editor_widget %}
  526. {# EasyAdminSection form type #}
  527. {% block ea_form_row_row %}
  528.     <div class="{{ form.vars.row_attr.class }}"></div>
  529. {% endblock %}
  531. {% block ea_form_column_group_open_row %}
  532.     {# if columns are inside tabs, don't add a '.row' element because the tab pane already opens it #}
  533.     {% if not form.vars.ea_is_inside_tab|default(false) %}
  534.         <div class="row">
  535.     {% endif %}
  536. {% endblock ea_form_column_group_open_row %}
  538. {% block ea_form_column_group_close_row %}
  539.     {# if columns are inside tabs, we don't add a '.row' element because
  540.        the tab pane already opens it; so, don't close it here #}
  541.     {% if not form.vars.ea_is_inside_tab|default(false) %}
  542.         </div>
  543.     {% endif %}
  544. {% endblock ea_form_column_group_close_row %}
  546. {% block ea_form_column_open_row %}
  547.     {% set field = form.vars.ea_vars.field %}
  548.     {% set field_icon = field.getCustomOption('icon') %}
  549.     {% set column_has_title = field_icon != null or field.label != false or field.label != null or field.label != '' or field.help != null %}
  551.     <div class="form-column {{ not column_has_title ? 'form-column-no-header' }} {{ field.cssClass }}">
  552.         {% if column_has_title %}
  553.             <div class="form-column-title">
  554.                 <div class="form-column-title-content">
  555.                     {% if field_icon %}<i class="form-column-icon fa fa-fw fa-{{ field_icon }}"></i>{% endif %}
  556.                     {% if field.label %}{{ field.label|default('')|trans(domain = ea.i18n.translationDomain)|raw }}{% endif %}
  557.                 </div>
  559.                 {% if field.help %}
  560.                     <div class="form-column-help">{{ field.help|trans(domain = ea.i18n.translationDomain)|raw }}</div>
  561.                 {% endif %}
  562.             </div>
  563.         {% endif %}
  564. {% endblock ea_form_column_open_row %}
  566. {% block ea_form_column_close_row %}
  567.     </div>
  568. {% endblock ea_form_column_close_row %}
  570. {% block ea_form_fieldset_open_row %}
  571.     {% set fieldset_has_header = form.vars.label or ea_icon or ea_help %}
  573.     <div class="form-fieldset {{ not fieldset_has_header ? 'form-fieldset-no-header' }} {{ ea_css_class }}">
  574.         <fieldset>
  575.             {% if fieldset_has_header %}
  576.                 <div class="form-fieldset-header {{ ea_is_collapsible ? 'collapsible' }} {{ ea_help is not empty ? 'with-help' }}">
  577.                     <div class="form-fieldset-title">
  578.                         {% set fieldset_title_contents %}
  579.                             {% if ea_is_collapsible %}
  580.                                 <i class="fas fw fa-chevron-right form-fieldset-collapse-marker"></i>
  581.                             {% endif %}
  583.                             {% if ea_icon %}
  584.                                 <i class="form-fieldset-icon {{ ea_icon }}"></i>
  585.                             {% endif %}
  587.                             {{ form.vars.label|trans|raw }}
  588.                         {% endset %}
  590.                         {% if ea_is_collapsible %}
  591.                             <a href="#content-{{ form.vars.name }}" data-bs-toggle="collapse"
  592.                                class="form-fieldset-title-content form-fieldset-collapse {{ ea_is_collapsed ? 'collapsed' }}"
  593.                                aria-expanded="{{ ea_is_collapsed ? 'false' : 'true' }}" aria-controls="content-{{ form.vars.name }}">
  594.                                 {{ fieldset_title_contents|raw }}
  595.                             </a>
  596.                         {% else %}
  597.                             <span class="not-collapsible form-fieldset-title-content">
  598.                                 {{ fieldset_title_contents|raw }}
  599.                             </span>
  600.                         {% endif %}
  602.                         {% if ea_help %}
  603.                             <div class="form-fieldset-help">{{ ea_help|trans|raw }}</div>
  604.                         {% endif %}
  605.                     </div>
  606.                 </div>
  607.             {% endif %}
  609.             <div id="content-{{ form.vars.name }}" class="form-fieldset-body {{ not fieldset_has_header ? 'without-header' }} {{ ea_is_collapsible ? 'collapse' }} {{ not ea_is_collapsed ? 'show'}}">
  610.                 <div class="row">
  611. {% endblock ea_form_fieldset_open_row %}
  613. {% block ea_form_fieldset_close_row %}
  614.                 </div>
  615.             </div>
  616.         </fieldset>
  617.     </div>
  618. {% endblock ea_form_fieldset_close_row %}
  620. {% block ea_form_tablist_row %}
  621.     {% set tab_id_option_name = constant('EasyCorp\\Bundle\\EasyAdminBundle\\Field\\FormField::OPTION_TAB_ID') %}
  622.     {% set tab_is_active_option_name = constant('EasyCorp\\Bundle\\EasyAdminBundle\\Field\\FormField::OPTION_TAB_IS_ACTIVE') %}
  623.     {% set tab_error_count_option_name = constant('EasyCorp\\Bundle\\EasyAdminBundle\\Field\\FormField::OPTION_TAB_ERROR_COUNT') %}
  624.     {% set field = form.vars.ea_vars.field %}
  626.     <div class="nav-tabs-custom form-tabs-tablist">
  627.         <ul class="nav nav-tabs">
  628.             {% for tab in field.getCustomOption('tabs') %}
  629.                 <li class="nav-item">
  630.                     <a class="nav-link {% if tab.getCustomOption(tab_is_active_option_name) %}active{% endif %}" href="#{{ tab.getCustomOption(tab_id_option_name) }}" id="tablist-{{ tab.getCustomOption(tab_id_option_name) }}" data-bs-toggle="tab">
  631.                         {%- if tab.getCustomOption('icon')|default(false) -%}
  632.                             <i class="tab-nav-item-icon fa-fw {{ tab.getCustomOption('icon') }}"></i>
  633.                         {%- endif -%}
  634.                         {{ tab.label|trans(domain = ea.i18n.translationDomain)|raw }}
  636.                         {% set tab_error_count = tab.getCustomOption(tab_error_count_option_name)  %}
  637.                         {%- if tab_error_count > 0 -%}
  638.                             <span class="badge badge-danger" title="{{ 'form.tab.error_badge_title'|trans({'%count%': tab_error_count}, 'EasyAdminBundle') }}">
  639.                                 {{- tab_error_count -}}
  640.                             </span>
  641.                         {%- endif -%}
  642.                     </a>
  643.                 </li>
  644.             {% endfor %}
  645.         </ul>
  646.     </div>
  647. {% endblock ea_form_tablist_row %}
  649. {% block ea_form_tabpane_group_open_row %}
  650.     <div class="nav-tabs-custom form-tabs-content">
  651.         <div class="tab-content">
  652. {% endblock ea_form_tabpane_group_open_row %}
  654. {% block ea_form_tabpane_group_close_row %}
  655.         </div>
  656.     </div>
  657. {% endblock ea_form_tabpane_group_close_row %}
  659. {% block ea_form_tabpane_open_row %}
  660.     {% set tab_is_active_option_name = constant('EasyCorp\\Bundle\\EasyAdminBundle\\Field\\FormField::OPTION_TAB_IS_ACTIVE') %}
  661.     {% set field = form.vars.ea_vars.field %}
  663.     <div id="{{ ea_tab_id }}" class="tab-pane {% if field.getCustomOption(tab_is_active_option_name) %}active{% endif %} {{ ea_css_class }}" {% for key, value in form.vars.attr %}{{ key }}={{ value|e('html_attr') }}{% endfor %}>
  664.         {% if ea_help %}
  665.             <div class="content-header-help tab-help">
  666.                 {{ ea_help|trans(domain = ea.i18n.translationDomain)|raw }}
  667.             </div>
  668.         {% endif %}
  670.         <div class="row">
  671. {% endblock ea_form_tabpane_open_row %}
  673. {% block ea_form_tabpane_close_row %}
  674.         </div>
  675.     </div>
  676. {% endblock ea_form_tabpane_close_row %}
  678. {# EasyAdminFilters form type #}
  679. {% block ea_filters_widget %}
  680.     {% set applied_filters = ea.request.query.all()['filters']|default([])|keys %}
  682.     {% for field in form %}
  683.         <div class="col-12">
  684.             <div class="filter-field px-3" data-filter-property="{{ field.vars.name }}">
  685.                 <div class="filter-heading" id="filter-heading-{{ loop.index }}">
  686.                     <input type="checkbox" class="filter-checkbox" {% if field.vars.name in applied_filters %}checked{% endif %}>
  687.                     <a data-bs-toggle="collapse" href="#filter-content-{{ loop.index }}" aria-expanded="{{ field.vars.name in applied_filters ? 'true' : 'false' }}" aria-controls="filter-content-{{ loop.index }}"
  688.                         {% for name, value in field.vars.label_attr|default([]) %}{{ name }}="{{ value|e('html_attr') }}" {% endfor %}>
  689.                         {{ field.vars.label|default(field.vars.name|humanize)|trans(domain = ea.i18n.translationDomain) }}
  690.                     </a>
  691.                 </div>
  692.                 <div id="filter-content-{{ loop.index }}" class="filter-content collapse {% if field.vars.name in applied_filters %}show{% endif %}" aria-labelledby="filter-heading-{{ loop.index }}">
  693.                     <div class="form-widget">
  694.                         {{ form_widget(field) }}
  695.                     </div>
  696.                 </div>
  697.             </div>
  698.         </div>
  699.     {% endfor %}
  700. {% endblock ea_filters_widget %}
  702. {% block comparison_widget %}
  703.     {{ form_widget(form, { attr: form.vars.attr|merge({'data-ea-comparison-id': form.vars.id}) }) }}
  704. {% endblock comparison_widget %}
  706. {% block ea_numeric_filter_widget %}
  707.     <div class="form-widget-compound">
  708.         {{ form_row(form.comparison) }}
  709.         {{ form_row(form.value) }}
  710.         <div data-ea-value2-of-comparison-id="{{ form.comparison.vars.id }}" class="{{ form.comparison.vars.value != 'between' ? 'd-none' }}">
  711.             {{ form_row(form.value2) }}
  712.         </div>
  713.     </div>
  714.     {{- form_errors(form) -}}
  715. {% endblock ea_numeric_filter_widget %}
  717. {% block ea_datetime_filter_widget %}
  718.     {{ block('ea_numeric_filter_widget') }}
  719. {% endblock ea_datetime_filter_widget %}
  721. {% block ea_fileupload_widget %}
  722.     <div class="ea-fileupload">
  723.         <div class="input-group">
  724.             {% set placeholder = t('action.choose_file', {}, 'EasyAdminBundle') %}
  725.             {% set title = '' %}
  726.             {% set filesLabel = 'files'|trans({}, 'EasyAdminBundle') %}
  727.             {% if currentFiles %}
  728.                 {% if multiple %}
  729.                     {% set placeholder = currentFiles|length ~ ' ' ~ filesLabel %}
  730.                 {% else %}
  731.                     {% set placeholder = (currentFiles|first).filename %}
  732.                     {% set title = (currentFiles|first).mTime|date %}
  733.                 {% endif %}
  734.             {% endif %}
  735.             <div class="custom-file">
  736.                 {{ form_widget(form.file, { attr: form.file.vars.attr|merge({ placeholder: placeholder, title: title, 'data-files-label': filesLabel, class: 'd-none' }) }) }}
  737.                 {{ form_label(form.file, placeholder, { label_attr: { class: 'custom-file-label' }}) }}
  738.             </div>
  739.             <div class="input-group-text">
  740.                 {%- if currentFiles -%}
  741.                     {% if multiple %}
  742.                         {{ (currentFiles|reduce((carry, file) => carry + file.size))|ea_filesize }}
  743.                     {% else %}
  744.                         {{ (currentFiles|first).size|ea_filesize }}
  745.                     {% endif %}
  746.                 {%- endif -%}
  747.                 {% if allow_delete %}
  748.                     <label class="btn ea-fileupload-delete-btn {{ currentFiles is empty ? 'd-none' }}" for="{{ form.delete.vars.id }}">
  749.                         <i class="fa fa-trash-o"></i>
  750.                     </label>
  751.                 {% endif %}
  752.                 <label class="btn" for="{{ form.file.vars.id }}">
  753.                     <i class="fa fa-folder-open-o"></i>
  754.                 </label>
  755.             </div>
  756.         </div>
  757.         {% if multiple and currentFiles %}
  758.             <div class="form-control fileupload-list">
  759.                 <table class="fileupload-table">
  760.                     <tbody>
  761.                     {% for file in currentFiles %}
  762.                         <tr>
  763.                             <td>
  764.                                 {% if download_path %}<a href="{{ asset(download_path ~ file.filename) }}">{% endif %}
  765.                                     <span title="{{ file.mTime|date }}">
  766.                                         <i class="fa fa-file-o"></i> {{ file.filename }}
  767.                                     </span>
  768.                                 {% if download_path %}</a>{% endif %}
  769.                             </td>
  770.                             <td class="text-right file-size">{{ file.size|ea_filesize }}</td>
  771.                         </tr>
  772.                     {% endfor %}
  773.                     </tbody>
  774.                 </table>
  775.             </div>
  776.         {% endif %}
  777.         {% if allow_delete %}
  778.             <div class="d-none">{{ form_widget(form.delete, { label: false }) }}</div>
  779.         {% endif %}
  780.     </div>
  781.     {{ form_errors(form.file) }}
  782. {% endblock %}
  784. {% block TODO_ea_fileupload_widget %}
  785.     {% set placeholder = '' %}
  786.     {% set title = '' %}
  787.     {% set filesLabel = 'files'|trans({}, 'EasyAdminBundle') %}
  788.     {% if currentFiles %}
  789.         {% if multiple %}
  790.             {% set placeholder = currentFiles|length ~ ' ' ~ filesLabel %}
  791.         {% else %}
  792.             {% set placeholder = (currentFiles|first).filename %}
  793.             {% set title = (currentFiles|first).mTime|date %}
  794.         {% endif %}
  795.     {% endif %}
  797.     <div class="ea-fileupload">
  798.         <div class="input-group">
  799.             {{ form_widget(form.file, { attr: form.file.vars.attr|merge({ placeholder: placeholder, title: title, 'data-files-label': filesLabel, class: 'form-control' }) }) }}
  801.             {% if currentFiles %}
  802.                 <span class="input-group-text">
  803.                     {% if multiple %}
  804.                         {{ (currentFiles|reduce((carry, file) => carry + file.size))|ea_filesize }}
  805.                     {% else %}
  806.                         {{ (currentFiles|first).size|ea_filesize }}
  807.                     {% endif %}
  808.                 </span>
  809.             {% endif %}
  811.             {% if currentFiles and allow_delete %}
  812.                 <button class="btn ea-fileupload-delete-btn">
  813.                     <i class="fa fa-trash-o"></i>
  814.                 </button>
  815.             {% endif %}
  817.             {% if currentFiles %}
  818.                 <button class="btn">
  819.                     <i class="fa fa-folder-open-o"></i>
  820.                 </button>
  821.             {% endif %}
  822.         </div>
  824.         {% if multiple and currentFiles %}
  825.             <div class="form-control fileupload-list">
  826.                 <table class="fileupload-table">
  827.                     <tbody>
  828.                     {% for file in currentFiles %}
  829.                         <tr>
  830.                             <td>
  831.                                 {% if download_path %}<a href="{{ asset(download_path ~ file.filename) }}">{% endif %}
  832.                                     <span title="{{ file.mTime|date }}">
  833.                                         <i class="fa fa-file-o"></i> {{ file.filename }}
  834.                                     </span>
  835.                                     {% if download_path %}</a>{% endif %}
  836.                             </td>
  837.                             <td class="text-right file-size">{{ file.size|ea_filesize }}</td>
  838.                         </tr>
  839.                     {% endfor %}
  840.                     </tbody>
  841.                 </table>
  842.             </div>
  843.         {% endif %}
  844.         {% if allow_delete %}
  845.             <div class="d-none">{{ form_widget(form.delete, { label: false }) }}</div>
  846.         {% endif %}
  847.     </div>
  849.     {{ form_errors(form.file) }}
  850. {% endblock %}
  852. {% block ea_slug_widget %}
  853.     {% set attr = attr|merge({
  854.         'data-ea-slug-field': '',
  855.         'data-target': target|split('|')|map(name => form.parent.children[name].vars.id)|json_encode
  856.     }) %}
  857.     {% if attr['data-confirm-text'] is defined %}
  858.         {% set attr = attr|merge({
  859.             'data-confirm-text': attr['data-confirm-text']|trans
  860.         }) %}
  861.     {% endif %}
  863.     <div class="input-group">
  864.         {{ block('form_widget') }}
  865.         <button type="button" class="btn">
  866.             <i class="fas fa-lock fa-fw"></i>
  867.         </button>
  868.     </div>
  869. {% endblock %}