templates/includes/side-navigation/navigation.html.twig line 1

Open in your IDE?
  1. {% set lang = app.request.locale %}
  2. {% set defaultId = lang == 'de' ? 21 : 626 %}
  4. {# get root node if there is no document defined (for pages which are routed directly through static route) #}
  5. {% if not document is defined or not document %}
  6.     {% set document = pimcore_document(defaultId) %}
  7. {% endif %}
  9. {# get the document which should be used to start in navigation | default home #}
  10. {% set navStartNode = document.getProperty('navigationRoot') %}
  11. {% if not navStartNode %}
  12.     {% if lang == 'de' %}
  13.         {% set navStartNode = document.getProperty('navigationRootDe') %}
  14.     {% else %}
  15.         {% set navStartNode = document.getProperty('navigationRootEn') %}
  16.     {% endif %}
  17. {% endif %}
  18. {#{% if not navStartNode is instanceof('\\Pimcore\\Model\\Document\\Page') %} #}
  19. {#    {% set navStartNode = pimcore_document(defaultId) %} #}
  20. {#{% endif %} #}
  22. {% set mainNavigation = pimcore_build_nav({
  23.     active: document,
  24.     root: navStartNode
  25. }) %}
  27. {% set alternateLanguagePath = document.getProperty('alternateLanguagePath') %}
  28. {% if alternateLanguagePath %}
  29.     {% set urlPath = alternateLanguagePath.getFullPath() %}
  30.     {% if lang == 'de' %}
  31.         {% set mainNavigation = mainNavigation.addPage({order: -1, label: "De", title:"De", uri: app.request.requestUri(), class: "custom-slection-lang-de" }) %}
  32.         {% set mainNavigation = mainNavigation.addPage({order: -1, label: "En", title:"En", uri: urlPath, class: "custom-slection-lang-en" }) %}
  33.     {% else %}
  34.         {% set mainNavigation = mainNavigation.addPage({order: -1, label: "De", title:"De", uri: urlPath, class: "custom-slection-lang-de" }) %}
  35.         {% set mainNavigation = mainNavigation.addPage({order: -1, label: "En", title:"En", uri: app.request.requestUri(), class: "custom-slection-lang-en" }) %}
  36.     {% endif %}
  37. {% else %}
  38.     {% set url = app.request.requestUri() | replace({'/en/': '/', '/de/': '/'}) %}
  39.     {% if url == '/en' %}
  40.         {% set url = '/' %}
  41.     {% endif %}
  43.     {% set mainNavigation = mainNavigation.addPage({order: -1, label: "De", title:"De", uri: url, class: "custom-slection-lang-de" }) %}
  44.     {% set mainNavigation = mainNavigation.addPage({order: -1, label: "En", title:"En", uri: "/en" ~ url, class: "custom-slection-lang-en" }) %}
  45. {% endif %}
  47. {# later you can render the navigation #}
  48. {{ pimcore_render_nav(mainNavigation) }}
  50. <script>
  51.     document.addEventListener("DOMContentLoaded", function() {
  52.         document.querySelectorAll('.custom-slection-lang-de').forEach((elDe) => {
  53.             elDe.addEventListener('click', (e) => {
  54.                 e.preventDefault();
  56.                 Cookies.set('language', 'de', {expires: 14});
  57.                 
  58.                 window.location.href = elDe.href;
  59.             });
  60.         });
  62.         document.querySelectorAll(".custom-slection-lang-en").forEach((elEn) => {
  63.             elEn.addEventListener("click", (e) => {
  64.                 e.preventDefault();
  66.                 Cookies.set('language', 'en', {expires: 14});
  68.                 window.location.href = elEn.href;
  69.             });
  70.         });
  71.     });
  72. </script>