Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-20 17:30:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(layouts): layouts + theme settings panel preview

Browse source
This commit is contained in:
Dmitry Nehaychik 2017-07-28 14:54:29 +03:00
parent 6fe593295d
commit eef4d0633c
20 changed files with 636 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/app/@theme/layouts/three-columns/three-columns.layout.ts Normal file
View file

@ -0,0 +1,39 @@
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 {
}