page structure update

This commit is contained in:
nixa 2016-05-02 14:08:32 +03:00
parent 259ac60ac3
commit ef18e103d5
2 changed files with 9 additions and 9 deletions

View file

@ -12,7 +12,6 @@ require("!style!css!sass!./theme/sass/_ionicons.scss");
/* /*
* App Component * App Component
* Top Level Component * Top Level Component
* TODO: why the header and footer are not implemented?
*/ */
@Component({ @Component({
selector: 'app', selector: 'app',
@ -21,16 +20,9 @@ require("!style!css!sass!./theme/sass/_ionicons.scss");
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
styles: [require('normalize.css'), require('./app.scss')], styles: [require('normalize.css'), require('./app.scss')],
template: ` template: `
<header>
</header>
<main [ngClass]="{'menu-collapsed': isMenuCollapsed}"> <main [ngClass]="{'menu-collapsed': isMenuCollapsed}">
<router-outlet></router-outlet> <router-outlet></router-outlet>
</main> </main>
<footer>
</footer>
` `
}) })
@RouteConfig([ @RouteConfig([

View file

@ -10,7 +10,15 @@ import {PageTop, Sidebar} from '../theme';
encapsulation: ViewEncapsulation.None, encapsulation: ViewEncapsulation.None,
styles: [], styles: [],
directives: [PageTop, Sidebar], directives: [PageTop, Sidebar],
template: `<sidebar></sidebar><page-top></page-top><router-outlet></router-outlet>` template: `
<sidebar></sidebar>
<page-top></page-top>
<div class="al-main">
<div class="al-content">
<content-top></content-top>
<router-outlet></router-outlet>
</div>
</div>`
}) })
@RouteConfig([ @RouteConfig([
{ {