templates/uniqskills/menuStandard.html.twig line 1

Open in your IDE?
  1. {% if app.request.locale == 'pl' %}
  2.     {% set categoryRoute = 'fmUniqskillsFrontendPlCourseCatalogue' %}
  3.     {% set subCategoryRoute = 'fmUniqskillsFrontendPlCatalogueSubCategory' %}
  4. {% elseif app.request.locale == 'en' %}
  5.     {% set categoryRoute = 'fmUniqskillsFrontendUKCourseCatalogue' %}
  6.     {% set subCategoryRoute = 'fmUniqskillsFrontendUKCatalogueSubCategory' %}
  7. {% else %}
  8.     {% set categoryRoute = 'fmUniqskillsFrontendCourseCatalogue' %}
  9.     {% set subCategoryRoute = 'fmUniqskillsFrontendCatalogueSubCategory' %}
  10. {% endif %}
  11. {% if category is defined and category is not empty %}
  12.     {% set categorySlug = category.categorySlug %}
  13. {% else %}
  14.     {% set categorySlug = 0 %}
  15. {% endif %}
  16. {% set categories = getUniqskillsCategories() %}
  17. {% set languages = getUniqskillsLanguages() %}
  18. <header class="headerContainer sectionBackground--purple {% if app.request.locale == 'de' %}german-height{% endif %}">
  19.     <div class="container">
  20.         <a href="{{ path('fmUniqskillsHomePage') }}" class="headerLogo {% if app.request.locale != 'de' %}headerLogo--svg{% endif %}">
  21.             {% if app.request.locale == 'de' %}
  22.                 <img style="width:40%;" src="{{ asset(getUniqskillsLogo(app.request.locale)) | imagine_filter('img_250_width') }}" alt="logo">
  23.             {% else %}
  24.                 <img src="{{ asset(getUniqskillsLogo(app.request.locale)) }}" class="logo-main-svg" alt="logo">
  25.             {% endif %}
  26.         </a>
  27.         <span class="search-mobile">
  28.             <img src="{{ asset('uniqskills/img/loop-icon.png') }}" class="search-mobile-icon">
  29.             <span>{{ 'uniqskills.menu.search'|trans }}</span>
  30.         </span>
  31.         {% if app.request.locale == 'pl' %}
  32.             {% set searchRoute = 'fmUniqskillsFrontendPlCatalogueSubCategory' %}
  33.         {% elseif app.request.locale == 'en' %}
  34.             {% set searchRoute = 'fmUniqskillsFrontendUKCatalogueSubCategory' %}
  35.         {% else %}
  36.             {% set searchRoute = 'fmUniqskillsFrontendCatalogueSubCategory' %}
  37.         {% endif %}
  38.         <div class="headerMenu headerMenu--showOnTablet">
  39.             <nav class="menuContent menuContent--showOnTablet">
  40.                 <ul class="menuContent-links menuContent-links--showOnTablet">
  41.                     <li>
  42.                         <a href="{{ path('fmUniqskillsHomePage') }}">
  43.                             {{ 'uniqskills.menu.homePage'|trans }}
  44.                         </a>
  45.                     </li>
  46.                     <li>
  47.                         {# task GOS-1568 #}
  48.                         {% if app.request.locale not in ['es', 'pt', 'de', 'en-us'] %}
  49.                             {% if not hideCatalog() %}
  50.                                 {% if app.request.locale == 'pl' %}
  51.                                     <a href="{{ path('fmUniqskillsFrontendPlCourseCatalogue') }}">
  52.                                         {{ 'uniqskills.menu.catalog'|trans }}
  53.                                         <i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
  54.                                     </a>
  55.                                 {% elseif app.request.locale == 'en' %}
  56.                                     <a href="{{ path('fmUniqskillsFrontendUKCourseCatalogue') }}">
  57.                                         {{ 'uniqskills.menu.catalog'|trans }}
  58.                                         <i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
  59.                                     </a>
  60.                                 {% else %}
  61.                                     <a href="{{ path('fmUniqskillsFrontendCourseCatalogue') }}">
  62.                                         {{ 'uniqskills.menu.catalog'|trans }}
  63.                                         <i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
  64.                                     </a>
  65.                                 {% endif %}
  66.                             {% endif %}
  67.                         {% endif %}
  68.                     </li>
  69.                     {% if app.request.locale == 'en' %}
  70.                         <li><a target="_blank" href="https://www.blog.uniqskills.co.uk">Blog</a></li>
  71.                     {% endif %}
  72.                     <li>
  73.                         <a href="{{ path('fmUniqskillsContactForm') }}">
  74.                             {{ 'uniqskills.menu.contact'|trans }}
  75.                         </a>
  76.                     </li>
  77.                     {% if app.request.locale == 'pl' %}
  78.                         <li><a target="_blank" href="{{ path('fmUniqskillsHowToUse') }}">Jak korzystać</a></li>
  79.                     {% endif %}
  80.                 </ul>
  81.                 <div class="menuContent-accountElements menuContent-accountElements--showOnTablet">
  82.                     {% if app.user %}
  83.                         <a href="{{ path('fmUniqskillsAccount') }}"
  84.                            class="button button--mainMenu button-blueBorder">
  85.                             {{ 'uniqskills.menu.myAccount'|trans }}
  86.                         </a>
  87.                     {% else %}
  88.                         <a href="{{ path('uniqskills_login') }}"
  89.                            class="button button--autoWidth button-blueBorder"
  90.                            style="margin-left: 0;"
  91.                            onclick="sendMixPanelEvent('{{ constant('App\\Utils\\Uniqskills\\MixPanel\\MixPanelEvent::LOGIN') }}')">
  92.                             {{ 'uniqskills.menu.signin'|trans }}
  93.                         </a>
  94.                     {% endif %}
  95.                     {{ include('uniqskills/cart/buttonCart.html.twig') }}
  96.                 </div>
  97.                 {% if app.request.locale != 'en' %}
  98.                     <div class="menuContent-siteSettings menuContent-siteSettings--showOnTablet" {% if app.request.locale == 'de' %}style="top:24px!important;"{% endif %}>
  99.                         <div class="customSelect">
  100.                             {{ include('uniqskills/base/language_menu.html.twig') }}
  101.                         </div>
  102.                     </div>
  103.                 {% endif %}
  104.             </nav>
  105.             <nav class="menuCategories">
  106.                 <span class="categories-title">{{ 'uniqskills.catalog.chooseCategory'|trans }}</span>
  107.                 <ul class="menuCategories__list">
  108.                     <li>
  109.                         <a href="{{ path(categoryRoute) }}">
  110.                         <span class="categories-label  {{ (null or 0) == categorySlug ? "active": '' }}">
  111.                             {{ 'uniqskills.catalog.all'|trans }}
  112.                         </span>
  113.                         </a>
  114.                     </li>
  115.                     {% for item in categories %}
  116.                         <li>
  117.                             <a href="{{ path(categoryRoute, {category: item.categorySlug}) }}" class="{{ item.subCategories|length > 0 ? 'categories-link-root' : '' }}">
  118.                             <span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}
  119.                                         {{ item.subCategories|length > 0 ? 'categories-root' : '' }}"
  120.                             >
  121.                                 {{ item.categoryName }}
  122.                                 {% if item.subCategories|length > 0 %}
  123.                                     <span class="subcategories-number">({{ item.subCategories|length }})</span>
  124.                                 {% endif %}
  125.                             </span>
  126.                             </a>
  127.                             <ul class="categories-subCategoriesList">
  128.                                 {% if item.subCategories|length > 0 %}
  129.                                     <li class="categories-linkToAll">
  130.                                         <a href="{{ path(categoryRoute, {category: item.categorySlug}) }}">
  131.                                         <span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}">
  132.                                             {{ 'uniqskills.catalog.all'|trans }}
  133.                                         </span>
  134.                                         </a>
  135.                                     </li>
  136.                                 {% endif %}
  137.                                 {% for subCategory in item.subCategories %}
  138.                                     <li>
  139.                                         <a href="{{ path(subCategoryRoute, {category: item.categorySlug, subCategory: subCategory.categorySlug}) }}">
  140.                                     <span class="categories-label {{ subCategory.categorySlug == categorySlug ? "active": '' }}">
  141.                                         {{ subCategory.categoryName }}
  142.                                         ({{ subCategory.activeCoursesCounter }})
  143.                                     </span>
  144.                                         </a>
  145.                                     </li>
  146.                                 {% endfor %}
  147.                             </ul>
  148.                         </li>
  149.                     {% endfor %}
  150.                 </ul>
  151.             </nav>
  152.         </div>
  153.     </div>
  154. </header>
  155. <div class="search-bar">
  156.     <form method="GET" action="{{ path(searchRoute) }}" id="search-bar-form">
  157.         <input name="search" type="text" class="search-bar-input">
  158.         <a href="#" class="search-mobile search-mobile-submit">
  159.             <img src="{{ asset('uniqskills/img/loop-icon-grey.png') }}" class="search-mobile-icon">
  160.             <span>{{ 'uniqskills.menu.search'|trans }}</span>
  161.         </a>
  162.     </form>
  163. </div>
  164. <div class="headerMenu--mobile">
  165.     <div class="menuButton menuButton--showOnTablet">
  166.         <div class="menuButton-lines">
  167.             <div class="menuButton-line"></div>
  168.             <div class="menuButton-line"></div>
  169.             <div class="menuButton-line"></div>
  170.             <div class="menuButton-line"></div>
  171.         </div>
  172.         <div class="menuButton-text">menu</div>
  173.     </div>
  174.     <nav class="menuContent menuContent--showOnTablet">
  175.         <ul class="menuContent-links menuContent-links--showOnTablet">
  176.             <li>
  177.                 <a href="{{ path('fmUniqskillsHomePage') }}">
  178.                     {{ 'uniqskills.menu.homePage'|trans }}
  179.                 </a>
  180.             </li>
  181.             <li>
  182.                 {% if not hideCatalog() %}
  183.                     {% if app.request.locale == 'pl' %}
  184.                         <a href="{{ path('fmUniqskillsFrontendPlCourseCatalogue') }}" class="link-catalog">
  185.                             {{ 'uniqskills.menu.catalog'|trans }}
  186.                             <i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
  187.                         </a>
  188.                     {% elseif app.request.locale == 'en' %}
  189.                         <a href="{{ path('fmUniqskillsFrontendUKCourseCatalogue') }}" class="link-catalog">
  190.                             {{ 'uniqskills.menu.catalog'|trans }}
  191.                             <i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
  192.                         </a>
  193.                     {% else %}
  194.                         <a href="{{ path('fmUniqskillsFrontendCourseCatalogue') }}" class="link-catalog">
  195.                             {{ 'uniqskills.menu.catalog'|trans }}
  196.                             <i class="fa fa-angle-right link-catalog-icon" aria-hidden="true"></i>
  197.                         </a>
  198.                     {% endif %}
  199.                 {% endif %}
  200.             </li>
  201.             <li>
  202.                 <a href="{{ path('fmUniqskillsContactForm') }}">
  203.                     {{ 'uniqskills.menu.contact'|trans }}
  204.                 </a>
  205.             </li>
  206.             {% if app.request.locale == 'pl' %}
  207.                 <li><a target="_blank" href="{{ path('fmUniqskillsHowToUse') }}">Jak korzystać</a></li>
  208.             {% endif %}
  209.         </ul>
  210.         <div class="menuContent-accountElements menuContent-accountElements--showOnTablet">
  211.             {% if app.user %}
  212.                 <a href="{{ path('fmUniqskillsAccount') }}"
  213.                    class="button button--mainMenu button-blueBorder">
  214.                     {{ 'uniqskills.menu.myAccount'|trans }}
  215.                 </a>
  216.             {% else %}
  217.                 <a href="{{ path('uniqskills_login') }}"
  218.                    class="button button--autoWidth button-blueBorder"
  219.                    style="margin-left: 0;">
  220.                     {{ 'uniqskills.menu.signin'|trans }}
  221.                 </a>
  222.             {% endif %}
  223.             {{ include('uniqskills/cart/buttonCart.html.twig') }}
  224.         </div>
  225.         <div class="menuContent-siteSettings menuContent-siteSettings--showOnTablet" {% if app.request.locale == 'de' %}style="top:24px!important;"{% endif %}>
  226.             <div class="customSelect">
  227.                 {{ include('uniqskills/base/language_menu.html.twig') }}
  228.             </div>
  229.         </div>
  230.     </nav>
  231.     <nav class="menuCategories">
  232.         <span class="categories-title">{{ 'uniqskills.catalog.chooseCategory'|trans }}</span>
  233.         <ul class="menuCategories__list">
  234.             <li>
  235.                 <a href="{{ path(categoryRoute) }}">
  236.                         <span class="categories-label  {{ (null or 0) == categorySlug ? "active": '' }}">
  237.                             {{ 'uniqskills.catalog.all'|trans }}
  238.                         </span>
  239.                 </a>
  240.             </li>
  241.             {% for item in categories %}
  242.                 <li>
  243.                     <a href="{{ path(categoryRoute, {category: item.categorySlug}) }}" class="{{ item.subCategories|length > 0 ? 'categories-link-root' : '' }}">
  244.                             <span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}
  245.                                         {{ item.subCategories|length > 0 ? 'categories-root' : '' }}"
  246.                             >
  247.                                 {{ item.categoryName }}
  248.                                 <span class="active-courses-number">({{ item.activeCoursesCounter }})</span>
  249.                             </span>
  250.                     </a>
  251.                     <ul class="categories-subCategoriesList">
  252.                         {% if item.subCategories|length > 0 %}
  253.                             <li class="categories-linkToAll">
  254.                                 <a href="{{ path(categoryRoute, {category: item.categorySlug}) }}">
  255.                                         <span class="categories-label {{ item.categorySlug == categorySlug ? "active": '' }}">
  256.                                             {{ 'uniqskills.catalog.all'|trans }}
  257.                                         </span>
  258.                                 </a>
  259.                             </li>
  260.                         {% endif %}
  261.                         {% for subCategory in item.subCategories %}
  262.                             <li>
  263.                                 <a href="{{ path(subCategoryRoute, {category: item.categorySlug, subCategory: subCategory.categorySlug}) }}">
  264.                                     <span class="categories-label {{ subCategory.categorySlug == categorySlug ? "active": '' }}">
  265.                                         {{ subCategory.categoryName }}
  266.                                         ({{ subCategory.activeCoursesCounter }})
  267.                                     </span>
  268.                                 </a>
  269.                             </li>
  270.                         {% endfor %}
  271.                     </ul>
  272.                 </li>
  273.             {% endfor %}
  274.         </ul>
  275.     </nav>
  276. </div>