src/JanusHercules/Shared/Presentation/Resources/templates/header/nav_side_live_component.html.twig line 1

Open in your IDE?
  1. {# @var this \JanusHercules\Shared\Presentation\Component\Header\NavSideLiveComponent #}
  2. {% set logoImgSrc = app.user is not null and app.user.hasJoboffererProfile or showJoboffererHeader ? asset('assets/images/joboo-inverted.png') : asset('assets/images/joboo-logo.png') %}
  3. <div {{ attributes }} class="tw-items-center lg:tw-flex">
  4. {% set rightNavItemsForMobile = this.rightNavItemsForMobile %}
  6. {% if direction == "left" %}
  7. <div class="tw-flex tw-flex-shrink-0 tw-items-center tw-pl-1 tw-h-16">
  8. <a href="/de/" class="tw-m-0 tw-h-full tw-flex tw-items-center">
  9. <img class="tw-h-full tw-w-auto tw-pt-[7.5px] tw-pb-2"
  10. src="{{ logoImgSrc|cdnifyUri }}?1765880448"
  11. alt="JOBOO GMBH">
  12. </a>
  13. </div>
  14. {% endif %}
  15. <div class="tw-hidden lg:tw-flex tw-flex-row tw-items-center tw-pl-4">
  16. {% if this.sideNavbarItems %}
  17. {% for sideNavbarItem in this.sideNavbarItems %}
  18. {# @var sideNavbarItem \JanusHercules\Shared\Presentation\Entity\NavigationItem #}
  19. {% if sideNavbarItem and sideNavbarItem.url is defined and sideNavbarItem.label is defined and sideNavbarItem.name is not defined %}
  20. <twig:NavigationItem
  21. url="{{ sideNavbarItem.url }}"
  22. label="{{ sideNavbarItem.label }}"
  23. icon="{{ asset(sideNavbarItem.iconLink) }}"
  24. type="{{ sideNavbarItem.type }}"
  25. />
  26. {% elseif sideNavbarItem and sideNavbarItem.name is defined %}
  27. <twig:dropdown>
  28. <twig:block name="trigger">
  29. <twig:button text="{{ sideNavbarItem.name }}" type="button" variant="link" color="white"
  30. data-action="click->dropdown#toggle"
  31. class="tw-text-black hover:tw-text-black tw-bg-transparent"
  32. textAlignment="start"
  33. data-testid="dropdown_link"
  34. >
  35. <twig:block name="content_icon">
  36. <img src="{{ sideNavbarItem.iconLink ? asset(sideNavbarItem.iconLink) : asset('assets/icons/chevron-down.svg') }}"
  37. alt="chevron-down">
  38. </twig:block>
  39. </twig:button>
  40. </twig:block>
  41. {% if sideNavbarItem %}
  42. <twig:NavigationListGroup items="{{ sideNavbarItem.subItems }}"
  43. showDivider="true"/>
  44. {% endif %}
  45. </twig:dropdown>
  46. {% endif %}
  47. {% endfor %}
  48. {% endif %}
  49. </div>
  50. {# Mobile #}
  51. {% if direction == 'right' %}
  52. <div class="tw-flex lg:tw-hidden tw-items-center tw-justify-center tw-float-right tw-h-full">
  53. <twig:dropdown>
  54. <twig:block name="trigger">
  55. <twig:button type="button" text="" variant="link" class="tw-bg-transparent"
  56. data-action="click->dropdown#toggle">
  57. <twig:block name="content_icon">
  58. <span class="tw-text-gray-primary">Menü</span>
  59. &nbsp;
  60. <img src="{{ asset('assets/icons/burger-menu.svg') }}" alt="burger-menu">
  61. </twig:block>
  62. </twig:button>
  63. </twig:block>
  64. <twig:block name="content">
  65. {% if rightNavItemsForMobile %}
  66. <twig:NavigationListGroup items="{{ rightNavItemsForMobile }}" showDivider="{{ app.user ? true : false }}"/>
  67. {% endif %}
  68. </twig:block>
  69. </twig:dropdown>
  70. </div>
  71. {% endif %}
  72. </div>