[sidebar] Skeleton up

diff --git a/src/components/app.html b/src/components/app.html
index 9ef7c51db1707aa634954fc54966d39be1d104a3..803b227b41a95b56902cd42364aa3d384820e1c5 100644 (file)
--- a/src/components/app.html
+++ b/src/components/app.html
@@ -5,7 +5,8 @@
         <mou-filter></mou-filter>
     </div>
 
-    <mou-map #map></mou-map>
+    <mou-map (newactive)="sidebar.update($event)" #map></mou-map>
+    <mou-sidebar #sidebar></mou-sidebar>
 
 </div>
 

diff --git a/src/components/app.ts b/src/components/app.ts
index 7feefc38f80a1b06bdbe8e9e7fba77971b84837a..3ce1467f98d43165670d49fd2c77a3c8c7b223d3 100644 (file)
--- a/src/components/app.ts
+++ b/src/components/app.ts
@@ -3,6 +3,7 @@ import {Component, View, bootstrap, provide, ELEMENT_PROBE_PROVIDERS} from 'angu
 import {Map} from './map/map';
 import {Search} from "./search/search";
 import {Filter} from "./filter/filter";
+import {Sidebar} from "./sidebar/sidebar";
 
 declare var System:any;
 
@@ -10,7 +11,7 @@ declare var System:any;
     {
         selector: 'mou-app',
         templateUrl: './components/app.html',
-        directives:[Filter, Map, Search]
+        directives:[Filter, Map, Search, Sidebar]
     })
 
 

diff --git a/src/components/sidebar/sidebar.html b/src/components/sidebar/sidebar.html
new file mode 100644 (file)
index 0000000..d0ac134
--- /dev/null
+++ b/src/components/sidebar/sidebar.html
@@ -0,0 +1 @@
+<div>Yolo world!</div>
\ No newline at end of file

diff --git a/src/components/sidebar/sidebar.ts b/src/components/sidebar/sidebar.ts
new file mode 100644 (file)
index 0000000..f3e46ab
--- /dev/null
+++ b/src/components/sidebar/sidebar.ts
@@ -0,0 +1,17 @@
+import {Component, CORE_DIRECTIVES,} from 'angular2/angular2';
+import {Http} from 'angular2/http';
+
+
+@Component({
+    selector: 'mou-sidebar',
+    directives: [CORE_DIRECTIVES],
+    templateUrl: './components/sidebar/sidebar.html'
+})
+export class Sidebar {
+    http: Http;
+
+    constructor(http:Http){
+        this.http = http;
+    }
+}
+