This commit is contained in:
parent
1e78d583c6
commit
910173c907
|
@ -45,11 +45,13 @@
|
||||||
|
|
||||||
|
|
||||||
.navbar-title {
|
.navbar-title {
|
||||||
position: absolute;
|
/*
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
text-align: center;
|
*/
|
||||||
margin:0 auto;
|
margin:0 auto;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
.navbar-toggle {
|
.navbar-toggle {
|
||||||
z-index:3;
|
z-index:3;
|
||||||
|
|
|
@ -1,41 +1,34 @@
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<nav class="navbar navbar-default shadowed">
|
<nav class="navbar navbar-default shadowed">
|
||||||
<div class="container-fluid">
|
<div class="col-md-5 form-footer-seperator" >
|
||||||
<!-- Brand and toggle get grouped for better mobile display -->
|
<button class="btn btn-primary navbar-btn navbar-left" [ngClass]="{true:'visible', false:'invisible'}[tokenService.isLoggedIn() == true]" (click)='slideNav()'>
|
||||||
|
<span style="font-size:20px;cursor:pointer" >☰</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="navbar-header">
|
<div class="col-md-3 form-footer-seperator" >
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Collect the nav links, forms, and other content for toggling -->
|
|
||||||
<div class="collapse navbar-collapse">
|
|
||||||
|
|
||||||
<div class="nav navbar-nav navbar-left" >
|
|
||||||
<button class="btn btn-primary navbar-btn navbar-left" [ngClass]="{true:'visible', false:'invisible'}[tokenService.isLoggedIn() == true]" (click)='slideNav()'>
|
|
||||||
<span style="font-size:20px;cursor:pointer" >☰</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h3 class="navbar-title">Data Management Plans Creator</h3>
|
<h3 class="navbar-title">Data Management Plans Creator</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-4 form-footer-seperator" >
|
||||||
<ul class="nav navbar-nav navbar-right">
|
<ul class="nav navbar-nav navbar-right">
|
||||||
<li class="dropdown" [ngClass]="{true:'invisible'}[loggedInAs == null]">
|
<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>
|
<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">
|
<ul class="dropdown-menu">
|
||||||
<li><a href="#">Action</a></li>
|
<li><a href="#">Action</a></li>
|
||||||
<li><a href="#">Another action</a></li>
|
<li><a href="#">Another action</a></li>
|
||||||
<li><a href="#">Something else here</a></li>
|
<li><a href="#">Something else here</a></li>
|
||||||
<li role="separator" class="divider"></li>
|
<li role="separator" class="divider"></li>
|
||||||
<li><a href="#">Separated link</a></li>
|
<li><a href="#">Separated link</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
<li [ngClass]="{false:'invisible'}[tokenService.isLoggedIn() == true]"><a>{{tokenService.getEmail()}}</a></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]="{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>
|
<li class="cursor" [ngClass]="{true:'invisible'}[tokenService.isLoggedIn() == true]" (click)="login()" ><a>Login</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div><!-- /.navbar-collapse -->
|
</div>
|
||||||
</div><!-- /.container-fluid -->
|
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue