mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-30 05:58:46 +02:00
e2e62eca5e
- Refactor some CSS classes to something more semantic and cross app (.ibo-<COMPONENT>--is-<STATE> => .ibo-<STATE>) - AjaxWebPage: Deprecated AddToMenu method
48 lines
2.8 KiB
Twig
48 lines
2.8 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">
|
|
<div class="ibo-navigation-menu--notifications">
|
|
<div class="ibo-navigation-menu--notifications-toggler"></div>
|
|
<div class="ibo-navigation-menu--notifications-menu"></div>
|
|
</div>
|
|
<div class="ibo-navigation-menu--user-info">
|
|
<div class="ibo-navigation-menu--user-picture"></div>
|
|
<div class="ibo-navigation-menu--user-welcome-message"></div>
|
|
<div class="ibo-navigation-menu--user-organization"></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> |