openpdu/templates/common/sidebar-menu.html

56 lines
2.2 KiB
HTML

<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu" data-widget="tree">
<li {% if pageselected=="status" %} class="active" {% endif %}>
<a href="/">
<i class="fa fa-dashboard"></i> <span>Status</span>
</a>
</li>
<li class="treeview {% if pageselected in " outlets lan mqtt ups syslog backup " %}active menu-open{% endif %}">
<a href="#">
<i class="fa fa-sliders"></i>
<span>Settings</span>
<span class="pull-right-container">
<i class="fa fa-angle-left pull-right"></i>
</span>
</a>
<ul class="treeview-menu">
<li {% if pageselected=="outlets" %}class="active" {% endif %}>
<a href="/outlets"><i class="fa fa-circle-o"></i> Outlets</a>
</li>
<li {% if pageselected=="lan" %}class="active" {% endif %}>
<a href="/lan"><i class="fa fa-circle-o"></i> LAN</a>
</li>
<li {% if pageselected=="mqtt" %}class="active" {% endif %}>
<a href="/mqtt"><i class="fa fa-circle-o"></i> MQTT</a>
</li>
<li {% if pageselected=="ups" %}class="active" {% endif %}>
<a href="/ups"><i class="fa fa-circle-o"></i> UPS</a>
</li>
<li {% if pageselected=="syslog" %}class="active" {% endif %}>
<a href="/syslog"><i class="fa fa-circle-o"></i> Syslog</a>
</li>
<li {% if pageselected=="backup" %}class="active" {% endif %}>
<a href="/backup"><i class="fa fa-circle-o"></i> Backup/Restore</a>
</li>
</ul>
</li>
</ul>
</section>
<!-- /.sidebar -->
</aside>