Add component for the header bar

This commit is contained in:
Gergely Polonkai
2016-10-28 07:44:47 +02:00
parent e2a3332d82
commit e7c883ae98
4 changed files with 42 additions and 1 deletions

26
app/header.component.html Normal file
View File

@@ -0,0 +1,26 @@
<header>
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<button type="button"
class="navbar-toggle collapsed"
data-toggle="collapse"
data-target="#duckbook-header-inner"
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="#">Rubber Duck Booking Tool</a>
</div>
<div class="collapse navbar-collapse" id="duckbook-header-inner">
<ul class="nav navbar-nav navbar-right">
<li *ngIf="!userService.currentUser">
<a href="#">Login</a>
</li>
</ul>
</div>
</div>
</nav>
</header>