mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-16 23:40:14 +01:00
39 lines
1.1 KiB
TypeScript
39 lines
1.1 KiB
TypeScript
import { Component } from '@angular/core';
|
|
|
|
// TODO: move layouts into the framework
|
|
@Component({
|
|
selector: 'ngx-three-columns-layout',
|
|
styleUrls: ['./three-columns.layout.scss'],
|
|
template: `
|
|
<nga-layout>
|
|
<nga-layout-header fixed>
|
|
<ngx-header></ngx-header>
|
|
</nga-layout-header>
|
|
|
|
<nga-sidebar class="menu-sidebar" tag="menu-sidebar" responsive >
|
|
<nga-sidebar-header>
|
|
<button class="btn btn-hero-success main-btn">
|
|
<i class="ion ion-social-github"></i> <span>Support Us</span>
|
|
</button>
|
|
</nga-sidebar-header>
|
|
<ng-content select="nga-menu"></ng-content>
|
|
</nga-sidebar>
|
|
|
|
<nga-layout-column class="small">
|
|
</nga-layout-column>
|
|
|
|
<nga-layout-column right>
|
|
<ng-content select="router-outlet"></ng-content>
|
|
</nga-layout-column>
|
|
|
|
<nga-layout-column class="small">
|
|
</nga-layout-column>
|
|
|
|
<nga-layout-footer fixed>
|
|
<ngx-footer></ngx-footer>
|
|
</nga-layout-footer>
|
|
</nga-layout>
|
|
`,
|
|
})
|
|
export class ThreeColumnsLayoutComponent {
|
|
}
|