88 lines
2.8 KiB
HTML
88 lines
2.8 KiB
HTML
<div>
|
|
<nav class="navbar navbar-default shadowed">
|
|
<div class="col-md-5">
|
|
<!--
|
|
<button class="btn btn-primary " [ngClass]="{true:'visible', false:'invisible'}[tokenService.isLoggedIn() == true]" (click)='slideNav()'>
|
|
<span style="font-size:20px;cursor:pointer" >☰</span>
|
|
</button>
|
|
-->
|
|
<div class="nav navbar-nav navbar-left">
|
|
<!--
|
|
<div class="dropdown" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]">
|
|
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Go To <span class="caret"></span> </button>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="cursor" (click)="goToDMPs()">My DMPs</a></li>
|
|
<li><a class="cursor" (click)="goToProjects()">My Projects</a></li>
|
|
</ul>
|
|
</div>
|
|
-->
|
|
<li class="dropdown" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]">
|
|
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Quick Navigate
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a class="cursor" (click)="goToDMPs()">My DMPs</a>
|
|
</li>
|
|
<li>
|
|
<a class="cursor" (click)="goToProjects()">Projects</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="col-md-3">
|
|
<h3 class="navbar-title">Data Management Plans Creator</h3>
|
|
</div>
|
|
|
|
<div class="col-md-4">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="dropdown" [ngClass]="{true:'invisible'}[loggedInAs == null]">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Quick links
|
|
<span class="caret"></span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<a href="#">Action</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Another action</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">Something else here</a>
|
|
</li>
|
|
<li role="separator" class="divider"></li>
|
|
<li>
|
|
<a href="#">Separated link</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]">
|
|
<a>{{tokenService.getEmail()}}</a>
|
|
</li>
|
|
<li class="cursor" [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]" (click)="logout()">
|
|
<a>Logout</a>
|
|
</li>
|
|
<li class="cursor" [ngClass]="{true:'invisible'}[tokenService.isLoggedIn() == true]" (click)="login()">
|
|
<a>Login</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
</div>
|
|
|
|
<!-- breadcrumb bar -->
|
|
<div class="col-md-12">
|
|
<breadcrumb></breadcrumb>
|
|
</div>
|
|
|
|
<router-outlet></router-outlet> |