2017-10-10 13:37:14 +00:00
|
|
|
<mat-sidenav-container>
|
2017-08-02 08:53:30 +00:00
|
|
|
|
2017-10-12 09:42:11 +00:00
|
|
|
<div id="fuse-main-content">
|
2017-08-02 08:53:30 +00:00
|
|
|
|
|
|
|
<!-- TOOLBAR: Above -->
|
2017-08-22 10:45:07 +00:00
|
|
|
<ng-container *ngIf="fuseSettings.layout.toolbar === 'above'">
|
2017-11-04 10:41:40 +00:00
|
|
|
<fuse-toolbar class="above" [ngClass]="fuseSettings.colorClasses.toolbar"></fuse-toolbar>
|
2017-08-02 08:53:30 +00:00
|
|
|
</ng-container>
|
|
|
|
<!-- / TOOLBAR: Above -->
|
|
|
|
|
2017-09-11 09:30:01 +00:00
|
|
|
<!-- NAVBAR: Top -->
|
|
|
|
<fuse-navbar-horizontal class="top-navbar" fxHide fxShow.gt-md
|
2017-11-04 10:41:40 +00:00
|
|
|
[ngClass]="fuseSettings.colorClasses.navbar"
|
2017-09-11 09:30:01 +00:00
|
|
|
*ngIf="fuseSettings.layout.navigation === 'top'">
|
|
|
|
</fuse-navbar-horizontal>
|
|
|
|
<!-- / NAVBAR: Top -->
|
|
|
|
|
2017-08-02 08:53:30 +00:00
|
|
|
<div id="wrapper">
|
|
|
|
|
2017-09-11 09:30:01 +00:00
|
|
|
<!-- NAVBAR: Left -->
|
2017-10-30 10:31:23 +00:00
|
|
|
<fuse-navbar-vertical [folded]="fuseSettings.layout.navigationFolded"
|
2017-10-10 13:37:14 +00:00
|
|
|
class="left-navbar"
|
2017-11-04 10:41:40 +00:00
|
|
|
[ngClass]="fuseSettings.colorClasses.navbar"
|
2017-09-11 09:30:01 +00:00
|
|
|
*ngIf="fuseSettings.layout.navigation === 'left' || fuseSettings.layout.navigation === 'top'">
|
|
|
|
</fuse-navbar-vertical>
|
|
|
|
<!-- / NAVBAR: Left -->
|
2017-08-02 08:53:30 +00:00
|
|
|
|
|
|
|
<div class="content-wrapper">
|
|
|
|
|
|
|
|
<!-- TOOLBAR: Below -->
|
2017-08-22 10:45:07 +00:00
|
|
|
<ng-container *ngIf="fuseSettings.layout.toolbar === 'below'">
|
2017-11-04 10:41:40 +00:00
|
|
|
<fuse-toolbar class="below" [ngClass]="fuseSettings.colorClasses.toolbar"></fuse-toolbar>
|
2017-08-02 08:53:30 +00:00
|
|
|
</ng-container>
|
|
|
|
<!-- / TOOLBAR: Below -->
|
|
|
|
|
2017-08-21 12:02:03 +00:00
|
|
|
<fuse-content></fuse-content>
|
2017-08-02 08:53:30 +00:00
|
|
|
|
|
|
|
<!-- FOOTER: Below -->
|
2017-08-22 10:45:07 +00:00
|
|
|
<ng-container *ngIf="fuseSettings.layout.footer === 'below'">
|
2017-11-04 10:41:40 +00:00
|
|
|
<fuse-footer class="below" [ngClass]="fuseSettings.colorClasses.footer"></fuse-footer>
|
2017-08-02 08:53:30 +00:00
|
|
|
</ng-container>
|
|
|
|
<!-- / FOOTER: Below -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
2017-09-11 09:30:01 +00:00
|
|
|
<!-- NAVBAR: Right -->
|
2017-10-30 10:31:23 +00:00
|
|
|
<fuse-navbar-vertical [folded]="fuseSettings.layout.navigationFolded"
|
2017-09-11 09:30:01 +00:00
|
|
|
class="right-navbar"
|
2017-11-04 10:41:40 +00:00
|
|
|
[ngClass]="fuseSettings.colorClasses.navbar"
|
2017-09-11 09:30:01 +00:00
|
|
|
*ngIf="fuseSettings.layout.navigation === 'right'">
|
|
|
|
</fuse-navbar-vertical>
|
|
|
|
<!-- / NAVBAR: Right -->
|
2017-08-02 08:53:30 +00:00
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- FOOTER: Above -->
|
2017-08-22 10:45:07 +00:00
|
|
|
<ng-container *ngIf="fuseSettings.layout.footer === 'above'">
|
2017-11-04 10:41:40 +00:00
|
|
|
<fuse-footer class="above" [ngClass]="fuseSettings.colorClasses.footer"></fuse-footer>
|
2017-08-02 08:53:30 +00:00
|
|
|
</ng-container>
|
|
|
|
<!-- FOOTER: Above -->
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- QUICK PANEL -->
|
2017-10-10 13:37:14 +00:00
|
|
|
<mat-sidenav fuseMatSidenavHelper="quick-panel" align="end">
|
2017-08-03 13:35:35 +00:00
|
|
|
<fuse-quick-panel></fuse-quick-panel>
|
2017-10-10 13:37:14 +00:00
|
|
|
</mat-sidenav>
|
2017-08-02 08:53:30 +00:00
|
|
|
<!-- / QUICK PANEL -->
|
|
|
|
|
2017-10-10 13:37:14 +00:00
|
|
|
</mat-sidenav-container>
|
2017-08-04 09:15:36 +00:00
|
|
|
|
|
|
|
<fuse-theme-options></fuse-theme-options>
|