lemo-crm/web/app/templates/components/main-container.hbs

<!-- #section:basics/sidebar -->
<div id="sidebar" class="sidebar responsive {{if sidebarCollapsed 'menu-min'}}">
    <div class="sidebar-shortcuts" id="sidebar-shortcuts">

        {{#if ajax.user.admin}}
        <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
            {{#link-to 'user.list' 1 class='btn btn-warning' title='Users'}}
                <i class="ace-icon fa fa-users"></i>
            {{/link-to}}

            {{#link-to 'customer.list' 1 class='btn btn-info' title='Customers'}}
                <i class="ace-icon fa fa-address-book-o"></i>
            {{/link-to}}

            {{#link-to 'customer.import' class="btn btn-success" title='Import Customers'}}
                <i class="ace-icon fa fa-address-card-o"></i>
            {{/link-to}}

            {{#link-to 'customer-ytd-sale.import' class="btn btn-danger" title='Import Customer Sales Data'}}
                <i class="ace-icon fa fa-line-chart"></i>
            {{/link-to}}
        </div>

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>
            <span class="btn btn-info"></span>
            <span class="btn btn-warning"></span>
            <span class="btn btn-danger"></span>
        </div>
        {{/if}}
    </div><!-- /.sidebar-shortcuts -->

    <ul class="nav nav-list">
        {{#if ajax.user.admin}}
        <li>
            {{#link-to 'user.list' 1}}
                <i class="menu-icon fa fa-users blue"></i>
                <span class="menu-text"> Users </span>
            {{/link-to}}
        </li>
        {{/if}}
        <li>
            {{#link-to 'customer.list' 1}}
                <i class="menu-icon fa fa-address-book-o blue" aria-hidden="true"></i>
                <span class="menu-text"> Customers </span>
            {{/link-to}}
        </li>
        <li>
            {{#link-to 'week-goal.mine'}}
                <i class="menu-icon fa fa-calendar-check-o blue" aria-hidden="true"></i>
                <span class="menu-text"> My Week Goals </span>
            {{/link-to}}
        </li>
        <li>
            {{#link-to 'week-goal.list' 1}}
                <i class="menu-icon fa fa-calendar blue" aria-hidden="true"></i>
                <span class="menu-text"> Week Goals </span>
            {{/link-to}}
        </li>
        {{#if ajax.user.admin}}
        <li>
            {{#link-to 'customer-status.list' 1}}
                <i class="menu-icon fa fa-star-half-o blue"></i>
                <span class="menu-text"> Customer Status </span>
            {{/link-to}}
        </li>
        {{/if}}
        <li>
            {{#link-to 'customer-application.list' 1}}
                <i class="menu-icon fa fa-cube blue"></i>
                <span class="menu-text"> Customer Application </span>
            {{/link-to}}
        </li>
        {{#if ajax.user.admin}}
        <li>
            {{#link-to 'import-record.list' 1}}
                <i class="menu-icon fa fa-th-list blue"></i>
                <span class="menu-text"> Import Records </span>
            {{/link-to}}
        </li>
        <li>
            {{#link-to 'database-backup.list'}}
                <i class="menu-icon fa fa-archive blue"></i>
                <span class="menu-text"> Database Backup </span>
            {{/link-to}}
        </li>
        {{/if}}
    </ul><!-- /.nav-list -->

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

<!-- /section:basics/sidebar -->
<div class="main-content">
    <div class="main-content-inner">
        <!-- #section:basics/content.breadcrumbs -->
        <div class="breadcrumbs" id="breadcrumbs">
            {{breadcrumbs-bar}}

            <!-- #section:basics/content.searchbox -->
            {{!--<div class="nav-search" id="nav-search">
                <form class="form-search">
                    <span class="input-icon">
                        <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
                        <i class="ace-icon fa fa-search nav-search-icon"></i>
                    </span>
                </form>
            </div>
            --}}

            <!-- /.nav-search -->
            <!-- /section:basics/content.searchbox -->
        </div>

        <!-- /section:basics/content.breadcrumbs -->

        {{yield}}

        {{!--
        <div class="page-content">
            <div class="row">
                <div class="col-xs-12">
                    <!-- PAGE CONTENT BEGINS -->

                    <!-- PAGE CONTENT ENDS -->
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.page-content -->
        --}}
    </div>
</div><!-- /.main-content -->

<div class="footer">
    <div class="footer-inner">
        <!-- #section:basics/footer -->
        <div class="footer-content">
            <span class="bigger-120">
                <span class="blue bolder">LEMO</span>
                CHINA &copy; 2017
            </span>

            {{!--&nbsp; &nbsp;
            <span class="action-buttons">
                <a href="#">
                    <i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
                </a>
                <a href="#">
                    <i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
                </a>
                <a href="#">
                    <i class="ace-icon fa fa-rss-square orange bigger-150"></i>
                </a>
            </span>--}}

        </div>

        <!-- /section:basics/footer -->
    </div>
</div>

<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
</a>