ui/twig/create/forms/toggler.html.twig line 1

Open in your IDE?
  1. {% set htmlId = _args.htmlId|default('toggler-' ~ token()) %}
  2. {% set text = _args.text %}
  3. {% set enable = _args.enable %}
  4. {% set disable = (_args.disable is defined) ? _args.disable : [] %}
  5. {% set checked = _args.checked|default(false) %}
  7. <div class="checkbox">
  8.     <input class="checkbox__input" id="{{ htmlId }}" type="checkbox"{% if checked %} checked{% endif %} />
  9.     <label class="checkbox__label" for="{{ htmlId }}">{{ text }}</label>
  10.     {%- if helpText|default('') -%}
  11.         <span
  12.             class="icon icon--tip icon-solid-help"
  13.             data-toggle='tooltip'
  14.             data-trigger='click'
  15.             data-original-title="{{ helpText }}"
  16.         >
  17.         </span>
  18.     {%- endif -%}
  19. </div>
  21. {% inline_script %}
  22.     <script>
  23.         $(function () {
  24.             $('#{{ htmlId }}')
  25.                 .on('change', function (e) {
  26.                     var $target = $(e.currentTarget),
  27.                         checked = $target.prop('checked'),
  28.                         $enable = $('{% for enbl in enable %}#{{ enbl.vars.id }}{% if not loop.last %},{% endif %}{% endfor %}'),
  29.                         $disable = $('{% for dsbl in disable %}#{{ dsbl.vars.id }}{% if not loop.last %},{% endif %}{% endfor %}');
  30.                     function show($elements) {
  31.                         $elements.each(function (index, elem) {
  32.                             var $elem = $(elem);
  33.                             if ($elem.is('[data-name]')) {
  34.                                 $elem
  35.                                     .attr('name', $elem.attr('data-name'))
  36.                                     .removeAttr('data-name')
  37.                                 ;
  38.                             }
  39.                             $elem.closest('.form-group').removeClass('hidden');
  40.                         });
  41.                     }
  42.                     function hide($elements) {
  43.                         $elements.each(function (index, elem) {
  44.                             var $elem = $(elem);
  45.                             $elem
  46.                                 .attr('data-name', $elem.attr('name'))
  47.                                 .removeAttr('name');
  48.                             $elem.closest('.form-group').addClass('hidden');
  49.                         });
  50.                     }
  51.                     show((checked) ? $enable : $disable);
  52.                     hide((checked) ? $disable : $enable);
  53.                 })
  54.                 .trigger('change');
  55.         });
  56.     </script>
  57. {% endinline %}