mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-24 11:08:45 +02:00
76 lines
3.9 KiB
Twig
76 lines
3.9 KiB
Twig
<nav id="{{ oNavigationMenu.Id }}" class="ibo-navigation-menu {% if NavigationMenu.IsExpanded == true %}ibo-is-expanded{% endif %}">
|
|
<div class="ibo-navigation-menu--body">
|
|
<div class="ibo-navigation-menu--top-part">
|
|
<a class="ibo-navigation-menu--square-company-logo" title="{{ oNavigationMenu.AppRevisionNumber }}" href="{{ oNavigationMenu.AppIconLink }}">
|
|
<img src="{{ oNavigationMenu.AppSquareIconUrl }}" alt="{{ 'UI:Layout:NavigationMenu:CompanyLogo:AltText'|dict_s }}" />
|
|
</a>
|
|
<a class="ibo-navigation-menu--toggler" data-role="ibo-navigation-menu--toggler" data-tooltip-content="{{ 'UI:Layout:NavigationMenu:Toggler:Tooltip'|dict_s }}" data-tooltip-placement="right" data-tooltip-distance-offset="20" href="#">
|
|
<span class="ibo-navigation-menu--toggler-icon">
|
|
<span class="ibo-navigation-menu--toggler-bar"></span>
|
|
<span class="ibo-navigation-menu--toggler-bar"></span>
|
|
<span class="ibo-navigation-menu--toggler-bar"></span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
<div class="ibo-navigation-menu--middle-part">
|
|
{% for aMenuGroup in oNavigationMenu.MenuGroups %}
|
|
{{ include('layouts/navigation-menu/menu-group.html.twig', { aMenuGroup: aMenuGroup }) }}
|
|
{% endfor %}
|
|
</div>
|
|
<div class="ibo-navigation-menu--bottom-part">
|
|
{% if oNavigationMenu.IsNewsroomEnabled == true %}
|
|
<div class="ibo-navigation-menu--notifications">
|
|
<div class="ibo-navigation-menu--notifications-toggler">
|
|
<i class="fas fa-bell"></i>
|
|
</div>
|
|
<div class="ibo-navigation-menu--notifications-menu"></div>
|
|
</div>
|
|
{% endif %}
|
|
<div class="ibo-navigation-menu--user-info">
|
|
<div class="ibo-navigation-menu--user-picture">
|
|
<img class="ibo-navigation-menu--user-picture--image" src="{{ oNavigationMenu.UserData.sPictureUrl }}" alt="{{ 'UI:Layout:NavigationMenu:UserInfo:Picture:AltText'|dict_s }}" />
|
|
</div>
|
|
<div class="ibo-navigation-menu--user-welcome-message">
|
|
<div class="ibo-navigation-menu--user-welcome-message--text">
|
|
{{ oNavigationMenu.UserData.sLogonMessage }}
|
|
<span class="ibo-navigation-menu--user-welcome-message--toggler">
|
|
<i class="fas fa-caret-down"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
{% if oNavigationMenu.IsNewsroomEnabled == true %}
|
|
<div class="ibo-navigation-menu--user-notifications">
|
|
<div class="ibo-navigation-menu--user-notifications--text">
|
|
{{ '0 notification'|dict_s }}
|
|
<span class="ibo-navigation-menu--user-notifications--toggler">
|
|
<i class="fas fa-bell"></i>
|
|
</span>
|
|
</div>
|
|
<div class="ibo-navigation-menu--user-notifications-menu"></div>
|
|
</div>
|
|
{% endif %}
|
|
<div class="ibo-navigation-menu--user-organization">
|
|
<div class="ibo-navigation-menu--user-organization--text">
|
|
{{ oNavigationMenu.UserData.sOrganization }}
|
|
</div>
|
|
</div>
|
|
<div class="ibo-navigation-menu--user-menu-container">
|
|
{{ render_block(oNavigationMenu.UserMenu) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ibo-navigation-menu--drawer" data-role="ibo-navigation-menu--drawer">
|
|
<div class="ibo-navigation-menu--menu-filter" data-role="ibo-nav-menu--menu-filter">
|
|
{# TODO: Retrieve input style from a component? #}
|
|
<input class="ibo-navigation-menu--menu-filter-input" data-role="ibo-navigation-menu--menu-filter-input" type="text" placeholder="{{ 'UI:Layout:NavigationMenu:MenuFilter:Input:Placeholder'|dict_s }}" data-tooltip-content="{{ 'UI:Layout:NavigationMenu:MenuFilter:Input:Tooltip'|dict_s }}" data-tooltip-trigger="mouseenter" />
|
|
<a class="ibo-navigation-menu--menu-filter-clear" data-role="ibo-navigation-menu--menu-filter-clear" href="#"></a>
|
|
<span class="ibo-navigation-menu--menu-filter-hotkey">{{ 'UI:Layout:NavigationMenu:MenuFilter:Input:Hotkey'|dict_s }}</span>
|
|
</div>
|
|
<div class="ibo-navigation-menu--menu-groups">
|
|
{% for aMenuGroup in oNavigationMenu.MenuGroups %}
|
|
{{ include('layouts/navigation-menu/menu-nodes.html.twig', { aMenuGroup: aMenuGroup }) }}
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</nav> |