content top component

src/app/theme/contentTop/contentTop.component.ts

@@ -0,0 +1,25 @@
+import {Component, ViewEncapsulation} from 'angular2/core';
+
+import {ThemeGlobal} from "../theme.global";
+import {Subscription} from "rxjs/Subscription";
+
+@Component({
+  selector: 'content-top',
+  styles: [require('./contentTop.scss')],
+  template: require('./contentTop.html'),
+})
+export class ContentTop {
+  activePageTitle = '';
+  private _themeGlobalSubscription:Subscription;
+
+  constructor(private _themeGlobal:ThemeGlobal) {
+    this._themeGlobalSubscription = this._themeGlobal.getDataStream().subscribe((data) => {
+      this.activePageTitle = data['menu.activeLink'] != null ? data['menu.activeLink'].title : this.activePageTitle;
+    });
+  }
+
+  ngOnDestroy() {
+    // prevent memory leak when component destroyed
+    this._themeGlobalSubscription.unsubscribe();
+  }
+}