scrollPosition - baScrollPosition

src/app/theme/components/pageTop/pageTop.component.ts

@@ -3,13 +3,13 @@ import {Component, ViewEncapsulation} from '@angular/core';
 import {AppState} from '../../../app.state';
 import {ProfilePicturePipe} from '../../pipes';
 import {MsgCenter} from '../../components/msgCenter';
-import {ScrollPosition} from '../../directives';
+import {BaScrollPosition} from '../../directives';
 
 @Component({
   selector: 'page-top',
   styles: [require('./pageTop.scss')],
   template: require('./pageTop.html'),
-  directives: [MsgCenter, ScrollPosition],
+  directives: [MsgCenter, BaScrollPosition],
   pipes: [ProfilePicturePipe],
   encapsulation: ViewEncapsulation.None
 })

src/app/theme/components/pageTop/pageTop.html

@@ -1,4 +1,4 @@
-<div class="page-top clearfix" scrollPosition maxHeight="50" (scrollChange)="scrolledChanged($event)"
+<div class="page-top clearfix" baScrollPosition maxHeight="50" (scrollChange)="scrolledChanged($event)"
      [ngClass]="{scrolled: isScrolled}">
   <a href="#/pages/dashboard" class="al-logo clearfix"><span>ng2-</span>admin</a>
   <a (click)="toggleMenu()" class="collapse-menu-link ion-navicon"></a>

src/app/theme/directives/baScrollPosition/baScrollPosition.directive.ts

@@ -1,15 +1,16 @@
 import {Directive, Input, Output, EventEmitter, HostListener} from '@angular/core';
 
 @Directive({
-  selector: '[scrollPosition]'
+  selector: '[baScrollPosition]'
 })
-export class ScrollPosition {
+export class BaScrollPosition {
-  @Input() maxHeight:Number;
-  @Output() scrollChange:EventEmitter<Boolean> = new EventEmitter<Boolean>();
 
-  private _isScrolled:Boolean;
+  @Input() public maxHeight:number;
+  @Output() public scrollChange:EventEmitter<boolean> = new EventEmitter<boolean>();
 
-  ngOnInit() {
+  private _isScrolled:boolean;
+
+  public ngOnInit():void {
     this.onWindowScroll();
   }
 

src/app/theme/directives/baScrollPosition/index.ts

@@ -0,0 +1 @@
+export * from './baScrollPosition.directive.ts';

src/app/theme/directives/index.ts

@@ -1,2 +1,2 @@
-export * from './scrollPosition';
+export * from './baScrollPosition';
 export * from './baThemeRun';

src/app/theme/directives/scrollPosition/index.ts

@@ -1 +0,0 @@
-export * from './scrollPosition.directive.ts';