<aside id="navigation" class="page-side col-xs-12 col-sm-3 col-lg-2 hidden-xs"> <div class="row"> <nav class="page-side-nav" role="navigation"> <div id="mainmenu" class="panel" style="border:0px" > <div class="panel list-group" style="border:0px"> {% for topMenuItem in menuSystem %} <a href="#{{ topMenuItem.Id }}" class="list-group-item {% if topMenuItem.Selected %} active-menu-title {% endif %}" data-toggle="collapse" data-parent="#mainmenu"><span class="{{ topMenuItem.CssClass }} __iconspacer"></span>{{ lang._(topMenuItem.VisibleName) }} </a> <div class="collapse {% if topMenuItem.Selected %} active-menu in {% endif %}" id="{{ topMenuItem.Id }}"> {% for subMenuItem in topMenuItem.Children %} {% if subMenuItem.Url == '' %} {# next level items, submenu is a container #} <a href="#{{ topMenuItem.Id }}_{{ subMenuItem.Id }}" class="list-group-item {% if subMenuItem.Selected %} active-menu-title {% endif %}" data-toggle="collapse" data-parent="#{{ topMenuItem.Id }}"> <div style="display: table;width: 100%;"> <div style="display: table-row"> <div style="display: table-cell">{{ lang._(subMenuItem.VisibleName) }}</div> <div style="display: table-cell; text-align:right; vertical-align:middle;"><span class="{{ subMenuItem.CssClass }}"></span></div> </div> </div> </a> <div class="collapse {% if subMenuItem.Selected %} active-menu in {% endif %}" id="{{ topMenuItem.Id }}_{{ subMenuItem.Id }}" > {% for subsubMenuItem in subMenuItem.Children %} {% if subsubMenuItem.IsExternal == "Y" %} <a href="{{ subsubMenuItem.Url }}" target="_blank" class="list-group-item menu-level-3-item {% if subsubMenuItem.Selected %} active {% endif %}">{{ lang._(subsubMenuItem.VisibleName) }}</a> {% elseif acl.isPageAccessible(session.get('Username'),subsubMenuItem.Url) %} <a href="{{ subsubMenuItem.Url }}" class="list-group-item menu-level-3-item {% if subsubMenuItem.Selected %} active {% endif %}">{{ lang._(subsubMenuItem.VisibleName) }}</a> {% endif %} {% endfor %} </div> {% elseif subMenuItem.IsExternal == "Y" %} <a href="{{ subMenuItem.Url }}" target="_blank" class="list-group-item {% if subMenuItem.Selected %} active {% endif %}" aria-expanded="{% if subMenuItem.Selected %}true{%else%}false{% endif %}"> <div style="display: table;width: 100%;"> <div style="display: table-row"> <div style="display: table-cell">{{ lang._(subMenuItem.VisibleName) }}</div> <div style="display: table-cell; text-align:right; vertical-align:middle;"><span class="{{ subMenuItem.CssClass }}"></span></div> </div> </div> </a> {% elseif acl.isPageAccessible(session.get('Username'),subMenuItem.Url) %} <a href="{{ subMenuItem.Url }}" class="list-group-item {% if subMenuItem.Selected %} active {% endif %}"> <div style="display: table;width: 100%;"> <div style="display: table-row"> <div style="display: table-cell">{{ lang._(subMenuItem.VisibleName) }}</div> <div style="display: table-cell; text-align:right; vertical-align:middle;"><span class="{{ subMenuItem.CssClass }}"></span></div> </div> </div> </a> {% endif %} {% endfor %} </div> {% endfor %} </div> </div> </nav> </div> </aside>