import {Component, ViewEncapsulation, OnInit} from '@angular/core';

import {GlobalState} from '../../../global.state';

@Component({
  selector: 'header',
  styles: [require('./header.scss')],
  template: require('./header.html'),
  encapsulation: ViewEncapsulation.None
})

export class header {

  public isScrolled:boolean = false;
  public isMenuCollapsed:boolean = false;
  public activePageTitle: string = '';

  constructor(private _state: GlobalState) {
      this._state.subscribe('menu.isCollapsed', (isCollapsed) => {
          this.isMenuCollapsed = isCollapsed;
      });

      this._state.subscribe('menu.activeLink', (activeLink) => {
          if (activeLink) {
              this.activePageTitle = activeLink.title;
          }
      });

  }

  public toggleMenu() {
    this.isMenuCollapsed = !this.isMenuCollapsed;
    this._state.notifyDataChanged('menu.isCollapsed', this.isMenuCollapsed);
  }

  public scrolledChanged(isScrolled) {
    this.isScrolled = isScrolled;
  }

}