1<nav class="navbar navbar-inverse navbar-static-top">
2    <div class="container-fluid">
3        <div class="navbar-header">
4            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
5                <span class="sr-only">Toggle navigation</span>
6                <span class="icon-bar"></span>
7                <span class="icon-bar"></span>
8                <span class="icon-bar"></span>
9            </button>
10            <a class="navbar-brand" href="{{basePath "/"}}"><img src="{{basePath "/static/nsq_blue.png"}}" width="30" height="30">NSQ</a>
11        </div>
12        <div class="collapse navbar-collapse" id="navbar">
13            <ul class="nav navbar-nav">
14                <li><a class="link" href="{{basePath "/"}}">Streams</a></li>
15                <li><a class="link" href="{{basePath "/nodes"}}">Nodes</a></li>
16                <li><a class="link" href="{{basePath "/counter"}}">Counter</a></li>
17                <li><a class="link" href="{{basePath "/lookup"}}">Lookup</a></li>
18                {{#if graph_enabled}}
19                <li class="dropdown">
20                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><span class="glyphicon glyphicon-picture white"></span> {{graph_interval}} <span class="caret"></span></a>
21                    <ul class="dropdown-menu">
22                      <li class="dropdown-header">Graph Timeframe</li>
23                    {{#each graph_intervals}}
24                        <li><a href="javascript:;">{{this}}</a></li>
25                    {{/each}}
26                    </ul>
27                </li>
28                {{/if}}
29            </ul>
30            <ul class="nav navbar-nav navbar-right">
31                <li><a href="https://nsq.io/">Documentation</a></li>
32                <li><a href="https://github.com/nsqio/nsq">GitHub</a></li>
33                <li class="hidden-xs"><p class="navbar-text"><span class="label label-success">v{{version}}</span></p></li>
34                </ul>
35            </ul>
36        </div>
37    </div>
38</nav>
39