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

Open in your IDE?
  1. {% set htmlId = _args.htmlId|default(token()) %}
  2. {% set categories = _args.categories|default([]) %}
  3. {% set title = _args.title %}
  4. {% set form = _args.form %}
  6. {% if categories is not empty %}
  7.     <nav class="module-menu" id="{{ htmlId }}">
  8.         <ul class="module-menu__items">
  9.             {% for category in categories %}
  10.                 <li class="module-menu__item{% if loop.first %} active{% endif %}">
  11.                     <a class="module-menu__item-link" href="#">{{ category }}</a>
  12.                 </li>
  13.             {% endfor %}
  14.         </ul>
  15.     </nav>
  16.     {% inline_script %}
  17.         <script>
  18.             $(function () {
  19.                 $('#{{ htmlId }}').on('click', 'li', function (e) {
  20.                     var $target = $(e.currentTarget),
  21.                         $delegate = $(e.delegateTarget),
  22.                         category = $target.text().trim(),
  23.                         $form = $('#{{ form.vars.id }}');
  24.                     $delegate
  25.                         .find('li')
  26.                         .removeClass('active');
  27.                     $target.addClass('active');
  28.                     $form
  29.                         .find('[data-cs-forms-section="'+category+'"]')
  30.                             .show()
  31.                         .end()
  32.                         .find('[data-cs-forms-section]')
  33.                             .not('[data-cs-forms-section="'+category+'"]')
  34.                                 .hide()
  35.                             .end()
  36.                         .end()
  37.                     ;
  38.                 });
  39.             });
  40.         </script>
  41.     {% endinline %}
  42. {% endif %}