fuse-angular/src/app/core/components/layout/layout.component.html
Sercan Yemen ac870a9613 fuse2...
2017-07-15 18:03:40 +03:00

92 lines
2.6 KiB
HTML

<!-- TOOLBAR: Above -->
<ng-container *ngIf="layoutSettings.toolbar === 'above'">
<fuse-toolbar class="above"></fuse-toolbar>
</ng-container>
<!-- / TOOLBAR: Above -->
<div id="wrapper">
<!-- NAVIGATION: None -->
<ng-container *ngIf="layoutSettings.navigation === 'none'">
<div class="content-wrapper">
<!-- TOOLBAR: Below -->
<ng-container *ngIf="layoutSettings.toolbar === 'below'">
<fuse-toolbar class="below"></fuse-toolbar>
</ng-container>
<!-- / TOOLBAR: Below -->
<fuse-content perfect-scrollbar></fuse-content>
<!-- FOOTER: Below -->
<ng-container *ngIf="layoutSettings.footer === 'below'">
<fuse-footer class="below"></fuse-footer>
</ng-container>
<!-- / FOOTER: Below -->
</div>
</ng-container>
<!-- / NAVIGATION: None -->
<!-- NAVIGATION: Left -->
<ng-container *ngIf="layoutSettings.navigation === 'left'">
<fuse-navbar></fuse-navbar>
<div class="content-wrapper">
<!-- TOOLBAR: Below -->
<ng-container *ngIf="layoutSettings.toolbar === 'below'">
<fuse-toolbar class="below"></fuse-toolbar>
</ng-container>
<!-- / TOOLBAR: Below -->
<fuse-content perfect-scrollbar></fuse-content>
<!-- FOOTER: Below -->
<ng-container *ngIf="layoutSettings.footer === 'below'">
<fuse-footer class="below"></fuse-footer>
</ng-container>
<!-- / FOOTER: Below -->
</div>
</ng-container>
<!-- / NAVIGATION: Left -->
<!-- NAVIGATION: Right -->
<ng-container *ngIf="layoutSettings.navigation === 'right'">
<div class="content-wrapper">
<!-- TOOLBAR: Below -->
<ng-container *ngIf="layoutSettings.toolbar === 'below'">
<fuse-toolbar class="below"></fuse-toolbar>
</ng-container>
<!-- / TOOLBAR: Below -->
<fuse-content perfect-scrollbar></fuse-content>
<!-- FOOTER: Below -->
<ng-container *ngIf="layoutSettings.footer === 'below'">
<fuse-footer class="below"></fuse-footer>
</ng-container>
<!-- / FOOTER: Below -->
</div>
<fuse-navbar></fuse-navbar>
</ng-container>
<!-- / NAVIGATION: Right -->
</div>
<!-- FOOTER: Above -->
<ng-container *ngIf="layoutSettings.footer === 'above'">
<fuse-footer class="above"></fuse-footer>
</ng-container>
<!-- FOOTER: Above -->