clean up
parent
2e193dff32
commit
430d4ce7da
|
@ -1,188 +1,37 @@
|
|||
<div>
|
||||
<mat-sidenav-container>
|
||||
<mat-sidenav-content>
|
||||
<app-header (sidenavToggle)="sidenav.toggle()"></app-header>
|
||||
<main>
|
||||
<div>
|
||||
<router-outlet></router-outlet>
|
||||
<mat-sidenav-container>
|
||||
<mat-sidenav-content>
|
||||
<app-header (sidenavToggle)="sidenav.toggle()"></app-header>
|
||||
<main>
|
||||
<div>
|
||||
<router-outlet></router-outlet>
|
||||
|
||||
<div id="left">
|
||||
<router-outlet name="left"></router-outlet>
|
||||
<div id="left">
|
||||
<router-outlet name="left"></router-outlet>
|
||||
</div>
|
||||
|
||||
<div id="right">
|
||||
<router-outlet name="right"></router-outlet>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</mat-sidenav-content>
|
||||
<mat-sidenav #sidenav role="navigation">
|
||||
<app-sidenav-list (sidenavClose)="sidenav.close()"></app-sidenav-list>
|
||||
</mat-sidenav>
|
||||
</mat-sidenav-container>
|
||||
|
||||
<div id="right">
|
||||
<router-outlet name="right"></router-outlet>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</mat-sidenav-content>
|
||||
<mat-sidenav #sidenav role="navigation">
|
||||
<app-sidenav-list (sidenavClose)="sidenav.close()"></app-sidenav-list>
|
||||
</mat-sidenav>
|
||||
</mat-sidenav-container>
|
||||
<div *ngIf="loading" class="load-indicator">
|
||||
<div class="opt-loader"></div>
|
||||
<mat-icon svgIcon="opt-logo-core" class="opt-logo-core"></mat-icon>
|
||||
</div>
|
||||
|
||||
<div *ngIf="loading" class="load-indicator">
|
||||
<div class="opt-loader"></div>
|
||||
<mat-icon svgIcon="opt-logo-core" class="opt-logo-core"></mat-icon>
|
||||
<button mat-icon-button
|
||||
mat-mini-fab
|
||||
id="scrollTopBtn"
|
||||
*ngIf="scrollTopVisible"
|
||||
matTooltip="{{'navigation.button.scroll.top' | translate}}"
|
||||
(click)="scrollToTop()">
|
||||
<mat-icon svgIcon="arrow-up"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button mat-icon-button
|
||||
mat-mini-fab
|
||||
id="scrollTopBtn"
|
||||
*ngIf="scrollTopVisible"
|
||||
matTooltip="{{'navigation.button.scroll.top' | translate}}"
|
||||
(click)="scrollToTop()">
|
||||
<mat-icon svgIcon="arrow-up"></mat-icon>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<!--<div class="container">-->
|
||||
<!--<nav class="navbar navbar-inverse navbar-fixed-top">-->
|
||||
<!--<div class="container-fluid">-->
|
||||
|
||||
<!--<div class="navbar-header">-->
|
||||
|
||||
<!--</div>-->
|
||||
<!--<div class="collapse navbar-collapse">-->
|
||||
|
||||
<!--<ul class="nav navbar-nav">-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a href="https://www.opt4.net/dashboard" class="link">{{'navigation.top.board' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.overviewPath}}' class="link">{{'navigation.top.overview' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a [routerLink]="[config.publicPath.concat('/').concat(config.rankPath)]" class="link">{{'navigation.top.ranks' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a [routerLink]="[config.publicPath.concat('/').concat(config.decorationPath)]" class="link">{{'navigation.top.decorations' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.statsPath}}' class="link">{{'navigation.top.statistics' | translate}}</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">-->
|
||||
<!--{{'navigation.top.management' | translate}}-->
|
||||
<!--<span class="caret"></span>-->
|
||||
<!--</a>-->
|
||||
<!--<ul class="dropdown-menu">-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.manageUserPath}}' class="link">{{'navigation.top.management.users' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.manageSquadPath}}' class="link">{{'navigation.top.management.squads' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.manageDecorationPath}}' class="link">{{'navigation.top.management.decorations' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.manageRankPath}}' class="link">{{'navigation.top.management.ranks' | translate}}</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">-->
|
||||
<!--{{'navigation.top.request' | translate}}-->
|
||||
<!--<span class="caret"></span>-->
|
||||
<!--</a>-->
|
||||
<!--<ul class="dropdown-menu">-->
|
||||
<!--<li>-->
|
||||
<!--<a routerLink="{{config.request}}/{{config.sqlDashboardPath}}">{{'navigation.top.request.open' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li>-->
|
||||
<!--<a routerLink="{{config.request}}/{{config.requestPromotionPath}}">{{'navigation.top.request.promotion' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li>-->
|
||||
<!--<a routerLink="{{config.request}}/{{config.requestAwardPath}}">{{'navigation.top.request.award' | translate}}</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">-->
|
||||
<!--{{'navigation.top.request.manage' | translate}}-->
|
||||
<!--<span class="caret"></span>-->
|
||||
<!--</a>-->
|
||||
<!--<ul class="dropdown-menu">-->
|
||||
<!--<li>-->
|
||||
<!--<a [ngClass]="{'unprocessed-child': promotionService.hasUnprocessedPromotion}"-->
|
||||
<!--routerLink="{{config.request}}/{{config.confirmPromotionPath}}">{{'navigation.top.request.promotion' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li>-->
|
||||
<!--<a [ngClass]="{'unprocessed-child': awardingService.hasUnprocessedAwards}"-->
|
||||
<!--routerLink="{{config.request}}/{{config.confirmAwardPath}}">{{'navigation.top.request.award' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
|
||||
<!--<ul class="nav navbar-nav pull-right">-->
|
||||
<!--<li *ngIf="loginService.hasPermission(4)"-->
|
||||
<!--class="dropdown">-->
|
||||
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"-->
|
||||
<!--aria-expanded="false">-->
|
||||
<!--{{'navigation.top.admin' | translate}}-->
|
||||
<!--<span class="caret"></span>-->
|
||||
<!--</a>-->
|
||||
<!--<ul class="dropdown-menu">-->
|
||||
<!--<li routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.adminPanelAppUsersPath}}' class="link">{{'navigation.top.management.users' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</li>-->
|
||||
<!--<li *ngIf="loginService.isLoggedIn()" class="link" style="cursor: pointer">-->
|
||||
<!--<a (click)="logout()">{{'navigation.top.logout' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li *ngIf="!loginService.isLoggedIn()" routerLinkActive="active">-->
|
||||
<!--<a routerLink='{{config.loginPath}}' class="link">{{'navigation.top.login' | translate}}</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="dropdown" *ngIf="features.localization">-->
|
||||
<!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">-->
|
||||
<!--<span class="text-uppercase">{{language}}</span>-->
|
||||
<!--<span class="caret"></span>-->
|
||||
<!--</a>-->
|
||||
<!--<ul class="dropdown-menu">-->
|
||||
<!--<li *ngFor="let lang of languages" style="cursor: pointer">-->
|
||||
<!--<a (click)="setLanguage(lang)"><mat-icon svgIcon="flag-{{lang}}"></mat-icon></a>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</nav>-->
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div>-->
|
||||
<!--<router-outlet></router-outlet>-->
|
||||
|
||||
<!--<div id="left">-->
|
||||
<!--<router-outlet name="left"></router-outlet>-->
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div id="right">-->
|
||||
<!--<router-outlet name="right"></router-outlet>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
|
||||
<!--<div *ngIf="loading" class="load-indicator">-->
|
||||
<!--<div class="opt-loader"></div>-->
|
||||
<!--<mat-icon svgIcon="opt-logo-core" class="opt-logo-core"></mat-icon>-->
|
||||
<!--</div>-->
|
||||
|
||||
|
||||
<!--<button mat-icon-button-->
|
||||
<!--mat-mini-fab-->
|
||||
<!--id="scrollTopBtn"-->
|
||||
<!--*ngIf="scrollTopVisible"-->
|
||||
<!--matTooltip="{{'navigation.button.scroll.top' | translate}}"-->
|
||||
<!--(click)="scrollToTop()">-->
|
||||
<!--<mat-icon svgIcon="arrow-up"></mat-icon>-->
|
||||
<!--</button>-->
|
||||
|
|
|
@ -91,7 +91,7 @@ export class AppComponent implements OnInit {
|
|||
}
|
||||
|
||||
ngOnInit() {
|
||||
Observable.fromEvent(this.document, "scroll").subscribe(e => {
|
||||
Observable.fromEvent(this.document, 'scroll').subscribe(e => {
|
||||
this.scrollTopVisible = document.body.scrollTop > this.scrollBtnVisibleVal
|
||||
|| document.documentElement.scrollTop > this.scrollBtnVisibleVal;
|
||||
});
|
||||
|
|
Loading…
Reference in New Issue