webserver/views/header.html
<div id="header" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav-bar" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">watchmen</a>
</div>
<div class="navbar-collapse collapse" id="main-nav-bar">
<ul class="nav navbar-nav navbar-right">
<% if ((user && user.isAdmin) || no_auth) { %>
<li>
<a ui-sref="newService" class="btn">Add New Service</a>
</li>
<% } %>
<% if (user) { %>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
<img src="//www.gravatar.com/avatar/<%=user.emailHash%>?s=20"/>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a target="_self" href="/logout">Logout <%=user.email%></a></li>
</ul>
</li>
<% } else { %>
<li>
<a target="_self" href="/auth/google">Sign In with Google</a>
</li>
<% } %>
</ul>
</div>
</div>
</div>