<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> <span class="version-label">{{version}}</span> </div> <div class="collapse navbar-collapse" id="mynavbar"> <ul class="nav navbar-nav"> <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.concat('/').concat(config.rankPath)]" class="link">Ränge</a> </li> <li routerLinkActive="active"> <a [routerLink]="[config.publicPath.concat('/').concat(config.decorationPath)]" class="link">Auszeichnungen</a> </li> <li routerLinkActive="active"> <a routerLink='{{config.statsPath}}' class="link">Statistiken</a> </li> <li *ngIf="loginService.hasPermission(2)" class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Verwaltung <span class="caret"></span> </a> <ul class="dropdown-menu"> <li routerLinkActive="active"> <a routerLink='{{config.userPath}}' class="link">Teilnehmer</a> </li> <li routerLinkActive="active"> <a routerLink='{{config.squadPath}}' class="link">Squads</a> </li> <li routerLinkActive="active"> <a routerLink='{{config.decorationPath}}' class="link">Auszeichnungen</a> </li> <li routerLinkActive="active"> <a routerLink='{{config.rankPath}}' class="link">Ränge</a> </li> </ul> </li> <li *ngIf="loginService.hasPermission(1) && !loginService.hasPermission(2) && loginService.hasSquad()" class="dropdown"> <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> <li> <a routerLink="{{config.request}}/{{config.requestPromotionPath}}">Beförderung</a> </li> <li> <a routerLink="{{config.request}}/{{config.requestAwardPath}}">Orden/ Auszeichnung</a> </li> </ul> </li> <li *ngIf="loginService.hasPermission(2) && loginService.hasSquad()" class="dropdown"> <a href="#" [ngClass]="{'unprocessed': promotionService.hasUnprocessedPromotion || awardingService.hasUnprocessedAwards}" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> Anträge <span class="caret"></span> </a> <ul class="dropdown-menu"> <li> <a [ngClass]="{'unprocessed-child': promotionService.hasUnprocessedPromotion}" routerLink="{{config.request}}/{{config.confirmPromotionPath}}">Beförderung</a> </li> <li> <a [ngClass]="{'unprocessed-child': awardingService.hasUnprocessedAwards}" routerLink="{{config.request}}/{{config.confirmAwardPath}}">Orden/ Auszeichnung</a> </li> </ul> </li> </ul> <ul class="nav navbar-nav" style="float: right"> <li *ngIf="loginService.hasPermission(4)" routerLinkActive="active"> <a routerLink='{{config.adminPanelPath}}' class="link">Admin Panel</a> </li> <li *ngIf="loginService.isLoggedIn()" class="link" style="cursor: pointer"> <a (click)="logout()">Abmelden</a> </li> <li *ngIf="!loginService.isLoggedIn()" routerLinkActive="active"> <a routerLink='{{config.loginPath}}' class="link">Login</a> </li> </ul> </div> </div> </nav> </div> <div> <router-outlet></router-outlet> <div style="max-width:18%"> <router-outlet name="left"></router-outlet> </div> <div id="right"> <router-outlet name="right"></router-outlet> </div> <span *ngIf="loading" class="load-indicator load-arrow glyphicon-refresh-animate"></span> <button mat-icon-button mat-mini-fab id="scrollTopBtn" *ngIf="scrollTopVisible" matTooltip="Zum Seitenanfang" (click)="scrollToTop()"> <mat-icon svgIcon="arrow-up"></mat-icon> </button>