opt-cc/opt-cc-static/src/app/app.component.html

56 lines
1.9 KiB
HTML

<div class="container">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mynavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#" style="padding-top: 2px">
<img height="40px" src="assets/opt-logo-klein.png">
</a>
</div>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="nav navbar-nav">
<li *ngIf="loginService.isLoggedIn()" routerLinkActive="active">
<a routerLink='/cc-users' class="link">Teilnehmer</a>
</li>
<li *ngIf="loginService.isLoggedIn()" routerLinkActive="active">
<a routerLink='/cc-squads' class="link">Squads</a>
</li>
<li *ngIf="loginService.isLoggedIn()" routerLinkActive="active">
<a routerLink='/cc-decorations' class="link">Auszeichnungen</a>
</li>
<li *ngIf="loginService.isLoggedIn()" routerLinkActive="active">
<a routerLink='/cc-ranks' class="link">Ränge</a>
</li>
<!--<li routerLinkActive="active">-->
<!--<a routerLink='/settings' class="link">Einstellungen</a>-->
<!--</li>-->
</ul>
<ul class="nav navbar-nav" style="float: right">
<li *ngIf="authEnabled" class="link" style="cursor: pointer">
<a *ngIf="loginService.isLoggedIn()" (click)="logout()" >Abmelden</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="content">
<div id="left">
<router-outlet></router-outlet>
</div>
<div id="right">
<router-outlet name="right"></router-outlet>
</div>
<div id="footer">
<router-outlet name="bottom"></router-outlet>
</div>
</div>