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">
            <LinkTo @route="user.list" @model=1 class="btn btn-warning" title="Users">
                <i class="ace-icon fa fa-users"></i>
            </LinkTo>

            <LinkTo @route="customer.list" @model=1 class="btn btn-info" title="Customers">
                <i class="ace-icon fa fa-address-book-o"></i>
            </LinkTo>

            <LinkTo @route="customer.import" class="btn btn-success" title="Import Customers">
                <i class="ace-icon fa fa-address-card-o"></i>
            </LinkTo>

            <LinkTo @route="customer-ytd-sale.import" class="btn btn-danger" title="Import Customer Sales Data">
                <i class="ace-icon fa fa-line-chart"></i>
            </LinkTo>
        </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>
            <LinkTo @route="user.list" @model=1>
                <i class="menu-icon fa fa-users blue"></i>
                <span class="menu-text"> Users </span>
            </LinkTo>
        </li>
        {{/if}}
        <li>
            <LinkTo @route="customer.list" @model=1>
                <i class="menu-icon fa fa-address-book-o blue" aria-hidden="true"></i>
                <span class="menu-text"> Customers </span>
            </LinkTo>
        </li>
        {{!--
        <li>
            <LinkTo @route="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>
            </LinkTo>
        </li>
        <li>
            <LinkTo @route="week-goal.list" @model=1>
                <i class="menu-icon fa fa-calendar blue" aria-hidden="true"></i>
                <span class="menu-text"> Week Goals </span>
            </LinkTo>
        </li>
        --}}
        {{#if ajax.user.admin}}
        <li>
            <LinkTo @route="customer-status.list" @model=1>
                <i class="menu-icon fa fa-star-half-o blue"></i>
                <span class="menu-text"> Customer Status </span>
            </LinkTo>
        </li>
        {{/if}}
        <li>
            <LinkTo @route="customer-application.list" @model=1>
                <i class="menu-icon fa fa-cube blue"></i>
                <span class="menu-text"> Customer Application </span>
            </LinkTo>
        </li>
        <li>
            <LinkTo @route="local-product.list" @model=1>
                <i class="menu-icon fa fa-bullhorn blue"></i>
                <span class="menu-text"> Local &amp; New Products </span>
            </LinkTo>
        </li>
        {{#if ajax.user.admin}}
        <li>
            <LinkTo @route="import-record.list" @model=1>
                <i class="menu-icon fa fa-th-list blue"></i>
                <span class="menu-text"> Import Records </span>
            </LinkTo>
        </li>
        <li>
            <LinkTo @route="home-page.list" @model=1>
                <i class="menu-icon fa fa-newspaper-o blue"></i>
                <span class="menu-text"> Home Page </span>
            </LinkTo>
        </li>
        <li>
            <LinkTo @route="database-backup.list">
                <i class="menu-icon fa fa-archive blue"></i>
                <span class="menu-text"> Database Backup </span>
            </LinkTo>
        </li>
        <li>
            <LinkTo @route="export-task.list" @model=1>
                <i class="menu-icon fa fa-tasks blue"></i>
                {{#if this.exportTaskService.countUndownloaded}}
                    <span class="export-task-badge">{{this.exportTaskService.countUndownloaded}}</span>
                {{/if}}
                <span class="menu-text"> Export Task </span>
            </LinkTo>
        </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 - 2022
            </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>