| | |
| | | <nav id="nav" class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0"> |
| | | <nav id="nav" class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0"> |
| | | <div class="navbar-header"> |
| | | <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a> |
| | | <form role="search" class="navbar-form-custom" action="search_results.html"> |
| | | <div class="form-group"> |
| | | <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search"> |
| | | <!--<input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">--> |
| | | </div> |
| | | </form> |
| | | </div> |
| | | <ul class="nav navbar-top-links navbar-right"> |
| | | <li style="padding: 20px"> |
| | | <span class="m-r-sm text-muted welcome-message">{{welcomeText}}</span> |
| | | </li> |
| | | <li class="dropdown"> |
| | | <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#"> |
| | | <i class="fa fa-envelope"></i> <span class="label label-warning">16</span> |
| | | <li class="nav-item dropdown"> |
| | | <a class="nav-link dropdown-toggle" |
| | | data-toggle="dropdown" |
| | | href="#" |
| | | role="button" |
| | | aria-haspopup="true" |
| | | aria-expanded="false"> |
| | | {{navCommunityInfo._currentCommunity.name}} |
| | | <span class="caret"></span> |
| | | </a> |
| | | <ul class="dropdown-menu dropdown-messages dropdown-menu-right"> |
| | | <li> |
| | | <div class="dropdown-messages-box"> |
| | | <a class="dropdown-item float-left" href="profile.html"> |
| | | <img alt="image" class="rounded-circle" src="img/a7.jpg"> |
| | | </a> |
| | | <div class="media-body"> |
| | | <small class="float-right">46h ago</small> |
| | | <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br> |
| | | <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li class="dropdown-divider"></li> |
| | | <li> |
| | | <div class="dropdown-messages-box"> |
| | | <a class="dropdown-item float-left" href="profile.html"> |
| | | <img alt="image" class="rounded-circle" src="img/a4.jpg"> |
| | | </a> |
| | | <div class="media-body "> |
| | | <small class="float-right text-navy">5h ago</small> |
| | | <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br> |
| | | <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li class="dropdown-divider"></li> |
| | | <li> |
| | | <div class="dropdown-messages-box"> |
| | | <a class="dropdown-item float-left" href="profile.html"> |
| | | <img alt="image" class="rounded-circle" src="img/profile.jpg"> |
| | | </a> |
| | | <div class="media-body "> |
| | | <small class="float-right">23h ago</small> |
| | | <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br> |
| | | <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small> |
| | | </div> |
| | | </div> |
| | | </li> |
| | | <li class="dropdown-divider"></li> |
| | | <li> |
| | | <div class="text-center link-block"> |
| | | <a href="mailbox.html" class="dropdown-item"> |
| | | <i class="fa fa-envelope"></i> <strong>Read All Messages</strong> |
| | | </a> |
| | | </div> |
| | | </li> |
| | | </ul> |
| | | <div class="dropdown-menu" v-for="currentCommunity in navCommunityInfo.communityInfos"> |
| | | <a class="dropdown-item" v-on:click="changeCommunity(currentCommunity)">{{currentCommunity.name}}</a> |
| | | </div> |
| | | </li> |
| | | <li style="padding: 20px"> |
| | | <span class="m-r-sm text-muted welcome-message">欢迎访问HC小区管理系统,{{userName}}!</span> |
| | | </li> |
| | | <li class="dropdown"> |
| | | <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#"> |
| | | <i class="fa fa-bell"></i> <span class="label label-primary">8</span> |
| | | <i class="fa fa-bell"></i> <span class="label label-primary">{{nav.noticeSize}}</span> |
| | | </a> |
| | | <ul class="dropdown-menu dropdown-alerts"> |
| | | <li> |
| | | <li v-for="notice in nav.notices"> |
| | | <a href="mailbox.html" class="dropdown-item"> |
| | | <div> |
| | | <i class="fa fa-envelope fa-fw"></i> You have 16 messages |
| | | <span class="float-right text-muted small">4 minutes ago</span> |
| | | <i class="fa fa-envelope fa-fw"></i> {{notice.msg}} |
| | | <span class="float-right text-muted small">{{notice.date}}</span> |
| | | </div> |
| | | </a> |
| | | <div class="dropdown-divider"></div> |
| | | </li> |
| | | <li class="dropdown-divider"></li> |
| | | <li> |
| | | <a href="profile.html" class="dropdown-item"> |
| | | <div> |
| | | <i class="fa fa-twitter fa-fw"></i> 3 New Followers |
| | | <span class="float-right text-muted small">12 minutes ago</span> |
| | | </div> |
| | | </a> |
| | | </li> |
| | | <li class="dropdown-divider"></li> |
| | | <li> |
| | | <a href="grid_options.html" class="dropdown-item"> |
| | | <div> |
| | | <i class="fa fa-upload fa-fw"></i> Server Rebooted |
| | | <span class="float-right text-muted small">4 minutes ago</span> |
| | | </div> |
| | | </a> |
| | | </li> |
| | | <li class="dropdown-divider"></li> |
| | | |
| | | |
| | | <li> |
| | | <div class="text-center link-block"> |
| | | <a href="notifications.html" class="dropdown-item"> |
| | | <strong>See All Alerts</strong> |
| | | <a v-bind:href="nav.moreNoticeUrl" class="dropdown-item"> |
| | | <strong>查看全部消息</strong> |
| | | <i class="fa fa-angle-right"></i> |
| | | </a> |
| | | </div> |
| | |
| | | |
| | | |
| | | <li> |
| | | <a href="login.html"> |
| | | <i class="fa fa-sign-out"></i> Log out |
| | | </a> |
| | | </li> |
| | | <li> |
| | | <a class="right-sidebar-toggle"> |
| | | <i class="fa fa-tasks"></i> |
| | | <a v-on:click="logout()"> |
| | | <i class="fa fa-sign-out"></i> 退出 |
| | | </a> |
| | | </li> |
| | | </ul> |