Improve theming and layout of the sidebar menu.
This commit is contained in:
39
app.html
39
app.html
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user