ui/twig/common/forms/tabs/default.html.twig line 1

Open in your IDE?
  1. {% set form = _args.form|default(null) %}
  2. {% set categories = _args.categories|default([]) %}
  3. {% set defaultCategory = _args.defaultCategory|default('Default') %}
  4. {% set title = _args.title %}
  5. {% set formId = _args.formId is defined ? _args.formId : null %}
  6. {% set saveTabsState = _args.saveTabsState|default(false) %}
  8. {% if form is not null %}
  9.     {% for field in form.children %}
  10.         {% if field.vars.categoryName is defined %}
  11.             {% if field.vars.categoryName not in categories %}
  12.                 {% set categories = categories|merge([field.vars.categoryName]) %}
  13.             {% endif %}
  14.         {% elseif 'hidden' not in field.vars.block_prefixes %}
  15.             {% if defaultCategory not in categories %}
  16.                 {% set categories = categories|merge([defaultCategory]) %}
  17.             {% endif %}
  18.         {% endif %}
  19.     {% endfor %}
  20. {% endif %}
  21. {% if categories|length > 1 %}
  22.     <style type="text/css">
  23.         .cs-console-main-content > form {
  24.             display: none;
  25.         }
  26.         div[data-form-category] {
  27.             display: none;
  28.         }
  29.     </style>
  30.     {% embed '@ui/common/navbars/default.html.twig' with {title: title, formId: formId} %}
  31.         {% block items %}
  32.             {% for category in categories %}
  33.                 {% include '@ui/common/navbars/items/default.html.twig' with {text: category} %}
  34.             {% endfor %}
  35.         {% endblock %}
  36.     {% endembed %}
  37.     {% inline_script %}
  38.         <script>
  39.             $(function() {
  40.                 var category,
  41.                     tabId = 0,
  42.                     cookieName;
  44.                 $('body').on('click', 'ul.app-navbar__ul > li', function(e) {
  45.                     var $target = $(e.target),
  46.                         $parent = $target.closest('ul.app-navbar__ul'),
  47.                         form = $parent.data('form');
  49.                     $(form).show();
  51.                     category = $target.text().trim();
  53.                     $parent.find('> li').removeClass('active');
  54.                     $target.closest('li').addClass('active');
  55.                     $(form).find('div.form-group[data-form-category][data-form-category!="' + category + '"]').hide();
  56.                     $(form).find('div.form-group[data-form-category][data-form-category="' + category + '"]').show();
  58.                     e.preventDefault();
  59.                 });
  61.                 {% if saveTabsState %}
  62.                     var categories,
  63.                         index;
  65.                     cookieName = '{{ formId }}-tab';
  66.                     category = $.cookie(cookieName);
  67.                     $.removeCookie(cookieName);
  69.                     // store cookie with category only if form was submitted
  70.                     $('#{{ formId }}').on('submit', function () {
  71.                         if (category) {
  72.                             $.cookie(cookieName, category);
  73.                         }
  74.                     });
  76.                     if (category) {
  77.                         categories = $('ul[data-form="#{{ formId }}"] li').map(function () {
  78.                             return $(this).text().trim();
  79.                         });
  80.                         index = $.inArray(category, categories);
  81.                         if (index !== -1) {
  82.                             tabId = index;
  83.                         }
  84.                     }
  85.                 {% endif %}
  87.                 $('ul.app-navbar__ul > li').eq(tabId).click();
  88.             });
  89.         </script>
  90.     {% endinline %}
  91. {% endif %}