vendor/sonata-project/admin-bundle/src/Resources/views/Form/form_admin_fields.html.twig line 395

Open in your IDE?
  1. {#
  3. This file is part of the Sonata package.
  5. (c) Thomas Rabaix <thomas.rabaix@sonata-project.org>
  7. For the full copyright and license information, please view the LICENSE
  8. file that was distributed with this source code.
  10. #}
  12. {% extends 'form_div_layout.html.twig' %}
  14. {% block form_errors -%}
  15.     {% if errors|length > 0 %}
  16.         {% if not form.parent %}<div class="alert alert-danger">{% endif %}
  17.             <ul class="list-unstyled">
  18.                 {% for error in errors %}
  19.                     <li><i class="fa fa-exclamation-circle" aria-hidden="true"></i> {{ error.message }}</li>
  20.                 {% endfor %}
  21.             </ul>
  22.         {% if not form.parent %}</div>{% endif %}
  23.     {% endif %}
  24. {%- endblock form_errors %}
  26. {# NEXT_MAJOR: Remove this block and all the calls made to this block #}
  27. {% block sonata_help %}
  28. {% apply spaceless %}
  29. {% if sonata_help is defined and sonata_help %}
  30.     {% deprecated 'The "sonata_help" option is deprecated since sonata-project/admin-bundle 3.60, to be removed in 4.0. Use "help" instead.' %}
  31.     <span class="help-block sonata-ba-field-widget-help">{{ sonata_help|raw }}</span>
  32. {% endif %}
  33. {% endapply %}
  34. {% endblock %}
  36. {% block form_help %}
  37.     {% apply spaceless %}
  38.         <span class="help-block sonata-ba-field-widget-help">{{ parent() }}</span>
  39.     {% endapply %}
  40. {% endblock %}
  42. {% block form_widget -%}
  43.     {{ parent() }}
  44.     {{ block('sonata_help') }}
  45. {%- endblock form_widget %}
  47. {% block form_widget_simple %}
  48.     {% set type = type|default('text') %}
  49.     {% if type != 'file' %}
  50.         {% set attr = attr|merge({'class': attr.class|default('') ~ ' form-control'}) %}
  51.     {% endif %}
  52.     {{ parent() }}
  53. {% endblock form_widget_simple %}
  55. {% block textarea_widget %}
  56.     {% set attr = attr|merge({'class': attr.class|default('') ~ ' form-control'}) %}
  57.     {{ parent() }}
  58.     {{ block('sonata_help') }}
  59. {% endblock textarea_widget %}
  61. {% block number_widget -%}
  62.     {{ parent() }}
  63.     {{ block('sonata_help') }}
  64. {%- endblock number_widget %}
  66. {% block choice_widget -%}
  67.     {{ parent() }}
  68.     {{ block('sonata_help') }}
  69. {%- endblock choice_widget %}
  72. {% block money_widget -%}
  73.     {% if money_pattern == '{{ widget }}' %}
  74.         {{- block('form_widget_simple') -}}
  75.     {% else %}
  76.         {% set currencySymbol = money_pattern|replace({'{{ widget }}': ''})|trim %}
  77.         {% if money_pattern matches '/^{{ widget }}/' %}
  78.             <div class="input-group">
  79.                 {{- block('form_widget_simple') -}}
  80.                 <span class="input-group-addon">{{ currencySymbol }}</span>
  81.             </div>
  82.         {% elseif money_pattern matches '/{{ widget }}$/' %}
  83.             <div class="input-group">
  84.                 <span class="input-group-addon">{{ currencySymbol }}</span>
  85.                 {{- block('form_widget_simple') -}}
  86.             </div>
  87.         {% endif %}
  88.     {% endif %}
  89.     {{ block('sonata_help') }}
  90. {%- endblock money_widget %}
  92. {% block percent_widget %}
  93.     {% apply spaceless %}
  94.         {% set type = type|default('text') %}
  95.         <div class="input-group">
  96.             {{ block('form_widget_simple') }}
  97.             <span class="input-group-addon">%</span>
  98.         </div>
  99.         {{ block('sonata_help') }}
  100.     {% endapply %}
  101. {% endblock percent_widget %}
  103. {% block checkbox_widget -%}
  104.     {% set parent_label_class = parent_label_class|default('') -%}
  105.     {% if 'checkbox-inline' in parent_label_class %}
  106.         {{- form_label(form, null, { widget: parent() }) -}}
  107.     {% else -%}
  108.         <div class="checkbox">
  109.             {{- form_label(form, null, { widget: parent() }) -}}
  110.         </div>
  111.     {%- endif %}
  112. {%- endblock checkbox_widget %}
  114. {% block radio_widget -%}
  115.     {%- set parent_label_class = parent_label_class|default('') -%}
  116.     {% if 'radio-inline' in parent_label_class %}
  117.         {{- form_label(form, null, { widget: parent() }) -}}
  118.     {% else -%}
  119.         <div class="radio">
  120.             {{- form_label(form, null, { widget: parent() }) -}}
  121.         </div>
  122.     {%- endif %}
  123. {%- endblock radio_widget %}
  125. {# Labels #}
  126. {% block form_label %}
  127. {% apply spaceless %}
  128.     {% if label is not same as(false) and sonata_admin.options['form_type'] == 'horizontal' %}
  129.         {% set label_class = 'col-sm-3' %}
  130.     {% endif %}
  132.     {% set label_class = label_class|default('') ~ ' control-label' %}
  134.     {% if label is not same as(false) %}
  135.         {% set label_attr = label_attr|merge({'class': label_attr.class|default('') ~ ' ' ~ label_class }) %}
  137.         {% if not compound %}
  138.             {% set label_attr = label_attr|merge({'for': id}) %}
  139.         {% endif %}
  140.         {% if required %}
  141.             {% set label_attr = label_attr|merge({'class': (label_attr.class|default('') ~ ' required')|trim}) %}
  142.         {% endif %}
  144.         {% if label is empty %}
  145.             {%- if label_format is defined and label_format is not empty -%}
  146.                 {% set label = label_format|replace({
  147.                     '%name%': name,
  148.                     '%id%': id,
  149.                 }) %}
  150.             {%- else -%}
  151.                 {% set label = name|humanize %}
  152.             {%- endif -%}
  153.         {% endif %}
  155.         <label{% for attrname, attrvalue in label_attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>
  156.             {% if translation_domain is same as(false) %}
  157.                 {{- label -}}
  158.             {% elseif not sonata_admin.admin %}
  159.                 {{- label|trans({}, translation_domain) -}}
  160.             {% else %}
  161.                 {{ label|trans({}, sonata_admin.field_description.translationDomain ?: admin.translationDomain) }}
  162.             {% endif %}
  163.         </label>
  164.     {% endif %}
  165. {% endapply %}
  166. {% endblock form_label %}
  168. {% block checkbox_label -%}
  169.     {{- block('checkbox_radio_label') -}}
  170. {%- endblock checkbox_label %}
  172. {% block radio_label -%}
  173.     {{- block('checkbox_radio_label') -}}
  174. {%- endblock radio_label %}
  176. {% block checkbox_radio_label %}
  177.     {% if sonata_admin.admin %}
  178.         {% set translation_domain = sonata_admin.field_description.translationDomain %}
  179.     {% endif %}
  180.     {# Do not display the label if widget is not defined in order to prevent double label rendering #}
  181.     {% if widget is defined %}
  182.         {% if required %}
  183.             {% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' required')|trim}) %}
  184.         {% endif %}
  185.         {% if parent_label_class is defined %}
  186.             {% set label_attr = label_attr|merge({class: (label_attr.class|default('') ~ ' ' ~ parent_label_class)|trim}) %}
  187.         {% endif %}
  188.         {% if label is not same as(false) and label is empty %}
  189.             {% set label = name|humanize %}
  190.         {% endif %}
  191.         <label{% for attrname, attrvalue in label_attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>
  192.             {{- widget|raw -}}
  193.             {%- if label is not same as(false) -%}
  194.                 <span class="control-label__text">
  195.                     {% if translation_domain is same as(false) %}
  196.                         {{- label -}}
  197.                     {% else %}
  198.                         {{- label|trans({}, translation_domain) -}}
  199.                     {%- endif -%}
  200.                 </span>
  201.             {%- endif -%}
  202.         </label>
  203.     {% endif %}
  204. {% endblock checkbox_radio_label %}
  206. {% block choice_widget_expanded %}
  207. {% apply spaceless %}
  208.     {% set attr = attr|merge({'class': attr.class|default('') ~ ' list-unstyled'}) %}
  209.     <ul {{ block('widget_container_attributes') }}>
  210.     {% for child in form %}
  211.         <li>
  212.             {{ form_widget(child, {
  213.                 'horizontal': false,
  214.                 'horizontal_input_wrapper_class': '',
  215.                 'translation_domain': choice_translation_domain
  216.             }) }} {# 'horizontal' values are needed to avoid MopaBootstrapBundle messing with the DOM #}
  217.         </li>
  218.     {% endfor %}
  219.     </ul>
  220. {% endapply %}
  221. {% endblock choice_widget_expanded %}
  223. {% block choice_widget_collapsed %}
  224. {% apply spaceless %}
  225.     {% if required and placeholder is defined and placeholder is none %}
  226.         {% set required = false %}
  227.     {% elseif required and empty_value is defined and empty_value_in_choices is defined and empty_value is none and not empty_value_in_choices and not multiple %}
  228.         {% set required = false %}
  229.     {% endif %}
  231.     {% set attr = attr|merge({'class': attr.class|default('') ~ ' form-control'}) %}
  232.     {% if (sortable is defined) and sortable and multiple %}
  233.         {{ block('sonata_type_choice_multiple_sortable') }}
  234.     {% else %}
  235.         <select {{ block('widget_attributes') }}{% if multiple %} multiple="multiple"{% endif %} >
  236.             {% if empty_value is defined and empty_value is not none %}
  237.                 <option value=""{% if required and value is empty %} selected="selected"{% endif %}>
  238.                     {% if empty_value != '' %}
  239.                         {% if not sonata_admin.admin %}
  240.                             {{- empty_value|trans({}, translation_domain) -}}
  241.                         {% else %}
  242.                             {{- empty_value|trans({}, sonata_admin.field_description.translationDomain) -}}
  243.                         {% endif %}
  244.                     {% endif %}
  245.                 </option>
  246.             {% elseif placeholder is defined and placeholder is not none %}
  247.                 <option value=""{% if required and value is empty %} selected="selected"{% endif %}>
  248.                     {% if placeholder != '' %}
  249.                         {% if not sonata_admin.admin %}
  250.                             {{- placeholder|trans({}, translation_domain) -}}
  251.                         {% else %}
  252.                             {{- placeholder|trans({}, sonata_admin.field_description.translationDomain) -}}
  253.                         {% endif %}
  254.                     {% endif %}
  255.                 </option>
  256.             {% endif %}
  257.             {% if preferred_choices|length > 0 %}
  258.                 {% set options = preferred_choices %}
  259.                 {{ block('choice_widget_options') }}
  260.                 {% if choices|length > 0 %}
  261.                     <option disabled="disabled">{{ separator }}</option>
  262.                 {% endif %}
  263.             {% endif %}
  264.             {% set options = choices %}
  265.             {{ block('choice_widget_options') }}
  266.         </select>
  267.     {% endif %}
  268. {% endapply %}
  269. {% endblock choice_widget_collapsed %}
  271. {% block date_widget %}
  272. {% apply spaceless %}
  273.     {% if widget == 'single_text' %}
  274.         {{ block('form_widget_simple') }}
  275.     {% else %}
  276.         {% if row is not defined or row == true %}
  277.             {% set attr = attr|merge({'class': attr.class|default('') ~ ' row' }) %}
  278.         {% endif %}
  279.         {% set input_wrapper_class = input_wrapper_class|default('col-sm-4') %}
  280.         <div {{ block('widget_container_attributes') }}>
  281.             {{ date_pattern|replace({
  282.                 '{{ year }}':  '<div class="'~ input_wrapper_class ~ '">' ~ form_widget(form.year) ~ '</div>',
  283.                 '{{ month }}': '<div class="'~ input_wrapper_class ~ '">' ~ form_widget(form.month) ~ '</div>',
  284.                 '{{ day }}':   '<div class="'~ input_wrapper_class ~ '">' ~ form_widget(form.day) ~ '</div>',
  285.             })|raw }}
  286.         </div>
  287.     {% endif %}
  288.     {% if datepicker_use_button is not defined %}
  289.         {{ block('sonata_help') }}
  290.     {% endif %}
  291. {% endapply %}
  292. {% endblock date_widget %}
  294. {% block time_widget %}
  295. {% apply spaceless %}
  296.     {% if widget == 'single_text' %}
  297.         {{ block('form_widget_simple') }}
  298.     {% else %}
  299.         {% if row is not defined or row == true %}
  300.             {% set attr = attr|merge({'class': attr.class|default('') ~ ' row' }) %}
  301.         {% endif %}
  302.         {% set input_wrapper_class = input_wrapper_class|default('col-sm-6') %}
  303.         <div {{ block('widget_container_attributes') }}>
  304.             <div class="{{ input_wrapper_class }}">
  305.                 {{ form_widget(form.hour) }}
  306.             </div>
  307.             {% if with_minutes %}
  308.                 <div class="{{ input_wrapper_class }}">
  309.                     {{ form_widget(form.minute) }}
  310.                 </div>
  311.             {% endif %}
  312.             {% if with_seconds %}
  313.                 <div class="{{ input_wrapper_class }}">
  314.                     {{ form_widget(form.second) }}
  315.                 </div>
  316.             {% endif %}
  317.         </div>
  318.     {% endif %}
  319.     {{ block('sonata_help') }}
  320. {% endapply %}
  321. {% endblock time_widget %}
  323. {% block datetime_widget %}
  324. {% apply spaceless %}
  325.     {% if widget == 'single_text' %}
  326.         {{ block('form_widget_simple') }}
  327.     {% else %}
  328.         {% set attr = attr|merge({'class': attr.class|default('') ~ ' row' }) %}
  329.         <div {{ block('widget_container_attributes') }}>
  330.             {{ form_errors(form.date) }}
  331.             {{ form_errors(form.time) }}
  333.             {% if form.date.vars.widget == 'single_text' %}
  334.                 <div class="col-sm-2">
  335.                     {{ form_widget(form.date) }}
  336.                 </div>
  337.             {% else %}
  338.                 {{ form_widget(form.date, {'row': false, 'input_wrapper_class': 'col-sm-2'}) }}
  339.             {% endif %}
  341.             {% if form.time.vars.widget == 'single_text' %}
  342.                 <div class="col-sm-2">
  343.                     {{ form_widget(form.time) }}
  344.                 </div>
  345.             {% else %}
  346.                 {{ form_widget(form.time, {'row': false, 'input_wrapper_class': 'col-sm-2'}) }}
  347.             {% endif %}
  348.         </div>
  349.     {% endif %}
  350.     {% if datepicker_use_button is not defined %}
  351.         {{ block('sonata_help') }}
  352.     {% endif %}
  353. {% endapply %}
  354. {% endblock datetime_widget %}
  356. {% block form_row %}
  357.     {% set show_label = show_label ?? true %}
  358.     <div class="form-group{% if errors|length > 0 %} has-error{% endif %}" id="sonata-ba-field-container-{{ id }}">
  359.         {% if sonata_admin.field_description.options is defined %}
  360.             {% set label = sonata_admin.field_description.options.name|default(label) %}
  361.         {% endif %}
  363.         {% set div_class = 'sonata-ba-field' %}
  365.         {% if label is same as(false) %}
  366.             {% set div_class = div_class ~ ' sonata-collection-row-without-label' %}
  367.         {% endif %}
  369.         {% if sonata_admin is defined and sonata_admin.options['form_type'] == 'horizontal' %}
  370.             {# Add an offset if no label or is a checkbox/radio #}
  371.             {% if label is same as(false) or form.vars.checked is defined %}
  372.                 {% if 'collection' in form.parent.vars.block_prefixes %}
  373.                     {% set div_class = div_class ~ ' col-sm-12' %}
  374.                 {% else %}
  375.                     {% set div_class = div_class ~ ' col-sm-9 col-sm-offset-3' %}
  376.                 {% endif %}
  377.             {% else %}
  378.                 {% set div_class = div_class ~ ' col-sm-9' %}
  379.             {% endif %}
  380.         {% endif %}
  382.         {% if show_label %}
  383.             {{ form_label(form, label|default(null)) }}
  384.         {% endif %}
  386.         {% if sonata_admin is defined and sonata_admin_enabled %}
  387.             {% set div_class = div_class ~ ' sonata-ba-field-' ~ sonata_admin.edit ~ '-' ~ sonata_admin.inline %}
  388.         {% endif %}
  390.         {% if errors|length > 0 %}
  391.             {% set div_class = div_class ~ ' sonata-ba-field-error' %}
  392.         {% endif %}
  394.         <div class="{{ div_class }}">
  395.             {{ form_widget(form, {'horizontal': false, 'horizontal_input_wrapper_class': ''}) }} {# {'horizontal': false, 'horizontal_input_wrapper_class': ''} needed to avoid MopaBootstrapBundle messing with the DOM #}
  397.             {% if errors|length > 0 %}
  398.                 <div class="help-block sonata-ba-field-error-messages">
  399.                     {{ form_errors(form) }}
  400.                 </div>
  401.             {% endif %}
  403.             {% if sonata_admin is defined and sonata_admin_enabled and sonata_admin.field_description.help|default(false) %}
  404.                 <span class="help-block sonata-ba-field-help">{{ sonata_admin.field_description.help|trans({}, sonata_admin.field_description.translationDomain ?: admin.translationDomain)|raw }}</span>
  405.             {% endif %}
  407.             {{ form_help(form) }}
  408.         </div>
  409.     </div>
  410. {% endblock form_row %}
  412. {% block checkbox_row -%}
  413.     {% set show_label = false %}
  414.     {{ block('form_row') }}
  415. {%- endblock checkbox_row %}
  417. {% block radio_row -%}
  418.     {% set show_label = false %}
  419.     {{ block('form_row') }}
  420. {%- endblock radio_row %}
  422. {% block sonata_type_native_collection_widget_row %}
  423. {% apply spaceless %}
  424.     <div class="sonata-collection-row">
  425.         {% if allow_delete %}
  426.             <div class="row">
  427.                 <div class="col-xs-1">
  428.                     <a href="#" class="btn btn-link sonata-collection-delete">
  429.                         <i class="fa fa-minus-circle" aria-hidden="true"></i>
  430.                     </a>
  431.                 </div>
  432.                 <div class="col-xs-11">
  433.         {% endif %}
  434.             {{ form_row(child, { label: false }) }}
  435.         {% if allow_delete %}
  436.                 </div>
  437.             </div>
  438.         {% endif %}
  439.     </div>
  440. {% endapply %}
  441. {% endblock sonata_type_native_collection_widget_row %}
  443. {% block sonata_type_native_collection_widget %}
  444. {% apply spaceless %}
  445.     {% if prototype is defined %}
  446.         {% set child = prototype %}
  447.         {% set allow_delete_backup = allow_delete %}
  448.         {% set allow_delete = true %}
  449.         {% set attr = attr|merge({'data-prototype': block('sonata_type_native_collection_widget_row'), 'data-prototype-name': prototype.vars.name, 'class': attr.class|default('') }) %}
  450.         {% set allow_delete = allow_delete_backup %}
  451.     {% endif %}
  452.     <div {{ block('widget_container_attributes') }}>
  453.         {{ form_errors(form) }}
  454.         {% for child in form %}
  455.             {{ block('sonata_type_native_collection_widget_row') }}
  456.         {% endfor %}
  457.         {{ form_rest(form) }}
  458.         {% if allow_add %}
  459.             <div><a href="#" class="btn btn-link sonata-collection-add"><i class="fa fa-plus-circle" aria-hidden="true"></i></a></div>
  460.         {% endif %}
  461.     </div>
  462. {% endapply %}
  463. {% endblock sonata_type_native_collection_widget %}
  465. {% block sonata_type_immutable_array_widget %}
  466.     {% apply spaceless %}
  467.         <div {{ block('widget_container_attributes') }}>
  468.             {{ block('sonata_help') }}
  470.             {{ form_errors(form) }}
  472.             {% for key, child in form %}
  473.                 {{ block('sonata_type_immutable_array_widget_row') }}
  474.             {% endfor %}
  476.             {{ form_rest(form) }}
  477.         </div>
  478.     {% endapply %}
  479. {% endblock sonata_type_immutable_array_widget %}
  481. {% block sonata_type_immutable_array_widget_row %}
  482.     {% apply spaceless %}
  483.         <div class="form-group{% if child.vars.errors|length > 0 %} has-error{% endif %}" id="sonata-ba-field-container-{{ id }}-{{ key }}">
  485.             {{ form_label(child) }}
  487.             {% set div_class = "" %}
  488.             {% if sonata_admin.options['form_type'] == 'horizontal' %}
  489.                 {% set div_class = 'col-sm-9' %}
  490.             {% endif %}
  492.             <div class="{{ div_class }} sonata-ba-field sonata-ba-field-{{ sonata_admin.edit }}-{{ sonata_admin.inline }}{% if child.vars.errors|length > 0 %} sonata-ba-field-error{% endif %}">
  493.                 {{ form_widget(child, {'horizontal': false, 'horizontal_input_wrapper_class': ''}) }} {# {'horizontal': false, 'horizontal_input_wrapper_class': ''} needed to avoid MopaBootstrapBundle messing with the DOM #}
  494.                 {% set sonata_help = child.vars.sonata_help %}
  495.                 {{ block('sonata_help') }}
  496.             </div>
  498.             {% if child.vars.errors|length > 0 %}
  499.                 <div class="help-block sonata-ba-field-error-messages">
  500.                     {{ form_errors(child) }}
  501.                 </div>
  502.             {% endif %}
  503.         </div>
  504.     {% endapply %}
  505. {% endblock %}
  507. {% block sonata_type_model_autocomplete_widget %}
  508.     {% include template %}
  509. {% endblock sonata_type_model_autocomplete_widget %}
  511. {% block sonata_type_choice_field_mask_widget %}
  512.     {{ block('choice_widget') }}
  513.     {# Taking the form name excluding ending field glue character #}
  514.     {% set main_form_name = id|slice(0, (id|length - name|length)-1) %}
  515.     {% if expanded %}
  516.         {% set js_selector = '#' ~ main_form_name ~ '_' ~ name ~ ' input' %}
  517.         {% set js_event = 'ifChecked' %}
  518.     {% else %}
  519.         {% set js_selector = '#' ~ main_form_name ~ '_' ~ name %}
  520.         {% set js_event = 'change' %}
  521.     {% endif %}
  522.     <script>
  523.         jQuery(document).ready(function() {
  524.             var allFields = {{ all_fields|json_encode|raw }},
  525.                 map = {{ map|json_encode|raw }},
  526.                 showMaskChoiceEl = jQuery("{{ js_selector }}");
  528.             showMaskChoiceEl.on("{{ js_event }}", function () {
  529.                 choice_field_mask_show(jQuery(this).val());
  530.             });
  532.             function choice_field_mask_show(val) {
  533.                 var controlGroupIdFunc = function (field) {
  534.                     // Most of fields are named with an underscore
  535.                     var defaultFieldId = '#sonata-ba-field-container-{{ main_form_name }}_' + field;
  537.                     // Some fields may be named with a dash (like keys of immutable array form type)
  538.                     if (jQuery(defaultFieldId).length === 0) {
  539.                         return '#sonata-ba-field-container-{{ main_form_name }}-' + field;
  540.                     }
  542.                     return defaultFieldId;
  543.                 };
  545.                 jQuery.each(allFields, function (i, field) {
  546.                     var fieldContainer = controlGroupIdFunc(field);
  547.                     jQuery(fieldContainer).hide();
  548.                     jQuery(fieldContainer).find('[required="required"]').attr('data-required', 'required').removeAttr("required");
  549.                 });
  551.                 if (map[val]) {
  552.                     jQuery.each(map[val], function (i, field) {
  553.                         var fieldContainer = controlGroupIdFunc(field);
  554.                         jQuery(fieldContainer).show();
  555.                         jQuery(fieldContainer).find('[data-required="required"]').attr("required", "required");
  556.                     });
  557.                 }
  558.             }
  560.             {% if value is empty %}
  561.                 choice_field_mask_show(showMaskChoiceEl.val());
  562.             {% else %}
  563.                 choice_field_mask_show('{{ value|e('js') }}');
  564.             {% endif %}
  565.         });
  567.     </script>
  568. {% endblock %}
  570. {% block sonata_type_choice_multiple_sortable %}
  571.     <input type="hidden" name="{{ full_name }}" id="{{ id }}" value="{{ value|join(',') }}" />
  573.     <script>
  574.         jQuery(document).ready(function() {
  575.             Admin.setup_sortable_select2(jQuery('#{{ id }}'), {{ form.vars.choices|json_encode|raw }});
  576.         });
  577.     </script>
  578. {% endblock %}