Improve theming and layout of the sidebar menu.

This commit is contained in:
Arpad Csanyi
2016-02-18 01:37:33 +01:00
parent f913cbe947
commit 85be54008c
3 changed files with 138 additions and 36 deletions

View File

@@ -61,19 +61,46 @@
<script type="text/x-handlebars-template" id="sidebar-menu--source">
{{#if menu}}
<ul class="menu--top">
{{#each menu}}
<li><div class="sidebar__level-1"><i class='fa fa-{{icon}}'></i> {{name}}</div>
{{#each menu as |menuValue menuKey|}}
<li class="sidebar__level-1--item">
<div class="sidebar__level-1">
<i class='fa fa-{{icon}}'></i> {{name}} <!--<span class="small-text">collapse</span>-->
{{#if expandable}}
<a href="#" class="btn btn-default pull-right btn-sm">
<i class="fa fa-plus"></i>
</a>
{{/if}}
<i class="fa fa-chevron-down pull-right" style=""></i>
</div>
{{#if children}}
<ul>
{{#each children}}
<li>
<li class="sidebar__level-2--item {{classes}}">
<div class="sidebar__level-2">
<i class="fa fa-{{icon}}"></i> {{name}}
{{name}}
{{#if menuValue.hasDefaults}}
{{#if isDefault}}
<i class="fa fa-star pull-right"></i>
{{else}}
<i class="fa fa-star-o pull-right"></i>
{{/if}}
{{/if}}
</div>
</li>
{{/each}}
</ul>
{{/if}}
{{#if actions}}
<ul class="sidebar__actions--list">
{{#each actions}}
<li class="sidebar__action--item">
<a href="#" class="btn btn-default btn-xs sidebar__action">
<i class="fa fa-{{icon}}"></i> {{name}}
</a>
</li>
{{/each}}
</ul>
{{/if}}
</li>
{{/each}}
</ul>
@@ -81,7 +108,9 @@
{{#if menuBottom}}
<ul class="menu--bottom">
{{#each menuBottom}}
<li><div class="sidebar__level-1"><i class='fa fa-{{icon}}'></i> {{name}}</div>
<li class="sidebar__level-2--item">
<div class="sidebar__level-1"><i class='fa fa-{{icon}}'></i> {{name}}</div>
</li>
{{/each}}
</ul>
{{/if}}