340 lines
15 KiB
Handlebars
340 lines
15 KiB
Handlebars
<!-- #section:basics/navbar.layout -->
|
|
<div class="navbar-container" id="navbar-container">
|
|
<!-- #section:basics/sidebar.mobile.toggle -->
|
|
<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
|
|
<span class="sr-only">Toggle sidebar</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
|
|
<!-- /section:basics/sidebar.mobile.toggle -->
|
|
<div class="navbar-header pull-left">
|
|
<!-- #section:basics/navbar.layout.brand -->
|
|
<a href="#" class="navbar-brand">
|
|
<small>
|
|
<i class="top-nav-logo">
|
|
<div style="margin-left: 106px;">CRM</div>
|
|
</i>
|
|
{{!--<span style="padding-bottom: 4px;">
|
|
CRM
|
|
</span>--}}
|
|
{{!--<i class="fa fa-leaf"></i>--}}
|
|
{{!--<span>
|
|
</span>--}}
|
|
{{!--<span class="red">Lemo</span>--}}
|
|
{{!--<span class="red">CRM</span>--}}
|
|
</small>
|
|
</a>
|
|
|
|
<!-- /section:basics/navbar.layout.brand -->
|
|
|
|
<!-- #section:basics/navbar.toggle -->
|
|
|
|
<!-- /section:basics/navbar.toggle -->
|
|
</div>
|
|
|
|
<!-- #section:basics/navbar.dropdown -->
|
|
<div class="navbar-buttons navbar-header pull-right" role="navigation">
|
|
<ul class="nav ace-nav">
|
|
{{!--
|
|
<li class="grey">
|
|
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
<i class="ace-icon fa fa-tasks"></i>
|
|
<span class="badge badge-grey">4</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
|
|
<li class="dropdown-header">
|
|
<i class="ace-icon fa fa-check"></i>
|
|
4 Tasks to complete
|
|
</li>
|
|
|
|
<li class="dropdown-content">
|
|
<ul class="dropdown-menu dropdown-navbar">
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">Software Update</span>
|
|
<span class="pull-right">65%</span>
|
|
</div>
|
|
|
|
<div class="progress progress-mini">
|
|
<div style="width:65%" class="progress-bar"></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">Hardware Upgrade</span>
|
|
<span class="pull-right">35%</span>
|
|
</div>
|
|
|
|
<div class="progress progress-mini">
|
|
<div style="width:35%" class="progress-bar progress-bar-danger"></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">Unit Testing</span>
|
|
<span class="pull-right">15%</span>
|
|
</div>
|
|
|
|
<div class="progress progress-mini">
|
|
<div style="width:15%" class="progress-bar progress-bar-warning"></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">Bug Fixes</span>
|
|
<span class="pull-right">90%</span>
|
|
</div>
|
|
|
|
<div class="progress progress-mini progress-striped active">
|
|
<div style="width:90%" class="progress-bar progress-bar-success"></div>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown-footer">
|
|
<a href="#">
|
|
See tasks with details
|
|
<i class="ace-icon fa fa-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="purple">
|
|
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
<i class="ace-icon fa fa-bell icon-animated-bell"></i>
|
|
<span class="badge badge-important">8</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
|
|
<li class="dropdown-header">
|
|
<i class="ace-icon fa fa-exclamation-triangle"></i>
|
|
8 Notifications
|
|
</li>
|
|
|
|
<li class="dropdown-content">
|
|
<ul class="dropdown-menu dropdown-navbar navbar-pink">
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">
|
|
<i class="btn btn-xs no-hover btn-pink fa fa-comment"></i>
|
|
New Comments
|
|
</span>
|
|
<span class="pull-right badge badge-info">+12</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<i class="btn btn-xs btn-primary fa fa-user"></i>
|
|
Bob just signed up as an editor ...
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">
|
|
<i class="btn btn-xs no-hover btn-success fa fa-shopping-cart"></i>
|
|
New Orders
|
|
</span>
|
|
<span class="pull-right badge badge-success">+8</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#">
|
|
<div class="clearfix">
|
|
<span class="pull-left">
|
|
<i class="btn btn-xs no-hover btn-info fa fa-twitter"></i>
|
|
Followers
|
|
</span>
|
|
<span class="pull-right badge badge-info">+11</span>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown-footer">
|
|
<a href="#">
|
|
See all notifications
|
|
<i class="ace-icon fa fa-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="green">
|
|
<a data-toggle="dropdown" class="dropdown-toggle" href="#">
|
|
<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
|
|
<span class="badge badge-success">5</span>
|
|
</a>
|
|
|
|
<ul class="dropdown-menu-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
|
|
<li class="dropdown-header">
|
|
<i class="ace-icon fa fa-envelope-o"></i>
|
|
5 Messages
|
|
</li>
|
|
|
|
<li class="dropdown-content">
|
|
<ul class="dropdown-menu dropdown-navbar">
|
|
<li>
|
|
<a href="#" class="clearfix">
|
|
<img src="../assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
|
|
<span class="msg-body">
|
|
<span class="msg-title">
|
|
<span class="blue">Alex:</span>
|
|
Ciao sociis natoque penatibus et auctor ...
|
|
</span>
|
|
|
|
<span class="msg-time">
|
|
<i class="ace-icon fa fa-clock-o"></i>
|
|
<span>a moment ago</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" class="clearfix">
|
|
<img src="../assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
|
|
<span class="msg-body">
|
|
<span class="msg-title">
|
|
<span class="blue">Susan:</span>
|
|
Vestibulum id ligula porta felis euismod ...
|
|
</span>
|
|
|
|
<span class="msg-time">
|
|
<i class="ace-icon fa fa-clock-o"></i>
|
|
<span>20 minutes ago</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" class="clearfix">
|
|
<img src="../assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
|
|
<span class="msg-body">
|
|
<span class="msg-title">
|
|
<span class="blue">Bob:</span>
|
|
Nullam quis risus eget urna mollis ornare ...
|
|
</span>
|
|
|
|
<span class="msg-time">
|
|
<i class="ace-icon fa fa-clock-o"></i>
|
|
<span>3:15 pm</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" class="clearfix">
|
|
<img src="../assets/avatars/avatar2.png" class="msg-photo" alt="Kate's Avatar" />
|
|
<span class="msg-body">
|
|
<span class="msg-title">
|
|
<span class="blue">Kate:</span>
|
|
Ciao sociis natoque eget urna mollis ornare ...
|
|
</span>
|
|
|
|
<span class="msg-time">
|
|
<i class="ace-icon fa fa-clock-o"></i>
|
|
<span>1:33 pm</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li>
|
|
<a href="#" class="clearfix">
|
|
<img src="../assets/avatars/avatar5.png" class="msg-photo" alt="Fred's Avatar" />
|
|
<span class="msg-body">
|
|
<span class="msg-title">
|
|
<span class="blue">Fred:</span>
|
|
Vestibulum id penatibus et auctor ...
|
|
</span>
|
|
|
|
<span class="msg-time">
|
|
<i class="ace-icon fa fa-clock-o"></i>
|
|
<span>10:09 am</span>
|
|
</span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="dropdown-footer">
|
|
<a href="inbox.html">
|
|
See all messages
|
|
<i class="ace-icon fa fa-arrow-right"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
--}}
|
|
<!-- #section:basics/navbar.user_menu -->
|
|
<li class="light-blue">
|
|
<a data-toggle="dropdown" href="#" class="dropdown-toggle">
|
|
{{!--<img class="nav-user-photo" src="{{user.avatar}}" alt="Jason's Photo" />--}}
|
|
<span class="user-info">
|
|
<small>Welcome,</small>
|
|
{{user.name}}
|
|
</span>
|
|
|
|
<i class="ace-icon fa fa-caret-down"></i>
|
|
</a>
|
|
|
|
<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
|
|
<li>
|
|
{{#link-to 'user.update-password'}}
|
|
<i class="ace-icon fa fa-cog"></i>
|
|
Change Password
|
|
{{/link-to}}
|
|
</li>
|
|
|
|
<li>
|
|
{{#link-to 'user.profile'}}
|
|
<i class="ace-icon fa fa-user"></i>
|
|
Profile
|
|
{{/link-to}}
|
|
</li>
|
|
|
|
<li class="divider"></li>
|
|
|
|
<li>
|
|
<a href="#" {{action 'logout'}}>
|
|
<i class="ace-icon fa fa-power-off"></i>
|
|
Sign Out
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- /section:basics/navbar.user_menu -->
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- /section:basics/navbar.dropdown -->
|
|
</div><!-- /.navbar-container -->
|