@(active: String = "")(implicit context: gitbucket.core.controller.Context)
@import context._
@import gitbucket.core.view.helpers._
<div class="dashboard-nav">
  <div class="container">
    <a href="@path/" @if(active == ""){ class="active"}>
      <i class="octicon octicon-rss"></i> News Feed
    </a>
    @if(loginAccount.isDefined){
      <a href="@path/dashboard/pulls" @if(active == "pulls" ){ class="active"}>
        <i class="octicon octicon-git-pull-request"></i> Pull Requests
      </a>
      <a href="@path/dashboard/issues" @if(active == "issues"){ class="active"}>
        <i class="octicon octicon-issue-opened"></i> Issues
      </a>
    }
  </div>
</div>
<style type="text/css">
div.dashboard-nav {
  border-bottom: 1px solid #ddd;
  text-align: right;
  height: 32px;
  margin-bottom: 20px;
}

div.dashboard-nav a  {
  line-height: 10px;
  margin-left: 20px;
  padding-bottom: 13px;
  padding-left: 4px;
  padding-right: 4px;
  color: #888;
}

div.dashboard-nav .octicon{
    width: 16px;
    height: 16px;
    font-size: 16px;
    color: #888;
}

div.dashboard-nav a:hover,div.dashboard-nav a:hover .octicon  {
  text-decoration: none;
  color: #333;
}

div.dashboard-nav a.active {
  border-bottom: 2px solid #bb4444;
  color: #333;
}
</style>