<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar responsive ace-save-state" style="overflow-y: scroll">
    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            <button class="btn btn-success" id="fullScreenBtn" title="全屏浏览">
                <i class="ace-icon fa fa-arrows-alt"></i>
            </button>

            <button class="btn btn-info">
                <i class="ace-icon fa fa-pencil"></i>
            </button>

            <!-- #section:basics/sidebar.layout.shortcuts -->
            <button class="btn btn-warning">
                <i class="ace-icon fa fa-users"></i>
            </button>

            <button class="btn btn-danger sidebar-collapse" id="sidebar-collapse">
                <i class="ace-icon fa fa-chevron-left"></i>
            </button>

            <!-- /section:basics/sidebar.layout.shortcuts -->
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success sidebar-collapse"></span>

            <span class="btn btn-info sidebar-collapse"></span>

            <span class="btn btn-warning sidebar-collapse"></span>

            <span class="btn btn-danger sidebar-collapse"></span>
        </div>
    </div><!-- /.sidebar-shortcuts -->
        <ul class="nav nav-list" id="navList" data-bind="foreach: {data: menuList, as: 'l'}">
            <li>
                <a href="javascript:;" class="dropdown-toggle" data-bind="attr: {href: l.url}">
                    <i class="menu-icon fa" data-bind="css: l.icon"></i>
                    <span class="menu-text" data-bind="text: l.title"></span>
                    <b class="arrow fa fa-angle-down"></b>
                </a>
                <ul class="submenu nav-show" data-bind="foreach: {data: l.children, as: 'i'}">
                    <li>
                        <a target="rightMain" href="javascript:;" data-bind="attr: {href: i.url}, css: {'dropdown-toggle': i.children.length}">
                            <i class="menu-icon fa fa-caret-right"></i>
                            <span data-bind="text: i.title"></span>
                            <b class="arrow fa fa-angle-down" data-bind="visible: i.children.length"></b>
                        </a>
                        <ul class="submenu" data-bind="foreach: {data: i.children, as: 'j'}">
                            <li>
                                <a target="rightMain" href="javascript:;" data-bind="attr: {href: j.url}">
                                    <!--<i class="menu-icon fa fa-caret-right"></i>-->
                                    <span data-bind="text: j.title"></span>
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul><!-- /.nav-list -->

    <!-- #section:basics/sidebar.layout.minimize -->
    <!--<div class="sidebar-toggle sidebar-collapse">
        <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
    </div>-->

    <!-- /section:basics/sidebar.layout.minimize -->
</div>

            <!-- /section:basics/sidebar -->