Nested pages/dashboard route.

src/app/pages/dashboard/dashboard.component.ts

@@ -1,3 +1,25 @@
-/**
- * Created by Andrey_Grabowsky on 20.04.16.
+/*
+ * Angular 2 decorators and services
  */
+import {Component, ViewEncapsulation} from 'angular2/core';
+/*
+ * App Component
+ * Top Level Component
+ */
+@Component({
+    selector: 'dashboard',
+    pipes: [ ],
+    providers: [ ],
+    encapsulation: ViewEncapsulation.None,
+    styles: [require('./dashboard.scss') ],
+    template: 'DASHBOARD'
+})
+export class Dashboard {
+
+    constructor() {}
+
+    ngOnInit() {
+        console.log('DASHBOARD');
+    }
+
+}

src/app/pages/dashboard/dashboard.scss

@@ -0,0 +1,23 @@
+@media screen and (min-width: 1620px) {
+  .row.shift-up {
+    > div {
+      margin-top: -573px;
+    }
+  }
+}
+
+@media screen and (max-width: 1620px) {
+ .panel.feed-panel.large-panel {
+   height: 824px;
+ }
+}
+
+.user-stats-panel {
+  .panel-title {
+    padding: 0 0 15px;
+  }
+}
+
+.blurCalendar{
+  height: 475px;
+}

src/app/pages/dashboard/index.ts

@@ -1,3 +1 @@
-/**
- * Created by Andrey_Grabowsky on 20.04.16.
- */
+export * from './dashboard.component';

src/app/pages/index.ts

@@ -1,3 +1 @@
-/**
- * Created by Andrey_Grabowsky on 20.04.16.
- */
+export * from './pages.component';

src/app/pages/pages.component.ts

@@ -0,0 +1,26 @@
+import {Component, ViewEncapsulation} from 'angular2/core';
+import {RouteConfig, Router} from 'angular2/router';
+
+import {Dashboard} from './dashboard';
+
+/*
+ * App Component
+ * Top Level Component
+ */
+@Component({
+    selector: 'pages',
+    encapsulation: ViewEncapsulation.None,
+    styles: [],
+    template:  `<router-outlet></router-outlet>`
+})
+@RouteConfig([
+    { path: '/dashboard', name: 'Dashboard', component: Dashboard, useAsDefault: true },
+])
+export class Pages {
+    constructor() {}
+
+    ngOnInit() {
+        console.log('Pages');
+    }
+
+}