fuse-angular/src/app/core/components/layout/layout.component.html

92 lines
2.6 KiB
HTML
Raw Normal View History

2017-07-12 12:35:07 +00:00
<!-- TOOLBAR: Above -->
<ng-container *ngIf="layoutSettings.toolbar === 'above'">
2017-07-12 14:34:32 +00:00
<fuse-toolbar class="above"></fuse-toolbar>
2017-07-12 12:35:07 +00:00
</ng-container>
<!-- / TOOLBAR: Above -->
<div id="wrapper">
2017-07-12 14:34:32 +00:00
<!-- 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 -->
2017-07-15 15:03:40 +00:00
<fuse-content perfect-scrollbar></fuse-content>
2017-07-12 14:34:32 +00:00
<!-- FOOTER: Below -->
<ng-container *ngIf="layoutSettings.footer === 'below'">
<fuse-footer class="below"></fuse-footer>
</ng-container>
<!-- / FOOTER: Below -->
</div>
</ng-container>
<!-- / NAVIGATION: None -->
2017-07-12 12:35:07 +00:00
<!-- NAVIGATION: Left -->
<ng-container *ngIf="layoutSettings.navigation === 'left'">
<fuse-navbar></fuse-navbar>
<div class="content-wrapper">
2017-07-12 14:34:32 +00:00
<!-- TOOLBAR: Below -->
2017-07-12 12:35:07 +00:00
<ng-container *ngIf="layoutSettings.toolbar === 'below'">
2017-07-12 14:34:32 +00:00
<fuse-toolbar class="below"></fuse-toolbar>
2017-07-12 12:35:07 +00:00
</ng-container>
2017-07-12 14:34:32 +00:00
<!-- / TOOLBAR: Below -->
2017-07-12 12:35:07 +00:00
2017-07-15 15:03:40 +00:00
<fuse-content perfect-scrollbar></fuse-content>
2017-07-12 12:35:07 +00:00
2017-07-12 14:34:32 +00:00
<!-- FOOTER: Below -->
<ng-container *ngIf="layoutSettings.footer === 'below'">
<fuse-footer class="below"></fuse-footer>
</ng-container>
<!-- / FOOTER: Below -->
2017-07-12 12:35:07 +00:00
</div>
</ng-container>
<!-- / NAVIGATION: Left -->
2017-07-12 14:34:32 +00:00
<!-- 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 -->
2017-07-15 15:03:40 +00:00
<fuse-content perfect-scrollbar></fuse-content>
2017-07-12 14:34:32 +00:00
<!-- 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 -->
2017-07-12 12:35:07 +00:00
</div>
2017-07-12 14:34:32 +00:00
<!-- FOOTER: Above -->
<ng-container *ngIf="layoutSettings.footer === 'above'">
<fuse-footer class="above"></fuse-footer>
</ng-container>
<!-- FOOTER: Above -->