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

112 lines
4.7 KiB
HTML
Raw Normal View History

2017-05-10 11:04:06 +02:00
<div class="container">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#" style="padding-top: 2px">
<img height="40px" src="assets/opt-logo-klein.png">
</a>
2017-10-14 18:43:00 +02:00
<span class="version-label">{{version}}</span>
2017-05-10 11:04:06 +02:00
</div>
<div class="collapse navbar-collapse" id="mynavbar">
<ul class="nav navbar-nav">
2018-06-06 19:02:33 +02:00
<li routerLinkActive="active">
<a href="https://www.opt4.net/dashboard" class="link">Zum Forum</a>
</li>
<li routerLinkActive="active">
<a routerLink='{{config.overviewPath}}' class="link">Armeeübersicht</a>
</li>
<li routerLinkActive="active">
<a [routerLink]="[config.publicPath,{outlets:{right:'ranks'}}]" class="link">Ränge</a>
</li>
2018-07-06 23:23:29 +02:00
<!--<li routerLinkActive="active">-->
<!--<a [routerLink]="[config.publicPath,{outlets:{right:'decorations'}}]" class="link">Auszeichnungen</a>-->
<!--</li>-->
<li routerLinkActive="active">
<a routerLink='{{config.statsPath}}' class="link">Statistiken</a>
2017-07-08 22:50:01 +02:00
</li>
2017-06-08 16:58:28 +02:00
<li *ngIf="loginService.hasPermission(2)" routerLinkActive="active">
<a routerLink='{{config.userPath}}' class="link">Teilnehmer</a>
2017-05-10 11:04:06 +02:00
</li>
2017-06-08 16:58:28 +02:00
<li *ngIf="loginService.hasPermission(2)" routerLinkActive="active">
<a routerLink='{{config.squadPath}}' class="link">Squads</a>
2017-05-10 11:04:06 +02:00
</li>
2017-06-08 16:58:28 +02:00
<li *ngIf="loginService.hasPermission(2)" routerLinkActive="active">
<a routerLink='{{config.decorationPath}}' class="link">Auszeichnungen</a>
2017-05-10 11:04:06 +02:00
</li>
2017-06-08 16:58:28 +02:00
<li *ngIf="loginService.hasPermission(2)" routerLinkActive="active">
<a routerLink='{{config.rankPath}}' class="link">Ränge</a>
2017-05-10 11:04:06 +02:00
</li>
2017-07-14 23:33:17 +02:00
<li *ngIf="loginService.hasPermission(1) && !loginService.hasPermission(2) && loginService.hasSquad()"
class="dropdown">
2017-06-08 16:58:28 +02:00
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
aria-expanded="false">
Beantragen
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a routerLink="{{config.request}}/{{config.sqlDashboardPath}}">Offene Anträge</a>
</li>
2017-06-08 16:58:28 +02:00
<li>
<a routerLink="{{config.request}}/{{config.requestPromotionPath}}">Beförderung</a>
2017-06-08 16:58:28 +02:00
</li>
<li>
<a routerLink="{{config.request}}/{{config.requestAwardPath}}">Orden/ Auszeichnung</a>
2017-06-08 16:58:28 +02:00
</li>
</ul>
</li>
2017-07-10 20:51:15 +02:00
<li *ngIf="loginService.hasPermission(2) && loginService.hasSquad()" class="dropdown">
2017-09-03 12:49:59 +02:00
<a href="#"
[ngClass]="{'unprocessed': promotionService.hasUnprocessedPromotion || awardingService.hasUnprocessedAwards}"
2017-09-03 12:49:59 +02:00
class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
2017-06-10 22:07:32 +02:00
aria-expanded="false">
Anträge
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li>
<a [ngClass]="{'unprocessed-child': promotionService.hasUnprocessedPromotion}"
2017-09-03 12:49:59 +02:00
routerLink="{{config.request}}/{{config.confirmPromotionPath}}">Beförderung</a>
2017-06-10 22:07:32 +02:00
</li>
<li>
<a [ngClass]="{'unprocessed-child': awardingService.hasUnprocessedAwards}"
2017-09-03 12:49:59 +02:00
routerLink="{{config.request}}/{{config.confirmAwardPath}}">Orden/ Auszeichnung</a>
2017-06-10 22:07:32 +02:00
</li>
</ul>
</li>
2017-05-10 11:04:06 +02:00
</ul>
<ul class="nav navbar-nav" style="float: right">
2017-06-08 16:58:28 +02:00
<li *ngIf="loginService.hasPermission(4)" routerLinkActive="active">
<a routerLink='{{config.adminPanelPath}}' class="link">Admin Panel</a>
2017-06-08 16:58:28 +02:00
</li>
<li *ngIf="loginService.isLoggedIn()" class="link" style="cursor: pointer">
<a (click)="logout()">Abmelden</a>
2017-05-10 11:04:06 +02:00
</li>
<li *ngIf="!loginService.isLoggedIn()" routerLinkActive="active">
<a routerLink='{{config.loginPath}}' class="link">Login</a>
</li>
2017-05-10 11:04:06 +02:00
</ul>
</div>
</div>
</nav>
2018-04-15 13:37:51 +02:00
<button (click)="scrollToTop()" *ngIf="scrollTopVisible" id="scrollTopBtn" title="Zum Seitenanfang"></button>
2018-03-29 17:01:24 +02:00
2017-05-10 11:04:06 +02:00
</div>
2018-03-29 17:01:24 +02:00
2017-10-06 20:11:18 +02:00
<div>
<mat-spinner class="load-indicator" *ngIf="loading"></mat-spinner>
2017-05-10 11:04:06 +02:00
<div id="left">
<router-outlet></router-outlet>
</div>
<div id="right">
<router-outlet name="right"></router-outlet>
</div>
<div id="footer">
2017-11-12 19:27:26 +01:00
<router-outlet name="footer"></router-outlet>
2017-05-10 11:04:06 +02:00
</div>
</div>