diff --git a/src/app/theme/pageTop/pageTop.component.ts b/src/app/theme/pageTop/pageTop.component.ts index 6eb5ecd8..916dfa2f 100644 --- a/src/app/theme/pageTop/pageTop.component.ts +++ b/src/app/theme/pageTop/pageTop.component.ts @@ -1,8 +1,10 @@ import {Component, ViewEncapsulation} from 'angular2/core'; +import {Subscription} from 'rxjs/Subscription'; import {MsgCenter} from '../msgCenter'; import {ProfilePicturePipe} from '../pipes/image/profile-picture.pipe'; import {ScrollPosition} from '../directives/scrollPosition.directive'; +import {SidebarStateService} from '../sidebar/sidebarState.service' @Component({ selector: 'page-top', @@ -13,8 +15,20 @@ import {ScrollPosition} from '../directives/scrollPosition.directive'; }) export class PageTop { isScrolled: Boolean = false; + isMenuCollapsed: Boolean = false; + + private _sidebarStateSubscription: Subscription; + + constructor(private _sidebarStateService: SidebarStateService) { + this._sidebarStateSubscription = this._sidebarStateService.getStateStream().subscribe((isCollapsed) => this.isMenuCollapsed = isCollapsed); + } + + toggleMenu() { + this.isMenuCollapsed = !this.isMenuCollapsed; + this._sidebarStateService.stateChanged(this.isMenuCollapsed); + } scrolledChanged(isScrolled) { - this.isScrolled = isScrolled; + this.isScrolled = isScrolled; } } diff --git a/src/app/theme/pageTop/pageTop.html b/src/app/theme/pageTop/pageTop.html index 5f4b5fdf..d2f0a9dc 100644 --- a/src/app/theme/pageTop/pageTop.html +++ b/src/app/theme/pageTop/pageTop.html @@ -1,6 +1,6 @@
- +